Handleidingen/Inhoud aanmaken/Portfolioprojecten weergeven op je site

Portfolioprojecten weergeven op je site

We raden je aan om nu een aantal projecten in je portfolio aan te maken en te publiceren. In deze handleiding kijken we naar de verschillende manieren waarop je je projecten op je website kan tonen.

De standaard portfoliopagina gebruiken

De standaard portfoliopagina wordt automatisch voor je aangemaakt en is de snelste methode om je projecten op je site weer te geven. Via de onderstaande instructies leer je hoe je de link naar je portfoliopagina kan vinden.

Selecteer het juiste tabblad hieronder op basis van welke methode je hebt gebruikt om portfolio’s te activeren.

Nadat je portfolio’s hebt geactiveerd en ten minste één project hebt gepubliceerd, maakt je site automatisch een nieuwe pagina aan met je projecten.

Volg deze stappen om de projectpagina te bekijken:

  1. Ga naar je dashboard.
  2. Navigeer naar Berichten → Categorieën.
  3. Beweeg de muis over je portfoliocategorie en klik op de link ‘Bekijken’.
De optie 'Bekijken' in de categorievermelding voor de categorie 'Portfolio'.

Door de portfoliocategorie op deze manier te bekijken, kan je zien wat je bezoekers zullen zien. Je zult zien dat de categorie-URL zoiets is als:

https://jouwtoffesite.wordpress.com/categorie/portfolio

Al je projecten verschijnen automatisch op deze pagina van je site in chronologische volgorde met de meest recente eerst. Als je de volgorde wilt veranderen, kan je de publicatiedatum van het project wijzigen in de pagina-instellingen.

Een portfoliocategoriepagina zoals bezoekers die zouden zien.
De standaard portfoliocategoriepagina in het Twenty Twenty Four-thema

Thema’s die de Site-editor ondersteunen, kunnen de indeling van deze pagina’s bewerken. Om de indeling van de standaard portfoliopagina’s te bewerken, bewerk je de template Alle archieven.

Een aangepaste portfoliopagina aanmaken

Je kan je eigen portfoliopagina vanaf nul ontwerpen of met behulp van vooraf ontworpen blokpatronen. Volg de volgende stappen om een nieuwe pagina voor je portfolioprojecten aan te maken:

  1. Ga naar het dashboard van je site.
  2. Klik op Pagina’s aan de linkerkant.
  3. Klik op de knop ‘Nieuwe pagina toevoegen‘.
    • Indien gevraagd, selecteer Content om te beginnen of klik op de ‘X‘ in de rechterbovenhoek om te beginnen met een lege pagina.
  4. Voeg een querycyclusblok in en pas een van de volgende instellingen aan om je portfolioprojecten weer te geven:
    • Als je een portfoliocategorie gebruikt, selecteer je de portfoliocategorie in de filters.
    • Als je een aangepast berichttype gebruikt, selecteer je ‘Project’ als de berichttype-instelling.
  5. Klik op de knop Publiceren in de rechterbovenhoek om het project te publiceren.
Een voorbeeldportfolio met het querycyclusblok gefilterd op de portfoliocategorie.
Het querycyclusblok kan in verschillende lay-outs worden ontworpen.

Je kan je nieuwe portfoliopagina ook instellen als de startpagina van je site door de stappen in onze handleiding De startpagina instellen te volgen.

Portfolioshortcodes gebruiken

Een minder vaak gebruikte methode om portfolioprojecten op je site weer te geven, is door shortcodes te gebruiken.

Als je een categorie hebt aangemaakt voor de portfolio’s van je site, gebruik je de shortcode. Als je het aangepaste berichttype hebt geactiveerd voor de portfolio’s van je site, gebruik je de shortcode [portfolio].

Selecteer het juiste tabblad hieronder op basis van welke methode je hebt gebruikt om portfolio’s te activeren.

Voeg de shortcode display-posts toe aan het bericht of de pagina door het Shortcode-blok te gebruiken. Gebruik de categoriefilter om alleen de berichten uit je portfoliocategorie weer te geven.

In het volgende voorbeeld is de categorie ingesteld op portfolio’s, is de inhoud van de portfolio opgenomen met de waarde ‘true’ en wordt de aanbevolen afbeelding in een gemiddelde grootte weergegeven door image_size=”medium”:

[display-posts category="portfolio’s" include_content="true" image_size="medium"]

Meer informatie over de shortcode display-posts.

Copied to clipboard!