WordUp Wrocław #3 2015
•
2 gostaram•641 visualizações
Nowa wersja mojej prezentacji o tworzeniu motywów przyjaznych dla użytkowników i programistów.
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (20)
Semelhante a WordUp Wrocław #3 2015
Semelhante a WordUp Wrocław #3 2015 (20)
Mais de Tomasz Dziuda
Mais de Tomasz Dziuda (14)
WordUp Wrocław #3 2015
- 1. Jak tworzyć motywy przyjazne użytkownikom i programistom? Tomasz Dziuda WordUp Wrocław #4 16.10.2015
- 2. Jak bardzo złożony jest proces tworzenia motywu?
- 3. Ćwiczenie
- 4. Ćwiczenie 1. Zapoznaj się z wytycznymi oficjalnego repozytorium 2. Zrób przegląd motywu kandydującego do repozytorium
- 5. Ćwiczenie 1. Zapoznaj się z wytycznymi oficjalnego repozytorium 2. Zrób przegląd motywu kandydującego do repozytorium
- 9. 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
- 10. 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
- 11. 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
- 14. • Lista testów każdego elementu strony stale się wydłuża (różne przeglądarki, responsywność, dostępność) • Bardziej złożone motywy mają więcej kombinacji i zależności pomiędzy poszczególnymi komponentami • Nie wiadomo czy motyw się przyjmie na rynku • Twój motyw nie musi być od razu doskonały
- 15. • Lista testów każdego elementu strony stale się wydłuża (różne przeglądarki, responsywność, dostępność) • Bardziej złożone motywy mają więcej kombinacji i zależności pomiędzy poszczególnymi komponentami • Nie wiadomo czy motyw się przyjmie na rynku • Twój motyw nie musi być od razu doskonały
- 16. • Lista testów każdego elementu strony stale się wydłuża (różne przeglądarki, responsywność, dostępność) • Bardziej złożone motywy mają więcej kombinacji i zależności pomiędzy poszczególnymi komponentami • Nie wiadomo czy motyw się przyjmie na rynku • Twój motyw nie musi być od razu doskonały
- 17. • Lista testów każdego elementu strony stale się wydłuża (różne przeglądarki, responsywność, dostępność) • Bardziej złożone motywy mają więcej kombinacji i zależności pomiędzy poszczególnymi komponentami • Nie wiadomo czy motyw się przyjmie na rynku • Twój motyw nie musi być od razu doskonały
- 19. “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ć
- 20. Kilka obserwacji dot. rynku motywów
- 21. 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
- 22. 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
- 23. 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
- 24. USE OF VISUAL COMPOSER GAVE ME A CANCER
- 26. Zalety
- 30. Wady
- 32. Wady WordPress >= 4.6 ?? https://make.wordpress.org/core/2015/09/23/ outlining-a-possible-roadmap-for-the-customizer/
- 35. Plik editor-style.css function 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
- 36. Łatwa migracja konfiguracji widocznej na demo
- 38. Dedykowany instalator WP Posty, podstrony TAK Widżety TAK Ustawienia motywu TAK ThemeForest WordPress.org NIE Istniejąca instalacja WP NIE
- 39. Dedykowany instalator WP WXR Posty, podstrony TAK TAK Widżety TAK NIE Ustawienia motywu TAK NIE domyślna konfiguracja motywu rozwiązuje problem ThemeForest WordPress.org NIE TAK Istniejąca instalacja WP NIE TAK
- 40. Dedykowany instalator WP WXR Własne rozwiązanie Posty, podstrony TAK TAK TAK Widżety TAK NIE TAK Ustawienia motywu TAK NIE domyślna konfiguracja motywu rozwiązuje problem TAK ThemeForest WordPress.org NIE TAK TAK Istniejąca instalacja WP NIE TAK TAK
- 43. 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
- 44. Zaawansowane wykorzystanie hierarchii szablonów w WordPressie Zobacz: http://wphierarchy.com
- 45. Zaawansowane wykorzystanie hierarchii szablonów w WordPressie category-slug.php author-5.php single-photo.php tag-featured.php
- 46. Zaawansowane wykorzystanie hierarchii szablonów w WordPressie category-slug.php author-5.php single-photo.php tag-featured.php
- 47. Dokumentacja
- 49. • 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
- 50. • 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
- 51. • 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
- 52. • 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
- 53. Testowanie
- 54. • 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
- 61. 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;
- 66. get_template_part W przeciwieństwie do require() dobrze współpracuje z motywami potomnymi
- 68. 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');
- 69. get_template_part Nagłówek wpisu Treść wpisu Informacje o wpisie Ikony społecznościowe Blok o autorze
- 70. get_template_part Nagłó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
- 72. LESS/SASS // Colors @primary_color: #a3a4a5; @secondary_color: #b4b7b9; @text_color: #777; // Visual @border_radius: 5px; // Spacing @basic_padding: 20px; @basic_margin: 10px;
- 73. LESS/SASS .header { &__logo { width: 150px; } &__menu { width: 50% } } .content { //... }
- 75. Korzystanie z dostępnych API
- 76. A GDYBY TAK NAPISAĆ WŁASNĄ WERSJĘ THEME MODS API?
- 77. A GDYBY TAK NAPISAĆ WŁASNĄ WERSJĘ THEME MODS API?
- 79. Lista API dostępnych w WordPressie https://codex.wordpress.org/WordPress_APIs
- 82. Wtyczki vs. Motywy • Custom Post Type jako plugin • Shortcodes jako plugin • Złożone widżety jako plugin
- 83. Wtyczki vs. Motywy • Custom Post Type jako plugin • Shortcodes jako plugin • Złożone widżety jako plugin
- 84. Wtyczki vs. Motywy • Custom Post Type jako plugin • Shortcodes jako plugin • Złożone widżety jako plugin
- 85. Brak URLi w opcjach motywu
- 86. • 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
- 87. • 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
- 88. • 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
- 90. Pytania?