Motywy dla WordPressa - historia prawdziwa - WordUp Katowice

1. Motywy dla WordPressa: Historia prawdziwa Tomasz Dziuda WordUp Katowice 25. listopada 2016

2. #takbylo Źródło: https://themes.trac.wordpress.org/query?priority=new+theme&priority=&status=new&keywords=! ~buddypress&col=id&col=summary&col=status&col=time&col=changetime&col=reporter&report=2&order=time

3. Przyczyna tej sytuacji

4. Przyczyna tej sytuacji Przegląd motywu jest dość czasochłonny Brakuje wolontariuszy Twórcy motywów odkryli, że oﬁcjalne repozytorium to alternatywna droga dotarcia do potencjalnych klientów

7. Przejrzałem kod 21 motywów oczekujących na review Metoda:

8. Przyjrzyjmy się błędom developerów...

9. Przyjrzyjmy się błędom developerów... ... i nauczmy się ich unikać

10. Panie kto by się tam przejmował licencjami?

11. Twórcy motywów nie rozumieją do końca idei GPL

12. 100% GPL istnieje na ThemeForest

13. Wszystkie dodatki do motywu powinny być na licencji zgodnej z GPL

14. Zdjęcia Domena publiczna lub licencja CC0 https://unsplash.com/ https://pixabay.com/en/ https://www.pexels.com/ http://www.publicdomainpictures.net/ http://littlevisuals.co/ http://nos.twnsnd.co/

15. Wideo Domena publiczna lub licencja CC0 http://www.wedistill.io/ https://videos.pexels.com/ https://vimeo.com/creativecommons https://pixabay.com/en/videos/ http://www.coverr.co/

16. Fonty, skrypty, CSS MIT, GPL, LGPL, ISC, Apache, SIL, WTFPL

17. To WordPress ma stronę załącznika?!

18. Źródło: https://wphierarchy.com/ Bad news: WordPress ma całkiem sporo podstron

19. Warto sprawdzić Stronę wyszukiwarki (w tym dla frazy bez wyników) Stronę błędu 404 Stronę archiwum (dzienne, miesięczne, roczne) Stronę załącznika Stronę autora Stronę aktywacji autora w Multisite ;)

20. Natywne widżety?

22. Monster Widget prawdę Ci powie Źródło: https://pl.wordpress.org/plugins/monster-widget/

23. Responsywność to standard... ;-)

24. Zepsute nagłówki

25. ? Problem przewijania w poziomie

26. Niedostępne submenu

27. Emmet Re:view http://re-view.emmet.io

28. Kilka spostrzeżeń

29. Kilka spostrzeżeń • Menu to najczęściej popsuty element stron responsywnych • Największe problemy pojawiają się przy przejściu poniżej rozdzielczości tabletowych • Płynny layout nie zawsze ma sens • Należy pamiętać o dużych elementach w treści wpisów

33. Zbędne zmienne

35. $theme_color = $andorra_theme_options['theme_color']; $config['theme_color']

36. extract()

37. Nieumiejętne wykorzystanie ekranu personalizacji

39. Nikt nie broni nam używać/usuwać istniejących sekcji Ekranu Personalizacji Ani modyﬁkować im nazw: $wp_customize->get_section('colors')->title = __('Custom Colors', 'xyz');

40. W sumie 54 pola na kolory ;-)

41. Zbyt wiele opcji oznacza:

42. Zbyt wiele opcji oznacza: Utrudnione modyﬁkowanie wyglądu motywu Dużą ilość kodu CSS w sekcji <head> Zwiększoną liczbę zapytań o pomoc techniczną

45. Motyw powinien używać 2-3 bazowych kolorów Pozostałe kolory powinny być wyliczone na podstawie bazowych kolorów https://gist.github.com/stephenharris/5532899

46. "Błąd" w JavaScript, którzy robią prawie wszyscy Ja też go robiłem ;-) #wstydliwewyznania

