Motywy Wordpressa Historia Prawdziwa

1. Motywy dla WordPressa: Historia prawdziwa Tomasz Dziuda WordUp Lublin 18. października 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. 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 Ale przede wszystkim...

8. "Ech, coraz więcej amatorów pcha się do zabawy. Mam nadzieję, że przejdzie ta nowelizacja ustawy   i tworzenie motywów dla WordPressa będzie można czynić tylko z licencją, bo serio niektórzy nie mają ani doświadczenia ani wyobraźni i na przykład pakują 5MB JS-a do motywu."

9. Przejrzałem kod 21 motywów Metodologia:

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

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

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

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

14. 100% GPL istnieje na ThemeForest

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

16. 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/

17. 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/

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

19. Fun fact: Apache a GPL

20. Fun fact: Apache a GPL Licencja Apache nie jest zgodna z GPL v.2... ... ale jest zgodna z GPL v.3... ... choć tylko w jedną stronę ;-) https://www.apache.org/licenses/GPL-compatibility.html

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

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

26. 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 ;)

27. Natywne widżety?

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

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

31. Zepsute nagłówki

32. ? Problem przewijania w poziomie

33. Niedostępne submenu

34. Kilka spostrzeżeń

35. 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

39. Zbędne zmienne

41. $config = andorra_get_options('andorra_theme_options'); $config['theme_color']

42. Nieumiejętne wykorzystanie ekranu personalizacji

44. 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');

46. 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

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

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

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

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

51. Metoda "na dużo opcji"

52. Metoda "Zrób to sam"

53. Metoda "na widżet"

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

55. Stylowanie ekranu personalizacji

57. Problemy

58. 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

61. Zapomniane function_exists w functions.php

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

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

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

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

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

68. 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 ;-)

69. Brak podstawowych optymalizacji

70. Nadmiarowe zapytania do serwera

71. Kiedy rozdzielanie plików JS ma sens?

72. 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

75. 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');

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

77. Nie ufasz CDN?

78. 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/

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

89. Inne ciekawe techniki autorów motywów

90. Robienie sobie z wolontariuszy działu QA

91. Po co używać Theme Check za każdym razem?

92. Wybiórcze nanoszenie poprawek

93. Podsumowanie

94. Przed wysłaniem motywu na oﬁcjalne repozytorium:

95. Przed wysłaniem motywu na oﬁcjalne repozytorium: Daj komuś z zespołu kod do analizy Przetestuj motyw z użytkownikami WordPressa Wypracuj własną procedurę sprawdzania jakości Postaw na sukcesywne ulepszanie motywu Sprawdzaj motywy innych developerów

100. Pytania?

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

Motywy Wordpressa Historia Prawdziwa

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (14)

Similaire à Motywy Wordpressa Historia Prawdziwa

Similaire à Motywy Wordpressa Historia Prawdziwa (20)

Plus de Tomasz Dziuda

Plus de Tomasz Dziuda (10)

Motywy Wordpressa Historia Prawdziwa