• Spring naar de inhoud
  • Spring naar voet

Webpoli

WordPress zoals jij wil

  • Beheer
  • Beveiliging
  • Marketing
  • Plugins
  • Praktijk
    • WordPress versies
  • Thema’s
    • Kindthema
  • Admin menu
    • Installeren
    • Dashboard
    • Berichten
    • Media
    • Pagina’s
    • Reacties
    • Weergave
    • Plug-ins
    • Gebruikers
    • Extra
    • Instellingen
Met de Theme Customizer van WordPress kun je nu interactief een thema aanpassen

Met de Theme Customizer van WordPress kun je nu interactief een thema aanpassen

posted on 24 oktober 2012

In eerdere berichten hebben we gekeken naar de instellingen van een thema en hoe je de header, en de achtergrond kunt aanpassen.

Sinds versie 3.4 beschikt WordPress over een Theme Customizer. Soms wordt deze ook wel Live Theme Customizer genoemd, omdat je interactief – in dialoog met het thema als het ware – veranderingen kunt aanbrengen.

De manipulaties met de Theme Customizer zijn voor jou onmiddellijk zichtbaar, maar niet voor de bezoekers van je site. Je kunt dus naar hartenlust experimenteren. Pas als je tevreden bent, druk je op blauwe [Opslaan & Publiceren] knop en worden de wijzigingen definitief. Ook pas dan is het eindproduct zichtbaar voor het publiekelijk.

Experimenteren met de Thema Aanpasser

Je kunt de Theme Customizer starten via Weergave >> Thema’s. De eerste optie onder beschrijving van het actieve thema is Aanpassen. Zodra je op die link drukt verschijnt de Thema Aanpasser.

Het menu van de Thema Aanpasser

De meest prominente plaats in het venster wordt ingenomen door de homepage van je wesbsite. Links daarvan zien we een zijbalk. Hierin worden de verschillende opties gegroepeerd. In het geval van TwentyEleven staan onder elkaar staan:

  • TwentyEleven
  • Websitetitel en ondertitel
  • Kleuren
  • Layout
  • Kopafbeelding
  • Achtergrondafbeelding
  • Navigatie
  • Statische startpagina

Laten we eens kijken wat er achter de verschillende keuzes verscholen gaat. Hierbij geldt: één keer klikken toont de opties; nog klikken, verbergt deze weer.

Nog even een tip vooraf. Heb je een verandering aangebracht waarmee je gelukkig bent, druk dan op de blauwe [Opslaan & Publiceren] knop. Als dat is gelukt, verandert de tekst van de knop in Opgeslagen. De wijziging is dan definitief en vanaf dat moment ook zichtbaar aan de voorzijde van de website.

Ben je met een volgende wijziging niet zo gelukkig, maar weet je niet meer precies wat de beginwaarde was, druk dan gewoon op de [Annuleren] knop. De laatste wijziging is dan ongedaan gemaakt, maar je eerdere succesvolle actie is in elk geval bewaard gebleven – anders was je die ook kwijt geweest.

Als je klaar bent en alle opties zijn opgeslagen, dan verandert de [Annuleren] knop in een [Sluiten] knop.

TwentyEleven

Als je op TwenteyEleven drukt, verschijnt de beschrijving van het thema zoals die is in het style.css bestand staat. Deze beschrijving is puur informatief – al kun je deze desgewenst aanpassen via die Bewerker.

Dezelfde tekst vind je trouwens ook via Weergave >> Thema’s. De beschrijving van het actieve thema is direct zichtbaar naast de schermafdruk. Wil je de beschrijving van een van de andere thema’s lezen dan moet je eerst even op de link Details klikken.

Websitetitel en ondertitel

Hier kun je de tekst van de websitetitel en de tagline aanpassen. Dat kan ook via Instellingen >> Algemeen.

Er zijn echter twee verschillen:

  1. eventuele wijzigingen kun je onmiddellijk controleren aan de rechterzijde
  2. hier is ook de checkbox Koptekst weergeven toegevoegd

Haal je het koptekst vinkje weg, dan verdwijnen zowel de titel als de ondertitel. Terughalen is een kwestie van het vinkje terugplaatsen.

Dezelfde optie vind je via Weergave >> Header. Daar kun je onder Koptekst ook via een vinkje de headertekst en -afbeelding laten zien of verbergen.

Hiermee zijn we gelijk bij des poedels kern; de Thema Aanpasser groepeert de opties van verschillende beheerspagina’s op een logische wijze. Dat betekent dus dat je minder hoeft te bladeren.