47. $(document).ready(function() { //... }); Źródło: https://api.jquery.com/ready/

48. $(document).ready(function() { //... }); $(function() { //... }); Źródło: https://api.jquery.com/ready/

49. Tworzenie linków do serwisów społecznościowych

50. Metoda "na dużo opcji"

51. Metoda "Zrób to sam"

52. Metoda "na widżet"

53. Metoda "jedyna słuszna" ;-) Wykorzystać potencjał menadżera menu w WordPressie... ... i selektorów CSS3: a[href*="facebook.com"]

54. Stylowanie ekranu personalizacji

56. Problemy

57. Problemy Użytkownik musi nauczyć się nowego UI Z reguły nie jest wcale ładniej ani wygodniej Aktualizacje WordPressa mogą powodować problemy z istniejącym stylowaniem

60. Zapomniane function_exists w functions.php

61. if(!function_exists('xyz_function_name')) { function xyz_function_name() { // ... } }

62. if(!function_exists('xyz_function_name')) { function xyz_function_name() { // ... } } Nawet wbudowane motywy mają z tym problem

63. Dlaczego? Plik functions.php z motywu potomnego wczytywany jest PRZED plikiem functions.php z motywu-rodzica

64. Jak szybko sprawdzić czy nie zapomnieliśmy gdzieś o function_exists?

65. Jak szybko sprawdzić czy nie zapomnieliśmy gdzieś o function_exists? Tworzymy motyw potomny Dodajemy w nim kopię pliku functions.php z naszego motywu

66. Jak szybko sprawdzić czy nie zapomnieliśmy gdzieś o function_exists? Tworzymy motyw potomny Dodajemy w nim kopię pliku functions.php z naszego motywu

67. Jak szybko sprawdzić czy nie zapomnieliśmy gdzieś o function_exists? Tworzymy motyw potomny Dodajemy w nim kopię pliku functions.php z naszego motywu Usuwamy błędy do skutku ;-)

68. Brak podstawowych optymalizacji

69. Nadmiarowe zapytania do serwera

70. Kiedy rozdzielanie plików JS ma sens?

71. Kiedy rozdzielanie plików JS ma sens? Pliki, które będą nadpisane przez użytkownika Pliki z funkcjami używanymi na konkretnych podstronach Duże pliki, których ładowanie jest opcjonalne

74. Wczytywanie niepotrzebnych danych wp_enqueue_style ('body-font', '// fonts.googleapis.com/css?family='. urlencode($options['google_font_body']) .': 400,400italic,700,700italic&subset=latin,greek- ext,cyrillic,latin-ext,greek,cyrillic- ext,vietnamese');

75. Zapominanie o zaletach CDN Bootstrap Font Awesome html5 shiv Modernizr

76. Nie ufasz CDN?

77. Nie ufasz CDN? Zastosuj SRI (SubResource Integrity): <script src="https://maxcdn.bootstrapcdn.com/bootstrap/ 3.3.7/js/bootstrap.min.js" integrity="sha384- Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wG NIcPD7Txa" crossorigin="anonymous"></script> Do wygenerowania na: https://www.srihash.org/

80. Drobiazgi warte uwagi

81. Używaj date_i18n zamiast date Więcej: https://codex.wordpress.org/Function_Reference/date_i18n

82. WordPress posiada funkcję santize_hex_color

83. WordPress posiada funkcję santize_hex_color i funkcję santize_hex_color_no_hash też ;-)

84. wp_enqueue_script('select2', ... wp_enqueue_script('mytheme-select2', ... Warto dbać o porządek w bibliotekach

85. Czasem trzeba powołać się na klauzulę sumienia

91. Podsumowanie

92. Tworząc motywy pamiętaj aby:

93. Tworząc motywy pamiętaj aby: Wykorzystywać w pełni możliwości WordPressa Tworzyć checklisty (testy/proces tworzenia) Nie uszczęśliwiać użytkowników na siłę Uczyć się od innych developerów Regularnie odświeżać swoją wiedzę

98. Pytania?

99. WWW: http://dziudek.pl E-mail: tomasz@dziuda.com Twitter: @dziudek

Motywy dla WordPressa - historia prawdziwa - WordUp Katowice

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Motywy dla WordPressa - historia prawdziwa - WordUp Katowice

Similaire à Motywy dla WordPressa - historia prawdziwa - WordUp Katowice (20)

Plus de Tomasz Dziuda

Plus de Tomasz Dziuda (13)

Motywy dla WordPressa - historia prawdziwa - WordUp Katowice