EN
Søker...

Gallery Section

Pixpa gives you the option to add an image gallery to a side ved å bruke Galleri-delen. Denne delen kan brukes hvis du vil vise et sett med bilder ved hjelp av en layout.

The fundamental way to display a set of images is through using the Galleri menu item. But in case you wish to add more content (other than images) to your Gallery, you can use this Galleries section.

Gallerier-delen tilbyr faste rutenettoppsett, dynamiske rutenettoppsett, blokkmønsteroppsett eller fullbildeoppsett.

The mobile view of the galleries section is based on the settings that you have made in the innstillinger fanen.

Merknader

  • Pixpa recommends you use the smaller grid layouts to increase the page speed.
  • The page speed also depends on the image quality. See how to manage it.
  • For optimal ytelse, maksimalt antall bilder tillatt per gallery is 500Hvis du har flere bilder å vise frem, bør du vurdere opprette flere gallerier.

I denne artikkelen:

  1. What is a Galleries section?
  2. Add Gallery section to a Page
  3. Delete Content from Gallery
  4. Add Content to Gallery
  5. Manage Gallery Content
  6. Manage Gallery Settings
  7. Change Gallery Layout
  • Add a gallery section to your page to showcase your galleries.
  • Du vil kunne laste opp bildene dine, legge til Youtube / Vimeo-videoer og tekstlysbilder i galleridelen.
  • Ved hjelp av other sections, you can also add a description to your gallery and add multiple galleries on the same page.
  • This way you can easily create a portfolio page with multiple galleries on same page.
  • En seksjon kan legges til en side. Du kan enten legge til en seksjon på en allerede eksisterende side eller opprette en ny side på nettstedet ditt.
  • På siden din, click on the blått + ikon å legge til en Ny seksjon til siden din.

 

  • Du vil nå se seksjonskategorier på venstre side.
  • Velg Innhold (1) kategori og klikk på Galleri fane (2) hvor du kan velge mellom forskjellige oppsett av Page Gallery seksjon.

  • Velg et hvilket som helst seksjonsoppsett og klikk på det for å legge det til på siden din.
  • Klikk på Edit Gallery (1) button to open the gallery editing panel.

You’ll see some sample images added to the gallery. To remove the images:

  • Klikk på Velg Alle (2) option or manually select each image by clicking on it.

  • Clicking on Delete (3) alternativet vil åpne en bekreftelsespop-up. Bekreft handlingen ved å trykke på Slett-knappen.

All the selected images will now be removed from the gallery.

Add Content to Gallery

  • Spar endringene dine.
  • Once you have added the content, you can easily manage it.

Kryss av: Manage Items in a Gallery

  • To visit the gallery settings, click on the Edit Gallery (1)-knappen.

  • Deretter klikker du på innstillinger (2) fane.

Du vil se følgende alternativer her:

generelle innstillinger

  • Spesifiser Gallery Name (1).
  • Velg Gallery Style option (2) from here. You have two options:1. You can choose the Gallery Site-wide options in which all the settings will be picked up from Global Gallery Design section.2. If you want to customize the galleries individually, choose Style this Gallery Differently alternativet.

Grid Style Settings

  1. Grid Spacing : Specify the gutter space between the images in grid layouts. (0 – 250 pixels)
  2. Corner Radius : Apply a border-radius to make the image corners rounded in the gallery grids.
  3. Base Color : The base color is used for grid formation and is visible only momentarily before the images are loaded. You have two options for the grid base color.
    • Specific Color : Choose this option to set a specific color for the grid base. Specify any color and opacity for the grid base.
    • Accent Color : Bruk aksentfarger for bildet som rutenettbase. Dette vil gi et flerfarget rutenett med aksentfargene til hvert bilde.
  4. Base Opacity: If you have selected the base type as the accent color, set the grid base opacity from here.
  5. Hover :  This affects the grid when the cursor is hovered over the image.
    • Pick Color : Set a specific color and its opacity if you have selected Hover Color for your grid images.
    • Accent Color : Use image accent colors for the grid base. This affects the grid when the cursor is hovered over the image.
  6. Hover Opacity: If you have selected the hover type as the accent color, set the grid base opacity from here
  7. Hover Effect: The hover effect will be used only in the grid layout. You can choose from different hover effect options on hover in grid mode.
  8. Hover Icon: Hover-ikoner brukes også i rutenettoppsett av gallerier. Du kan velge å vise et ikon til bildene dine i rutenettmodus.

Image Title Settings

  1. Font: Choose a font style to display the image titles.
  2. FARGE: Set a preferred color for image titles.
  3. Font Size: Specify the image title font size (in pixels).
  4. Letter Spacing: Specify the space between letters of image titles (in em).

Image Border Options

  1. Aktiver / deaktiver kantlinje rundt bildene ved å bytte bryteren.
  2. Velg å ha en felles grense på alle sider av bildene, eller du kan spesifisere grenser separat for hver side.
  3. Spesifiser bredde av grensen. Hvis den er satt til 0, vil ikke rammen vises. Du har også muligheten til å angi kantbredden individuelt for hver side av bildet.
  4. Velg Grensefarge fra fargevelgeren.
  5. Velg en foretrukket Border Style fra rullegardinmenyen.
  6. Bestem kantbredde for mobil enheter, justere den med bredden valgt for skrivebordet.

By enabling lightbox mode, you can open the image in a large image viewer that allows a more detailed view.

To learn more about Lightbox Settings, Klikk her.

Mobile Display Settings

  1. Show as: Choose to show the gallery as an Image Slider or in grid mode in the mobile view. 
  2. Grid Columns: Choose from 1 column or 2 column view for grid display in mobile view.
  3. Grid Gutter: Sett avstand between images in the mobilvisning.

Endelig, Spar (4) the changes.

Watermark Option

Du kan enkelt legge til vannmerker til bildene dine for å sikre ditt kreative arbeid og opprettholde merkevareidentiteten din.

  • Klikk på Select List (1) alternativet.
  • A dropdown will appear allowing you to choose from the list of watermarks (2) that you have created.
  • Select a watermark and Spar (3) the changes.

Les mer about Watermarking images.

To change the gallery layout:

  • Klikk på Edit Gallery (1)-knappen.

  • Velg Layout (2) tab, and select the layout (3) for the desktop view.
  • Spar (4) endringene dine.

Tagged:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Kontakt oss
Pixpa Studio har nettopp blitt oppdatert. Vi oppdaterer for tiden alle skjermbilder fra hjelpeartikler.