Project starten

Het WooCommerce-thema Strand installeren en instellen

Pak de gedownloade themabestanden uit en open de map Theme. Installeer strand.zip en strand-child.zip en activeer het thema Strand Child (een childthema raden we altijd aan voor latere eigen functies).

Na de installatie krijg je een melding om plugins te installeren. Er zijn geen verplichte plugins behalve onze plugin weLaunch Framework, die voor automatische updates en licenties wordt gebruikt. Heb je weLaunch Framework geïnstalleerd, vul daar dan je licentie in.

Is alles goed geïnstalleerd, dan zie je een nieuw menu-item > Theme settings. De instellingen zijn verdeeld in meerdere onderdelen:

  1. Algemene instellingen (gelden voor alle pagina’s, kunnen worden overschreven)
  2. Pagina-instellingen (alleen het posttype pagina)
  3. Bloginstellingen (berichten en archief)
  4. WooCommerce (producten en categorieën)
  5. Zoeken
  6. Prestaties
  7. Beveiliging

In plaats van het beheerpaneel kun je ook de ingebouwde live-customizer van WordPress gebruiken om je website in te stellen.

Strand theme settings customizer theme settings

Algemene instellingen

In het algemene onderdeel stel je de basisstijlen in die voor je hele website gelden: eigen kleuren, lettertypen, stijlen voor invoervelden en favicons.

Ook schakel je alle onderdelen van je site in of uit:

  1. Callout
  2. Topbalk
  3. Navigatie
  4. Header
  5. Breadcrumb
  6. Inhoud
  7. Zijbalk
  8. Prefooter
  9. Footer
  10. 404-pagina’s
general theme settings

Wil je een volledig eigen uitstraling en bijvoorbeeld Elementor Site Builder gebruiken, zet dan Topbalk en Footer uit. Bij Navigatie en Prefooter kun je dan shortcodes gebruiken en daar je Elementor-shortcodes plakken.

Pagina-instellingen

Pagina’s worden vaak sterk aangepast met paginabouwers, daarom staan header en kruimelpad hier standaard uit.

page type settings

Instellingen voor blogberichten en archief

Ons thema heeft 5 lay-outs voor het blogarchief en meerdere berichtlay-outs om uit te kiezen. Ook schakel je de zijbalk in of uit en toon of verberg je alle gegevens naar wens.

blog settings

WooCommerce-instellingen

Net als bij de bloginstellingen kies je in de WooCommerce-instellingen uit verschillende stijlen en style je Mijn account, afrekenen en winkelwagen zoals je wilt.

woocommerce settings

Zoekinstellingen

Naast de AJAX-zoekfunctie, die je hier bij live search inschakelt, kies je ook een lay-out voor de zoekpagina’s, welke gegevens je toont en in welke posttypes wordt gezocht.

search settings

Prestatie-instellingen

Sommige prestatie-instellingen kun je niet met cacheplugins regelen. Daarom hebben we CDN, het laden van lettertypen en het verwijderen van Gutenberg direct ingebouwd.

performance settings

Ben je 100% tevreden met je thema, zet dan “Turn off custom CSS creation” aan. Dan wordt het eigen CSS-bestand niet steeds opnieuw opgebouwd.