Skocz do zawartości
Gość

Wordpress 2 szablony

Polecane posty

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 :)

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
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 przez Rafiki (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
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.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość

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

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
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 przez Rafiki (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
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 przez jotme (zobacz historię edycji)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

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

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się


×