mobilna wersja strony

[Jakov]

witam, mam pytanie bo chciałbym zrobić taką mobilną wersję strony, tzn. mojastrona.pl/mobi i jak ktoś wchodzi z telefonu komórkowego to jest przekierowywany na w ogóle inną stronę, tzn. w tym mojastrona.pl/mobi musiałoby byc przekierowanie na powiedzmy innastron.eu, jak to najłatwiej zrobic i czy to się da zrobic w ogóle? a może jest gdzieś to jest wytłumaczone?

[Cordor]

Możesz używając Responsive website dostosować zawartość wyświetlanej strony od szerokości ekranu na którym jest ona (strona) wyświetlana. W ten sposób możesz powiedzmy nadać w css display:none na sidebar albo zmieniać szerokości kolumn i tak dalej. To jedno rozwiązanie jakie przychodzi mi do głowy. Ale mam wrażenie, że chodzi Ci o zupełne przekierowanie użytkownika moblie, na konkretną stronę.

[Jakov]

no tak, zupełnie przekierowanie na inną stronę, użytkownik mobilny wchodzi na moją stronę powiedzmy mojastrona.pl albo mojastrona.pl/mobi i zostaje przekierowany na zupełnie inną stronę, jak to można zrobić?

[Cordor]

Znalazłem coś takiego : https://detectmobilebrowsers.com/

[Jakov]

hmm wybrałem to php, czyli co modyfikuję ten kod ('Location: https://detectmobilebrowser.com/mobile'); wstawiam na główną stronę (powiedzmy index.php), tworzę katalog mobile, wstawiam plik index.php , robię przekierowanie:

<?

php

header( 'Location: https://www.innastrona.pl' ) ;

?>

i co można tak w ogóle? czy żle?

[Cordor]

Wstawiasz cały kod, który jest w pliku txt. Przy czym docelową lokalizację, które jest na końcu tego kodu, ustawiasz na własną stronę/zakładkę strony czy co tam sobie wymyślisz. Cały kod wklejasz do pliku index.php (jeśli masz index.html to zmieniasz na index.php bo inaczej nie odtworzy jak trzeba). Poza tym server musi obsługiwac php i tak dalej, ale to chyba wiesz. Więc wklejasz na sam początek pliku index.php całą treść tego co ściągnąłeś. Jest tam zawarty warunek IF = JEŚLI wchodzisz na stronę z podanych w tym pliku urządzeń/systemów to przenosi na podaną na końcu stronę.

Testowałem właśnie i działa.

[Jakov]

ok to wkładam ten kod php z detekcji na swoją główną stronę, podaję katalog gdzie ma prowadzić po wykryciu urządzenia mobilnego, a teraz "Cały kod wklejasz do pliku index.php (jeśli masz index.html to zmieniasz na index.php bo inaczej nie odtworzy jak trzeba)", tego nie rozumiem, bo co tworzę sobie w tym katalogu który stworzyłem index.php i co znowu cały kod tam wgrywam? czy chodzi o kod przekierowania?

[Cordor]

Zacznijmy od początku.

Wchodząc na dowolny adres internetowy www.costamcostam kropka pl automatycznie zostaje wczytany plik index.html lub index.php jeśli taki posiadasz.

Wersja z php jest dla stron, które są stworzone lub używają języka php. Na przykład cms wordpress (na którym to testowałem).

Więc jeśli nie podasz na początku informacji jak zrobiłeś stronę, czy masz możliwość używania na danym hostingu języka php (na 99% masz taką możliwość jeśli gdzieś wykupiłeś hosting), to ja się mogę tylko domyślać z czego tam korzystasz i tak dalej. I założyłem, że skoro wybrałeś skrypt mobile w php to wiesz o co w tym w ogóle chodzi.

Kod php dodajesz tylko raz. Na stronie z której chcesz mieć przekierowanie dla urządzeń mobilnych. Czyli prawdopodobnie będzie to Twoja strona główna, a plik w którym ma się ten skrypt znajdować to index.php.

Wtedy wchodzę sobie na Twoją stronę z komórki, automatycznie ładuje się mi plik index.php = tam na początku jest wykrywanie urządzenia i systemu z którego się łącze. Skrypt wykrywa, że łączę się z komórki i wykonuje przekierowanie na dowolny adres czy dowolny link. Co zamieścisz pod tamtym linkiem to już twoja sprawa. Moim zdaniem link powinien kierować na adres, pod którym jest przygotowana specjalna wersja strony pod urządzenia mobilne.

[Jakov]

no mam php i normalny skrypt, tyle że dałem tą detekcję w header.tpl odrazu, jak wykryje to urządzenie to jak piszesz przekieruje mnie na katalog mobile, tam umieściłem plik index.php i dałem kod:

<?

php

header( 'Location: https://www.stronamobilna.pl' ) ;

?>,

bo chodzi mi o całkowicie inna stronę, oczywiście specjalnie stworzoną ale zewnętrzną, i co to powinno działać? nie mogę akurat w tej chwili sprawdzić bo nie mam tel z netem ale dzięki za pomoc, może będzie działać

[Cordor]

Nie przekieruje Cię na katalog, tylko tam gdzie mu każesz. Czy to będzie katalog, czy link na inną stronę to już Twoja sprawa. Przekierowanie dajesz nie w miejscu docelowym, czyli nie tam gdzie jest już gotowa strona przygotowana pod komórki, a tam SKĄD chcesz żeby przenosiło ludzi z komórek.

Przykładowo:

Masz stronę www zwyklastrona pl i chcesz żeby ludzi którzy na nią wchodzą przenosiło na www stronamobilna pl . To skrypt php wstawiasz na tej pierwszej stronie, a nie na tej już przygotowanej pod komórki. A treść skryptu wklejasz całą a nie tylko podajesz lokalizację header. Samo przekierowanie jest bezsensu bo nie warunkuje użytkowników komórek - czyli wstawiasz to:

<?php

$useragent=$_SERVER['HTTP_USER_AGENT'];

if(preg_match('/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))

header('Location: https: //TWOJASTRONADLAKOMÓREK.pl');

?>

[Jakov]

aha myślałem że najpierw na ten mój katalog ale skoro można odrazu na stronę docelową to jeszcze lepiej, póżniej sobie sprawdzę ale coś zbyt łatwe to wszystko, taki kawałek kodu wklejony do index.php i już wykrywa mobilnych i przekierowuje na stronę mobilną:D może będzię działać byłoby wybornie

[Cordor]

Testowałem to na dwóch stronach. Przekierowanie z wordpressa na innego wordpressa na zupełnie innych domenach i z wordpressa na zwykłą stronę też na innej domenie. Działa bez zarzutów.