Stap 1 | Installeer GoPortfolio

Installeer de GoPortfolio plugin

Stap 2 | Maak Categorie

Maak Categorie aan met de naam “Fotografie”

Stap 3 | Maak berichten aan in deze categorie

Maak berichten gekoppeld aan de categorie ‘Fotografie' die je net gemaakt hebt.

---

Stap 4 | Maak een pagina aan

Maak een pagina aan met zelfde naam als de categorie, dus “Fotografie”

Stap 5 | Pas je Menu aan

Zet de pagina “Fotografie” in het menu en verwijder de categorie.
WordPress > Weergave > Menu's

Stap 6 | Importeer demo-settings van Arthur

Omdat de plugin ontzettend veel opties kent, heeft Arthur om het makkelijk te maken een demo-portfolio gemaakt. De meeste instellingen staan dan gelijk goed zonder dat je nog door alle instellingen hoeft te gaan. Doe het volgende:

1. Kopieer de tekst uit het tekstbestand (go-demo-import.txt) dat je van Arthur krijgt. Het tekstbestand staat hier: USB-stick > Cursusmateriaal > Plugins > GoPortfolio > go-demo-import.txt
2. Ga naar: WP > GopPortfolio > Import & export
3. Plak de ingewikkelde code / tekst in het invulveld en save
4. Klik op plusje en vink demoportfolio Arthur aan
5. Save

Stap 7 | Pas de demo-portfolio aan

Pas de demoportfolio, die je net geimporteerd hebt, aan naar je eigen wensen. Doe het volgende:

1. WP > GoPortfolio > Select portfolio
2. Kies “demoportfolio Arthur”
3. Klik op “Clone” om een kopie te maken van het demo-portfolio
4. Selecteer “demoportfolio Arthurcopy 2353464576457” en klik op “Edit”
   – Hernoem de Portfolio name en Portfolio ID allebei in je categorienaam naam dus “Fotografie”
   – Enable portfolio? aanvinken
   – Vink de juiste categorie aan onder kopje Query settings: dus Fotografie
   – Save/opslaan

Stap 8 | Maak je nieuwe portfolio zichtbaar op je pagina

Maak je nieuwe portfolio zichtbaar op je pagina, in dit geval de Fotografie-pagina zodat de berichten in de categorie Fotografie goed zichtbaar worden op de pagina Fotografie. Wat te doen:

1. Selecteer de shortcode (staat bovenaan), zoiets als:

   [go-portfolio id="fotografie"]

2. Plak de shortcode op de pagina, dus fruit, in de tekst-modus
   
3. De berichten zijn nu zichtbaar op de pagina.

Stap 9 | Pas je portfolio aan naar eigen wensen

Pas nu de weergave aan in je goportfolio, selecteer je portfolio om aan te passen
WP > GoPortfolio > Selecteer je portfolio

---

Optioneel | Een volgende portfolio maken

De volgende portfolio voor een andere categorie is relatief simpel:

1. Voor de volgende portfolio: bv “Nieuws”
2. Selecteer de portfolio “Fotografie” en clone
3. Herbenoem deze clone “Fotografie copy 242562456” naar een andere categorienaam bv “Nieuws”
4. Selecteer een andere categorie in deze portfolio
5. Bewaar de portfolio en plaats de nieuwe shortcode van de portfolio op een pagina

---

Tip van Arthur | hoogte van tekstblokken gelijk krijgen

Veel cursisten lopen tegen het volgende aan. Het kan zijn dat soms de hoogte van de blokken verschilt, waardoor alle blokken niet goed uitlijnen. Er is helaas nog geen instelling om dit automatisch goed te zetten. Om de hoogte van de blokjes met berichten gelijk te krijgen moet je de onderstaande code in het portfolio zetten. Je doet dit bij custom CSS bij nummer 6 van iedere portfolio. Het getal 250px is de minimum hoogte van 200 pixels. Je kan dit getal verhogen zodat de tekstblokjes nog hoger worden.
Kopieer deze tekst en plak het in Custom CSS:

.gw-gopf-style-vario .gw-gopf-post-content { color:((main_color_1)); font-family:((font_family_m)); font-size:((font_size_m))px; line-height:((line_height_m))px; padding:((post_padding))px; min-height: 250px; /*=== Producten op een rij – ARTHUR ==*/ }

Succes! Arthur

---

Meer over GoPortfolio WordPress plugin