Projektet Uppdraget består av att göra en helt ny sajt åt KattKommandoSyd som är en förening bestående av flera katthem i Skåne. Ni hittar deras nuvarande site här: https://www.kks.nu/katter/malmo/index_malmo.html Projektspecifika krav för godkänt Ha möjlighet att skapa katter på sajten, där följande egenskaper ska finnas Namn Bild Beskrivning Kategorier Storlek Läs mer
Github is here: https://github.com/fredrikwcms/understrap/tree/dag-11 Länkar WP_Query https://codex.wordpress.org/Class_Reference/WP_Query Custom Fields https://codex.wordpress.org/Custom_Fields Font Awesome Cheatsheet https://fontawesome.com/v4.7.0/cheatsheet/ Workshop Uppgift 1 – USPs Skapa en egen USP-CPT (t.ex. us_usp eller med annat lämpligt prefix) och visa därefter dem i din front-page.php-mall enligt dagens genomgång. Uppgift 2 – Skapa en portfolio-vy till din startsida Lägg till en ny Läs mer
Länkar get_the_archive_title() the_terms() https://codex.wordpress.org/Function_Reference/the_terms UnderStrap documentation https://understrap.github.io/ Workshop Uppgift 1 – Skapa en helt ny WordPress-site på en lokal domän Obs att ni måste använda en egen domän och inte installera WordPress under ”localhost/wordpress”! Döp förslagsvis er domän till understrap.test. Kör därefter igenom WordPress-installationen som vanligt (naturligtvis mot en helt ny, tom databas) och därefter Läs mer
Länkar Taxonomies och Custom Taxonomies https://codex.wordpress.org/Taxonomies Ordlista Förkortning Betydelse CPT Custom Post Type CPT UI Custom Post Type UI (plugin) CT Custom Taxonomy Workshop Uppgift 1 – Skapa en CT för er FAQ-CPT Skapa en egen Custom Taxonomy som ni förslagsvis döper till mbt_faq_topic med plural label Topics och singular label Topic. Associera taxanomin med er CPT mbt_faq, Läs mer
Uppgift 1 Fortsätt med Customizern genom att lägga in stöd för att ha en Custom Header i temat. Glöm inte ange en default image som måste peka på en bild någonstans i ditt temas mapp. Uppgift 2 Ändra din layout (både blogg index och archive pages) till att används Bootstrap’s Läs mer
Github: https://github.com/fredrikwcms/my-basic-theme Workshop Uppgift 1 Börja använd er av get_template_part() för t.ex. post excerpts, post singles och pages att få bättre fil-struktur och separering av er kod. Bygg om alla templates vi har hittills med passande template-parts. T.ex. content-author för att kunna bygga återanvändbar kod vi kan använda överallt där vi vill Läs mer
Github https://github.com/fredrikwcms/my-basic-theme Länkar Featured Images & Post Thumbnails Force Regenerate Thumbnails Plugin Workshop Uppgift 1 Konvertera ditt tema till att bli HTML5-kompatibelt med hjälp av element som <main>, <article>, <header>, <footer> osv. Osäker? Kolla på HTML elements reference från Mozilla Developer Network eller HTML5 Semantic Elements från W3Schools. Uppgift 2.1 Lägg in stöd för ”Post Thumbnails” (a.k.a. Featured Läs mer
Länkar Github: https://github.com/fredrikwcms/my-basic-theme bs4navwalker https://raw.githubusercontent.com/dupkey/bs4navwalker/master/bs4navwalker.php 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 Läs mer
Git repo https://github.com/fredrikwcms/my-basic-theme Länkar WordPress Theme Developer Handbook https://developer.wordpress.org/themes/ List of Template Tags Template Hierarchy Template Hierarchy (interaktiv) https://wphierarchy.com/ Workshop Uppgift 1 Lägg in en container i din <nav> så att innehållet i menyn är centrerat och fungerar i responsivt läge. Uppgift 2 Skapa nya tema-mallar med egen layout för kategori- och författar-arkiv. Tips: Läs mer