Kleuren

Bij de kleuropties kun je allereerst kiezen uit een licht en een donker kleurenschema. Daaronder zie je de actuele kleuren van de header, de achtergrond en de links in een speciaal uitrolmenu.

Dit menu toont namelijk geen lijst met alternatieven, maar tovert een tekst vak voor een hexwaarde en een kleurkiezer tevoorschijn.

Ook hier vind je dus opties terug van verschillende pagina’s, namelijk de thema instellingen en de header. En ook hier is weer het grote voordeel dat je direct het resultaat van eventuele veranderingen ziet – zonder dat je bezoekers hier iets van merken.

 Layout

Met de keuze die je bij de lay-outopties kunt maken, bepaal je in feite de standaardlay-out. Een keuze die je ook terugvind bij de thema instellingen.

Kopafbeelding

Theme Customizer - KopafbeeldingAls je op het uitrolmenu van de Kopafbeelding drukt verschijnen twee tabjes; Geüpload en Standaard. Daaronder zie je eventuele geüploade headerafbeeldingen en de standaard kopafbeeldigen van het TwentyEleven thema.

Deze opties zijn we eerder tegenkomen bij Weergave >> Header. Het voordeel hier, is dat niet alleen direct het resultaat kunt beoordelen, maar je kunt de kopafbeelding nu ook beoordelen in een echte webpagina – en niet enkel de geïsoleerde afbeelding.

Achtergrondafbeelding

Gebruik je op dit moment een achtergrondafbeelding, dan wordt hier een miniatuur van getoond. Anders staat er “Geen afbeelding”. Klik je op het uitrolmenu, dan verschijnen er twee tabjes.

Het Nieuwe uploaden tabje laat je op twee verschillende manieren een afbeelding toevoegen. Dat kan in de eerste plaatse door een afbeelding naar de ruimte tussen de stippellijnen te slepen. Je kunt ook via de link selecteer een afbeelding naar een afbeelding op je vaste schijf bladeren.

Met het tabje Geüpload krijg je toegang tot de afbeeldingen in de Media bibliotheek.

Heb je een afbeelding geselecteerd, dan word je vervolgens gevraagd:

  • of en hoe de achtergrondafbeelding moet worden herhaald
  • waar de (eerste) achtergrondafbeelding moet worden geplaatst
  • of de achtergrondafbeelding moet blijven staan of mee moet scrollen

Antwoorden is een kwestie van radioknoppen klikken. Meer over de verschillende opties kun je lezen in het bericht over de achtergrond van thema’s.

Navigatie

Het TwentyEleven thema ondersteunt één WordPress menu. Via de Navigatie knop kun je een menu toewijzen zoals je dat hebt gecreëerd via Weergave >> Menu’s.

Statische startpagina

De laatste keuzemogelijkheid van de Thema Aanpassser laat je kiezen tussen een voorpagina met blogberichten, of een statische pagina. In het geval van een zakelijke website zal de laatste optie waarschijnlijk voor de hand liggen.

Een Toekomst voor de Thema Aanpasser

De Theme Customizer beschikt over twee sterke punten:

  1. je ziet onmiddellijk het resultaat van een verandering, zonder dat de bezoekers dat hoeven te zien
  2. waar de opties op beheerspagina’s functioneel gegroepeerd zijn, zijn deze bij de Thema Aanpasser logisch gegroepeerd

De Thema Aanpasser is nog maar onlangs, afgelopen juni, toegevoegd aan WordPress. De verwachting is dat leveranciers van thema’s de mogelijkheden van Thema Aanpasser gaan integreren in hun producten.

Een themaleverancier die hier heel snel op is ingesprongen is Graph Paper Press – een auteur die zich vooral richt op fotografen en andere beeldende kunstenaars. De laatste thema’s maken allemaal gebruik van de Thema Aanpasser.

Onderwerp: Weergave, WordPress Trefwoorden: Thema opties, Theme Customizer

Blijf op de hoogte

Schrijf je in en ontvang een e-mail zodra er nieuws is. Het is gratis.

Webpoli respecteert je privacy.

Lees Interacties

Geef een reactie Reactie annuleren

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Voet CTA

  • Blog
  • Contact
  • Index
  • Nieuwsbrief
  • Privacy
  • RSS

Copyright © 2019 Webpoli · Alle rechten voorbehouden · Gebouwd met Academy Pro