Wordpress 2 szablony

[Gość]

Witam piszę z zapytaniem czy ktoś kiedyś z was próbował wgrać 2 szablony że na stronie desktop jest szablon normalny a na mobile jest inny ??

 

mowa tutaj o WordPressie

 

w internecie znalazłem taką stronę i chciał bym się dowiedzieć jak to działa

 

[Gość Rafiki]

Wykrywane jest urządzenie użytkownika na podstawie user agenta albo rozdzielczości ekranu użytkownika - w przypadku jeśli jest to urządzenie mobilne załączane są oddzielne style .css .

 

Są też gotowe wtyczki do WP np:

https://wordpress.org/plugins/wptouch/

https://wordpress.org/plugins/wp-mobile-edition/

Edytowano Kwiecień 3, 2017 przez Rafiki (zobacz historię edycji)

[Gość]

Dzięki za odzew ale to mnie nie ratuje

[Gość Rafiki]

A co ma Cie ratować ?
Te pluginy to tylko przykłady, zasade działanie już znasz więc napisz to sam - to nic skomplikowanego.
Tzn wykryj urządzenie użytkownika i załaduj mu oddzielne style niż dla użytkowników desktopowych albo nawet oddzielny szablon.

[Gość]

Właśnie o to mi chodzi jak mogę załadować mu oddzielny szablon ?? dla mobile ??

[Gość Rafiki]

tak jak pisałem w pierwszy poście wykrywasz urządzenie po user agencie (przez php'a) albo identyfikujesz urządzenie po rozdzielczości ekranu (tutaj możesz użyć js).
Jak ? dokumentacja php klik albo użyj jakiejs klasy php: mobiledetect.net albo przez javascript (zakładam ,że znasz podstawy).

Edytuj później header.php w swoim szablonie i jeśli użytkownik jest z mobile dodaj mu dodatkowy / nowy styl css. W zależności od budowy szablonu możliwa będzie edycja functions.php w linijkach gdzie dołączane są style szablonu będzie trzeba dodać warunek.

Edytowano Kwiecień 3, 2017 przez Rafiki (zobacz historię edycji)

[Gość jotme]

https://pl.wordpress.org/plugins/any-mobile-theme-switcher/

https://pl.wordpress.org/plugins/codepeople-theme-switch/

 

Powyższe wtyczki powinny zmienić theme jeśli załadujesz stroną przez przeglądarkę w telefonie

 

jeszcze taki:

https://wordpress.org/plugins/device-theme-switcher/

Edytowano Kwiecień 3, 2017 przez jotme (zobacz historię edycji)

[Henry1 0]

Dzięki za wtyczki, przy okazji sam skorzystałem.

[nolimits 0]

tak jak pisałem w pierwszy poście wykrywasz urządzenie po user agencie (przez php'a) albo identyfikujesz urządzenie po rozdzielczości ekranu (tutaj możesz użyć js).

Jak ? dokumentacja php klik albo użyj jakiejs klasy php: mobiledetect.net albo przez javascript (zakładam ,że znasz podstawy).

 

Edytuj później header.php w swoim szablonie i jeśli użytkownik jest z mobile dodaj mu dodatkowy / nowy styl css. W zależności od budowy szablonu możliwa będzie edycja functions.php w linijkach gdzie dołączane są style szablonu będzie trzeba dodać warunek.

 

Zapodasz najprostszego gotowca jak to zrobić > Z chęcią się pobawię , po co zapychać stronę pluginami