Stap 11

Stap 11

In deze stap bekijken we hoe onze site zo snel mogelijk vindbaar is in de zoekmachines Google, Bing, enz.. Ook gaan we ervoor zorgen dat de een fotogallerij krijgen die volledig responsief is.

Het resultaat van stap 11 vindt u hier.

 

voorbereiding.png  VOORBEREIDING

Installeer volgende module(s):

U kan deze modules ook ineens installeren via composer door onderstande code in terminalvenster te kopieren:

  • composer require drupal/masonry
    composer require drupal/masonry_view
    composer require drupal/views_infinite_scroll
    composer require drupal/metatag
    composer require drupal/xmlsitemap
    composer require drupal/panels
    composer require drupal/panelizer
    composer require drupal/radix_layouts

     

 

instructions.png  INSTRUCTIES

1. SEO

XML sitemap

  • Met de module XML sitemap gaan we ervoor zorgen dat onze site in de zoekmachines Google, Bing, enz.. goed vindbaar is. lesfiche

 

Metatag

  • Met de module Metatag kan je zorgen voor de beschrijving van uw site en trefwoorden waardoor de site beter vindbaar is. lesfiche

2017-05-05 21 40 52-http   patrick.drupal8cursisten.be nl

 

2. Fotogallerij

Met de modules Masonry, Masonry views en Views Infinite scroll gaan we een fotogallerij maken die responsief is. lesfiche

Masonry heeft de mogelijkheid om lege ruimtes op te vullen. Niet enkel met afbeeldingen maar met volledige blokken. Het past de grootte van de divs aan, aan de beschikbare ruimte én tijdens het wijzigen van de schermgrootte krijg je nog een mooie transitie er bij.. Kijk eens hoe de ruimte mooi wordt opgevuld.

Views Infinite scroll laat toe om automatisch meer inhoud te tonen wanneer men naar beneden scrollt. De functie kan worden geactiveerd met een druk op een knop of automatisch als de gebruiker naar beneden scrollt.

2017-05-05 21 52 13-Masonry API   Drupal 8 Support

 

3. Opmaak via Panels en Panelizer

We gaan het inhoudstype Schilders van een andere layout voorzien. lesfiche

2017-06-04 01 13 16-Drupal   Dirk Bernaert en Patrick De Beul