Länkar

Github: https://github.com/fredrikwcms/my-basic-theme

bs4navwalker

https://raw.githubusercontent.com/dupkey/bs4navwalker/master/bs4navwalker.php

Gott & Blandat om sidebars
CSS & JavaScript

Workshop

Uppgift 1

Skapa en meny i WordPress Admin och lägg in kod i ditt tema (tips: functions.php och header.php) för att visa menyn. Använd den NavWalker som är postad i #07-wp-tema-kanalen på Slack (eller se länk här till GitHub).

Uppgift 2

Fixa till våran sidebar så den ligger till höger om vårat innehåll. Använd gärna denna för att kolla om sidebar är aktiverad https://developer.wordpress.org/reference/functions/is_active_sidebar/

Uppgift 3

Se till att du laddar in Bootstrap CSS och din style.css med hjälp av wp_enqueue_style i functions.php.

Uppgift 4

Ladda in jQuery, popper.js och Bootstrap JS med hjälp av WordPress wp_enqueue_script i functions.php. Tänk på att all JavaScript ska hamna i sidfoten, och att popper.js är beroende av jQuery och Bootstrap JS är beroende av både jQuery och popper.js!

Uppgift 5

Skapa en sidebar till din footer.php och skriv ut dem i en .row i en .container i footern. Varje widget ska ha klassen .col så att de visas horisontellt och inte vertikalt!

Kategorier: WP Tema