Het KickButt Theme biedt diverse opties voor het aanpassen van de layout. Deze opties vind je onder Weergave > Customizer > Layout > Container en onder Weergave > Customizer > Layout > Inhoud/Zijbalk en ze gelden voor de gehele site.
Aantekening
Als je een aantal berichten of pagina’s wil hebben met een andere layout, kan je de layout opties ook toepassen per pagina. Wanneer je deze pagina opties aanpast, worden de instellingen die je hebt gedaan in de Customizer overschreven voor die specifieke pagina.
Het KickButt Theme heeft opties voor het aanpassen van de container breedte (de daadwerkelijke breedte van de site in pixels) en de stijl (In een container of in volledige breedte).
Na het instellen van een container breedte en stijl, kan je kiezen tussen een linker of rechter zijbalk of helemaal geen zijbalk.
Er is ook een optie voor het aanpassen van de breedte van de inhoud (de breedte van alleen het inhouds gedeelte van de site). Dit kan aangegeven worden in procenten en het bepaalt automatisch de breedte van de zijbalk (als ervoor is gekozen).
Customizer opties voor de layout
Individuele pagina opties voor de layout
De Blog pagina
De thema opties voor de blog pagina vind je onder Weergave > Customizer > Layout > Blog/Archief. Je kan kiezen tussen Lijst, Covers en Raster layout, elk met hun eigen opties. Sorteren en Inhouds opties zijn voor paginatie(oneindige scroll of meerdere pagina’s) en het tonen/verbergen/sorteren van items zoals de titel, thumbnail en meta data in de berichten. Ook de berichten meta data is op deze manier aan te passen.
1. Lijst
De lijst layout laat de berichten onder elkaar zien, met de mogelijkheid om de afbeeldingen te laten verspringen. door de optie Afwisselende Layout te activeren.
List Spacing (responsive control) – pas de ruimte tussen en berichten aan (boven/beneden).
Image Position – Links| Geen Afbeelding | Rechts. Hierboven zie je dat het ingesteld is op links..
Content Padding (responsive control) – pas de ruimte tussen de berichten aan. Dit is anders dan de list spacing optie.
Image width – verander de breedte van de uitgelichte afbeelding.
Add Separator between posts – voeg een dunne lijn toe tussen de berichten, welke je kan aanpassen.
2. Covers
De Covers layout plaatst de gehele inhoud over de uitgelichte afbeelding. Gebruik deze instelling alleen als al je blogberichten zijn voorzien van een uitgelichte afbeelding.
De basis opties zijn:
Kolommen (responsive control) – het aantal berichten op een rij.
Tekst kleur – hiermee verander je de tekstkleur.
Grid Spacing (responsive control) – pas de ruimte tussen de berichten aan – dit geldt voor zowel horizontaal als verticaal.
Card Min Height (responsive control) – Stel een minimum hoogte in
Radius Rand – Als dit 0 is hebben de berichten een scherpe hoek, verhoog de waarde en de hoeken worden afgerond.
Overlay Color – De donkere overlay kleur over de afbeeldingen.
Content Padding (responsive control) – De ruimte binnenin het bericht, tussen de buitenrand en de inhoud.
Schakel masonry layout in – Dit zorgt er voor dat de volgende rij begint waar de lege ruimte is in plaats van de berichten op gelijke hoogte uit te lijnen.
Show content only on hover – Laat alleen de afbeelding en overlay kleur zien. De inhoud wordt zichtbaar wanneer je er met je muis overheen beweegt.
3. Grid
De grid layout lijkt erg op die hierboven (Covers) wat betreft de opties, alleen staat de inhoud nu onder de uitgelichte afbeelding.
De basis optie hier is het aantal berichten op een rij en is volledig responsive.
Grid Spacing (responsive control) – pas de ruimte tussen de berichten aan – dit geld voor zowel horizontaal als verticaal.
Border Radius – Als dit 0 is hebben de berichten een scherpe hoek, verhoog de waarde en de hoeken worden afgerond.
Content Padding (responsive control) – De ruimte binnenin het bericht, tussen de buitenrand en de inhoud.
Add Separator between posts – voeg een dunne lijn toe tussen de berichten, welke je kan aanpassen.
Schakel masonry layout in – Dit zorgt er voor dat de volgende rij begint waar de lege ruimte is in plaats van de berichten op gelijke hoogte uit te lijnen.
Enable card style – Pas de tekst en achtergrond klaur aan voor de berichten en pas eventueel een box schaduw toe.
Sorteren en Inhoud
Nadat je een layout hebt gekozen voor je blog pagina, kan je de manier waarop de berichten worden getoond nog verder aanpassen.
Order posts by – date updated | Date posted descending | Date posted ascending.
Bericht paginering – Aantal voor meerdere pagina’s, of Oneindige Scroll om alles op 1 pagina te houden.
Bericht inhoud volgorde – Thumbnail | Titel & Meta | Samenvatting – Wijzig de volgorde of kies voor weergeven/verbergen door op de oogjes te klikken.
Content horizontal alignment – Left | Center | Right.
Lengte Samenvatting – stel het aantal woorden in.
Thumbnail Schaduw – stel een schaduw in achter de uitgelichte aafbeelding.
Bericht Meta
De bericht meta opties zijn voor het weergeven van de meta items en de volgorde ervan.
- Auteur
- Auteur avatar – kies het formaat
- Datum
- Categorie
- Estimated reading time
- Het aantal reacties
Het karakter wat je wil gebruiken tussen de items
Lees verder
Het lees meer label kan zijn:
- Tekst – aanpasbaar
- Primary knop
- Secondary knop