WordPressSidebary, Widgety, Motywy, HTML5+CSS3

Złożoność projektów rośnie, doba nie maleje

HTML5+CSS3 - dostępność

HTML5+CSS3 - znaczniki

HTML5+CSS3 – semantyka, geolokalizacja

HTML5+CSS3 – rozszerzenia charakterystyczne dla przeglądarek

HTML5+CSS3 nowe selektory

Uwaga na Internet Explorer 7-9 i wcześniejsze wersje!• HTML 5 jest wciąż rozwijany i zmieniany• Kierować się zasadą „stopniowego usprawniania” i „wdzięcznej degradacji”

Sidebar

functions.php

sidebar.php

Widgety

Widgety

Better Recent Posts Widget Pro – 4$

Rating-Widget: Star Rating System

Widgety

Popular Posts Bar Widget ($8)

Image Widget

Widgety

Advanced Categories Widget ($4)

Youtube Channel Gallery

Widgety

WP Biographia

Opening Hours

Widgety

Tabbed Login Widget

Dexs Navigation Tree

Widgety

Social Icons Widget

My Social Counter for WordPress ($10)

Widgety

Business Contact Widget

WP Tab Widget

Widgety

Polldaddy Polls & Ratings

WYSIWYG Widgets / Widget Blocks

Widgety – kiedy drag and drop przestanie działać

Pokaz budowania menu

Header i footer

Motywy – jak wybrać najlepszy?

Czytelnicy podejmują decyzję o tym czy zostać na stronie, czy iść dalej w

kilka sekund

Od szablonu zależy to jak będziesz postrzegany w długoterminowej

perspektywie

Od szablonu zależy funkcjonalność twojego bloga

1. Określ swoje potrzeby

2. Responsywność

3. SEO!

4. Dokumentacja

5. Support oraz aktualizacje

6. Ocena / recenzje

7. Obrazki

8. Pliki PSD

9. Integracja z wtyczkami

10. Obsługa plików tłumaczeń

11. Układ treści

12. Sposób konfiguracji

13. Jak szybko ładuje się szablon?

14. Czy możliwe jest dostosowanie wyglądu szablonu bez umiejętności programowania?

15. Czy kod szablonu nie jest “przeładowany”? (audyt)

16. Czy szablon obsługuje wszystkie przeglądarki?

Motywy – gdzie nabyć?

Responsywność

Responsywność

Głównym zarzutem przeciwko RWD jest pobieranie nadmiernej ilości danych na urządzeniach mobilnych.Np. mimo że layout ma 480px szerokości, pobiera się obrazek o szerokości 1920 i skaluje do wielkości 480.

Biblioteka adaptive images wysyła odpowiednią wersję obrazka w zależności od początkowej rozdzielczości. http://adaptive-images.com/

Responsywność – przydatne narzędzia

https://addons.mozilla.org/en-US/firefox/addon/firebreak/Obok paska wyszukiwnia w Firefoxie, pokazuje aktualną szerokość ekranu

http://screenqueri.es/Narzędzie do emulowania różnych urządzeń i rozdzielczości

https://github.com/thepeg/MediaTableSzerokie tabele dostosowane do RWD

http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-designWiele innych rozwiązań dla RWD - od projektowania po skrypty i emulatory

Responsywność

PytaniaPytania??

Teraz Pan ma relaksTeraz Pan ma relaks

Przerwa 15min