wordup gdynia - jak tworzyć motywy przyjazne użytkownikom i programistom
TRANSCRIPT
![Page 1: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/1.jpg)
Jak tworzyć motywy przyjazne użytkownikom
i programistom?
Tomasz Dziuda
WordUp Gdynia 14.11.2015
![Page 2: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/2.jpg)
Jak bardzo złożony jest proces tworzenia motywu?
![Page 3: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/3.jpg)
Ćwiczenie
![Page 4: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/4.jpg)
Ćwiczenie
1. Zapoznaj się z wytycznymi oficjalnego repozytoriumhttps://make.wordpress.org/themes/handbook/review/
2. Zrób przegląd motywu kandydującego do repozytoriumhttps://make.wordpress.org/themes/handbook/get-involved/become-a-reviewer/
![Page 5: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/5.jpg)
Ćwiczenie
1. Zapoznaj się z wytycznymi oficjalnego repozytoriumhttps://make.wordpress.org/themes/handbook/review/
2. Zrób przegląd motywu kandydującego do repozytoriumhttps://make.wordpress.org/themes/handbook/get-involved/become-a-reviewer/
![Page 6: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/6.jpg)
![Page 7: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/7.jpg)
![Page 8: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/8.jpg)
Warto zapamiętać
![Page 9: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/9.jpg)
Warto zapamiętać
• Stworzenie pierwszego motywu dla szerokiego grona użytkowników nie jest wcale takie proste
• Swoją przygodę z motywami warto zacząć od stworzenia motywu potomnego...
• ... lub skorzystać z rozwiązań takich jak _s
![Page 10: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/10.jpg)
Warto zapamiętać
• Stworzenie pierwszego motywu dla szerokiego grona użytkowników nie jest wcale takie proste
• Swoją przygodę z motywami warto zacząć od stworzenia motywu potomnego...
• ... lub skorzystać z rozwiązań takich jak _s
![Page 11: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/11.jpg)
Warto zapamiętać
• Stworzenie pierwszego motywu dla szerokiego grona użytkowników nie jest wcale takie proste
• Swoją przygodę z motywami warto zacząć od stworzenia motywu potomnego...
• ... lub skorzystać z rozwiązań takich jak _s
![Page 12: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/12.jpg)
Warto zapamiętać
![Page 13: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/13.jpg)
Warto zapamiętać
Warto zobaczyć jak robią to inni: https://wordpress.org/themes/search/child%20theme/
![Page 14: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/14.jpg)
Warto zapamiętać
Warto zobaczyć jak robią to inni: https://wordpress.org/themes/search/child%20theme/
Doing it wrong theme:https://github.com/WPTRT/doingitwrong
![Page 15: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/15.jpg)
Troska o użytkowników
![Page 16: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/16.jpg)
Stopniowy rozwój motywu
![Page 17: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/17.jpg)
![Page 18: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/18.jpg)
?
![Page 19: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/19.jpg)
![Page 20: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/20.jpg)
![Page 21: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/21.jpg)
![Page 22: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/22.jpg)
![Page 23: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/23.jpg)
![Page 24: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/24.jpg)
Ilustracja stworzona przez Majo statt Senf Źródło: https://pl.wikipedia.org/wiki/Plik:Kaizen-2.svg
Kaizen
How to use Kaizen thinking to design better
![Page 26: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/26.jpg)
“Mam wielu klientów, którzy nie są w stanie dostarczyć mi sensownej ilości treści na swoją stronę”
Powody zakupu motywu potrafią zaskoczyć
![Page 27: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/27.jpg)
Kilka obserwacji dot. rynku motywów
![Page 28: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/28.jpg)
Kilka obserwacji dot. rynku motywów
• Najładniejsze motywy wcale nie sprzedają się najlepiej
• Wsparcie dla popularnych rozszerzeń typu WooCommerce jest bardzo pożądane
• Niszowe tematy przewodnie mogą okazać się dużym niewypałem
![Page 29: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/29.jpg)
Kilka obserwacji dot. rynku motywów
• Najładniejsze motywy wcale nie sprzedają się najlepiej
• Wsparcie dla popularnych rozszerzeń typu WooCommerce jest bardzo pożądane
• Niszowe tematy przewodnie mogą okazać się dużym niewypałem
![Page 30: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/30.jpg)
Kilka obserwacji dot. rynku motywów
• Najładniejsze motywy wcale nie sprzedają się najlepiej
• Wsparcie dla popularnych rozszerzeń typu WooCommerce jest bardzo pożądane
• Niszowe tematy motywów mogą okazać się dużym niewypałem
![Page 31: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/31.jpg)
USE OF VISUAL COMPOSER
GAVE ME A CANCER
![Page 32: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/32.jpg)
Wykorzystanie ekranu personalizacji motywu
![Page 33: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/33.jpg)
Zalety
![Page 34: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/34.jpg)
Zalety
Podgląd zmian
+
Łatwiejsze testowane opcji
![Page 35: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/35.jpg)
Zalety
Każdy motyw
posiada podobny UI
![Page 36: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/36.jpg)
Zalety
Wymuszaprosty UI
![Page 37: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/37.jpg)
Wady
![Page 38: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/38.jpg)
Wady
Wymuszaprosty UI
![Page 39: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/39.jpg)
Wady
WordPress >= 4.6 ??https://make.wordpress.org/core/2015/09/23/
outlining-a-possible-roadmap-for-the-customizer/
![Page 40: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/40.jpg)
Wady
active_callback :(
![Page 41: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/41.jpg)
Plik editor-style.css
![Page 42: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/42.jpg)
Plik editor-style.cssfunction my_theme_add_editor_styles() { add_editor_style( 'custom-editor-style.css' ); }
add_action( 'admin_init', 'my_theme_add_editor_styles' );
Warto przejrzeć: https://codex.wordpress.org/Editor_Style
![Page 43: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/43.jpg)
Łatwa migracja konfiguracji widocznej na demo
![Page 44: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/44.jpg)
Posty, podstrony
Widżety
Ustawienia motywu
ThemeForestWordPress.org
Istniejąca instalacja WP
![Page 45: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/45.jpg)
Dedykowany instalator WP
Posty, podstrony TAK
Widżety TAK
Ustawienia motywu TAK
ThemeForestWordPress.org NIE
Istniejąca instalacja WP NIE
![Page 46: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/46.jpg)
Dedykowany instalator WP WXR
Posty, podstrony TAK TAK
Widżety TAK NIE
Ustawienia motywu TAK
NIEdomyślna konfiguracja
motywu rozwiązuje problem
ThemeForestWordPress.org NIE TAK
Istniejąca instalacja WP NIE TAK
![Page 47: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/47.jpg)
Dedykowany instalator WP WXR Własne
rozwiązanie
Posty, podstrony TAK TAK TAK
Widżety TAK NIE TAK
Ustawienia motywu TAK
NIEdomyślna konfiguracja
motywu rozwiązuje problemTAK
ThemeForestWordPress.org NIE TAK TAK
Istniejąca instalacja WP NIE TAK TAK
![Page 49: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/49.jpg)
Elastyczne rozwiązania
![Page 50: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/50.jpg)
Slideshow pokazujący wpisy z danego tagu
Źródło: https://codex.wordpress.org/Twenty_Fourteen
Należy zadbać o to by można było zmienić nazwę tagu wybieranego do slideshow
![Page 51: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/51.jpg)
Zaawansowane wykorzystanie hierarchii szablonów w WordPressie
Zobacz: http://wphierarchy.com
![Page 52: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/52.jpg)
Zaawansowane wykorzystanie hierarchii szablonów w WordPressie
category-slug.php
author-5.php
single-photo.php
tag-featured.php
![Page 53: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/53.jpg)
Zaawansowane wykorzystanie hierarchii szablonów w WordPressie
category-slug.php
author-5.php
single-photo.php
tag-featured.php
![Page 54: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/54.jpg)
Dokumentacja
![Page 55: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/55.jpg)
![Page 56: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/56.jpg)
• Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla Ciebie i Twojego użytkownika
![Page 57: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/57.jpg)
• Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla Ciebie i Twojego użytkownika
![Page 58: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/58.jpg)
• Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla Ciebie i Twojego użytkownika
![Page 59: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/59.jpg)
• Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla Ciebie i Twojego użytkownika
![Page 60: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/60.jpg)
Testowanie
![Page 61: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/61.jpg)
• https://wordpress.org/plugins/theme-check/
• https://wordpress.org/plugins/theme-mentor/
• https://wordpress.org/plugins/monster-widget/
• https://codex.wordpress.org/Theme_Unit_Test
Niezbędnik
![Page 65: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/65.jpg)
Troska o programistów
![Page 66: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/66.jpg)
Wsparcie dla motywów potomnych
![Page 67: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/67.jpg)
!important EVERYTHING!!
![Page 68: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/68.jpg)
Pamiętaj o function_exists w pliku functions.php
Plik functions.php jako jedyny jest ładowany zarówno z motywu potomnego (jako pierwszy)
i z motywu rodzica (jako drugi).
if( function_exists( 'slug_myfunc' ) ) : function slug_myfunc() { return 'Kto nie czyta slajdów ten używa Joomla!'; } endif;
![Page 69: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/69.jpg)
<span style=“padding: 20px!important;”>
![Page 70: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/70.jpg)
![Page 71: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/71.jpg)
Porządek w plikach
![Page 72: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/72.jpg)
get_template_part
![Page 73: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/73.jpg)
get_template_part
W przeciwieństwie do require() dobrze współpracuje z motywami potomnymi
![Page 74: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/74.jpg)
get_template_part
get_template_part('loop', 'index');
![Page 75: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/75.jpg)
get_template_part
1. motyw-potomny/loop-index.php 2. motyw-rodzic/loop-index.php 3. motyw-potomny/loop.php 4. motyw-rodzic/loop.php
get_template_part('loop', 'index');
![Page 76: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/76.jpg)
get_template_partNagłówek wpisu
Treść wpisu
Informacje o wpisie
Ikony społecznościowe
Blok o autorze
![Page 77: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/77.jpg)
get_template_partNagłówek wpisu
Treść wpisu
Informacje o wpisie
Ikony społecznościowe
Blok o autorze
content-info.php content-header.php content-social.php content-author.php
![Page 78: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/78.jpg)
Czytelny kod CSS
![Page 79: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/79.jpg)
BEM .block__element--modifier
![Page 80: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/80.jpg)
.header {}
.header__logo {}
.header__logo--beta {}
.header__menu {}
.header__menu--mobile {}
![Page 81: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/81.jpg)
.header {}
.header__logo {}
.header__logo--beta {}
.header__menu {}
.header__menu--mobile {}
![Page 82: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/82.jpg)
.header {}
.header__logo {}
.header__logo--beta {}
.header__menu {}
.header__menu--mobile {}
![Page 83: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/83.jpg)
1) normalize.css body html ...
2) html.css a h1 h2 h3 ul ol ...
3) elements.css .btn .link .field ...
4) components.css .header .content .footer ...
![Page 84: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/84.jpg)
1) normalize.css body html ...
2) html.css a h1 h2 h3 ul ol ...
3) elements.css .btn .link .field ...
4) components.css .header .content .footer ...
![Page 85: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/85.jpg)
1) normalize.css body html ...
2) html.css a h1 h2 h3 ul ol ...
3) elements.css .btn .link .field ...
4) components.css .header .content .footer ...
![Page 86: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/86.jpg)
1) normalize.css body html ...
2) html.css a h1 h2 h3 ul ol ...
3) elements.css .btn .link .field ...
4) components.css .header .content .footer ...
![Page 87: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/87.jpg)
BEM(+) Porządek w kodzie CSS(+) Wydajne selektory(+) Współpraca z LESS/SASS(+) Wymusza przemyślane tworzenie kodu CSS
(-) WordPress nie jest w pełni kompatybilny z BEM(-) Czasem wygodnie jest złamać reguły BEM(-) Może prowadzić do dużej liczby klas w elemencie
![Page 88: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/88.jpg)
BEM(+) Porządek w kodzie CSS(+) Wydajne selektory(+) Współpraca z LESS/SASS(+) Wymusza przemyślane tworzenie kodu CSS
(-) WordPress nie jest w pełni kompatybilny z BEM(-) Czasem wygodnie jest złamać reguły BEM(-) Może prowadzić do dużej liczby klas w elemencie
![Page 89: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/89.jpg)
LESS/SASS// Colors @primary_color: #a3a4a5; @secondary_color: #b4b7b9; @text_color: #777; // Visual @border_radius: 5px; // Spacing @basic_padding: 20px; @basic_margin: 10px;
![Page 90: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/90.jpg)
LESS/SASS.header {
&__logo { width: 150px; }
&__menu { width: 50%
} }
.content { //...
}
![Page 91: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/91.jpg)
LESS/SASS
Źródło: https://pl.wordpress.org/plugins/wp-less/
![Page 92: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/92.jpg)
Korzystanie z dostępnych API
![Page 93: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/93.jpg)
A GDYBY TAK NAPISAĆ WŁASNĄ
WERSJĘ THEME MODS API?
![Page 94: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/94.jpg)
A GDYBY TAK NAPISAĆ WŁASNĄ
WERSJĘ THEME MODS API?
![Page 95: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/95.jpg)
Źródło: https://codex.wordpress.org/Theme_Modification_API
![Page 96: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/96.jpg)
Lista API dostępnych w WordPressie
https://codex.wordpress.org/WordPress_APIs
![Page 97: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/97.jpg)
Myślenie o przyszłości
![Page 98: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/98.jpg)
Wtyczki vs. Motywy
![Page 99: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/99.jpg)
Wtyczki vs. Motywy
• Custom Post Type jako plugin
• Shortcodes jako plugin
• Złożone widżety jako plugin
![Page 100: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/100.jpg)
Wtyczki vs. Motywy
• Custom Post Type jako plugin
• Shortcodes jako plugin
• Złożone widżety jako plugin
![Page 101: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/101.jpg)
Wtyczki vs. Motywy
• Custom Post Type jako plugin
• Shortcodes jako plugin
• Złożone widżety jako plugin
![Page 102: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/102.jpg)
Brak URLi w opcjach motywu
![Page 103: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/103.jpg)
• WordPress serializuje opcje motywu i treść widżetów
• Serializacja uniemożliwia łatwą zmianę wartości
• Rozwiązanie: http://dziudek.pl/motywy/przechowywanie-nazwy-domeny-w-ustawieniach-motywu
![Page 104: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/104.jpg)
• WordPress serializuje opcje motywu i treść widżetów
• Serializacja uniemożliwia łatwą zmianę wartości
• Rozwiązanie: http://dziudek.pl/motywy/przechowywanie-nazwy-domeny-w-ustawieniach-motywu
![Page 105: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/105.jpg)
• WordPress serializuje opcje motywu i treść widżetów
• Serializacja uniemożliwia łatwą zmianę wartości
• Jedno z rozwiązań: http://dziudek.pl/motywy/przechowywanie-nazwy-domeny-w-ustawieniach-motywu
![Page 106: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/106.jpg)
Moje prezentacje
http://www.slideshare.net/dziudek
TinyMCE Theme Customizer
Performance REST API ES2015
![Page 107: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/107.jpg)
Lead Developer @
@dziudek
http://dziudek.pl
http://dziudek.github.io/wp-links
http://dziudek.github.io/dev-links
Tomasz Dziuda
![Page 108: WordUp Gdynia - Jak tworzyć motywy przyjazne użytkownikom i programistom](https://reader034.vdocuments.mx/reader034/viewer/2022051707/58ec922c1a28abfe6b8b4717/html5/thumbnails/108.jpg)
Pytania?