WORDPRESS::Configuren
Voor het nader configureren loggen we in als beheerder met de url: http://my.domain.nl/blog/wp-admin/install.php
in de browser opent het hiernavolgende scherm:
Na inloggen opent het Wordpress Dasboard:
Updates: Om te beginnen controlen we of er mogelijke updates zijn en klikken op de Dasboard optie: Home > Updates
Beveiligings-updates worden automatisch uitgevoerd. Als er updates vermeld woden nu eerst uitvoeren.
We vervolgen de configuratie met de Dashboard optie: Instellingen
Instellingen
Selecteer Dashboard optie: Instellingen
Hier maken we de basis instellingen voor:
- Algemeen
- Schrijven
- Lezen
- Reacties
- Media
- Permalinks
Wordpress heeft al veel default instellingen gemaakt, we wijzigen waar gewenst.
Nu volgen de screendumps van deze 6 instellingsblokken met de door mij gekozen instellingen
Algemene Instellingen
Schrijven Instellingen
Lezen Instellingen
Reactie Instellingen
Media Instellingen
Permalink Instellingen
Thema 'Layout Builder'
In deze sectie selecteren we ons thema en 'customizeren' we de layout ervan.
Het thema 'Layout Builder' is erg basic maar biedt alle opties het thema zelf op te bouwen.
Thema selecteren
- Selecteer Dashboard optie: Weergave > Thema's
- Selecteer: Nieuwe toevoegen
- Zoek naar: 'Layout Builder'
- Installeer en activeer: 'Layout Builder'
- Verwijder overtollige thema's (SG Window is benodigd voor Layout Builder)
Om te bekijken hoe de site er nu uit zie kiezen we linksbovenin: HOME > Site bekijken
Verberg Top Sidebar
In de hier beschreven blog willen we een header met daarin een menubalk, een hoofd 'content' kolom met links daarvan een sidebar voor widgets.
In het Layout Builder thema worden diverse sidebars, footerbars etc. aangeboden als optie.
Default wordt in het 'Layout Builder' thema op het HOME scherm een zgn 'First Top Sidebar' weergegeven, deze willen we niet en gaan we verwijderen. In feite verwijderen we het niet maar zorgen ervoor dat het niet getoond wordt.
Indien gewenst kunnen we het weer tonen en er inhoud, zoals bijv. een widget, in plaatsen. Zie hiervoor ook Dashboard optie: Weergave > Widgets. Hier is een groot scala aan voorgedefiniëerde blokken (DIV's) te zien.
Voor het 'verwijderen' van de First Top Sidebar' voeren we de volgende stappen uit:
- Selecteer Dashboard optie: Weergave > Customizer > Customize Layout
- Selecteer optie: Home
- Verwijder het vinkje bij 'First Top Sidebar' en selecteer voor 'Opslaan en Publiceren'
- Als we nu de weergave van de site bekijken zien we dat op de Home pagina deze bars niet meer getoond worden.
Site-Indentiteit
Optie Customizer > Site-Indentiteit
Voer data en image in als voorbeeld hieronder:
Sla wijzigingen op en Publiceer
Header - Kopafbeelding
Optie Customizer > Kopafbeelding
Voer data en image in als voorbeeld hieronder:
Achtergrondkleur
Optie Customizer > Customize Colors > Kleuren
Voer data in als voorbeeld hieronder:
Header Menu aanmaken
Direct onder de headerafbeelding is een ruimte waar een menu met links naar pagina's weergegeven kan worden.
Als voorbeeld maken we hier enkele menuitems aan.
- Selecteer Customizer > Menu's > +Menu toevoegen
- Geef nieuw menu een naam bijv. HeaderMenu
- Selecteer Customizer > Menu's > HeaderMenu > +Items Toevoegen
- Selecteer van 'Pagina's de beschikbare Items
- Vink linksonder beide opties aan en sla wijzigingen op
Menu's Bewerken
Selecteer Customizer > Menu's en open het te bewerken menu.
De entry bij Titelattribuut verschijnt als Tooltip als de cursor over het betreffende menuitem hoovert
Customize Layout
In deze sectie gaan we de Layout naar onze wensen inrichten
Customizer optie: Customize Layout
- Site Size: maximum breedte van de 'content' kolom --> 1100
- Featured Image: Breedte van de Featured Image --> 400
- Columns: Breedte van de eerste kolom (left sidebar layout) --> 23%
- Post --> alles aangevinkt behalve 'Display Views'
- Home --> Left Column en alles aangevinkt behalve Second Column, First Top Sidebar en Before Footer Sidebar
- Blog Layout
Layout --> Full Width
Content --> 1 column
Post style --> content
Ticked: --> Display the post author
--> Display the post date
--> Display the link to post comments
--> Display meta text
--> First Top Sidebar
--> Before Footer Sidebar - Search --> Full Width en 1 Kolom. Niets aangevinkt
- Portfolio (Archive)
Layout --> Full Width
Content --> 1 column
Post style --> content
Ticked: --> Override
--> First column
--> First Top Sidebar
--> Before Footer Sidebar - Portfolio (Page)
Layout --> Right Column. Niets aangevinkt - Page
Layout --> Full Width
Ticked: --> Display Featured Image
--> Display Title - Archive
Layout --> Full Width
Content --> Default (1 column)
Ticked: --> First column
--> Second column
--> First Top Sidebar
--> Before Footer Sidebar - Default
Layout --> Full Width
Ticked: --> First Column
--> First Top Sidebar
Customize Mobile Version
Customizer optie: Customize Mobile Version
- Columns - Switchpoint --> 960
- Order: Volgorde en zichtbaarheid kolommen --> Content-1-2
Customize Background
Alles als thema default gelaten, dwz geen achtergrond afbeelding
Customize Fonts
Customizer optie: Customize Fonts
- Google Fonts
Body Font --> Lato
Header Font --> Allerta Stencil
Heading Font --> Josefin Slab
Heading Font Weight --> Bold - Font Size: 15 px
Heading --> 22px
Customize Menu
Alles als thema default gelaten.
Customize Other Settings
Customizer optie: Customize Other Settings
- Logo Type Image:
- Scrol To Top button:
Display --> Right
Animation --> None
- Favicon:
- Social Media Icons: --> Leeg gelaten
Customize Sidebars
Geen Customizations
Widgets
Dez optie gebruiken we om de diverse widges te plaatsen op de verschillende plaatsen.
Zie pagina 'Plug-ins en Widgets' sectie 'Geplaatste Widgets'