Wsparcie » Używanie i konfiguracja WordPressa » Jednorodne wyświetlanie strony na rożnych ekranach/urządzeniach

  • Ja: totalny laik.
    Moja I i jedyna jak dotąd strona: http://www.motofoto.com.pl
    Motyw: Chun
    Domena i hosting: domena.pl
    Problem:
    1. W jaki sposób zoptymalizować stronę aby na wszystkich komputerach/ipadach/smartfonach
    otwierała się w ten sam sposób (aktualnie trzeba ją przewijać na mniejszych ekranach a
    zdjęcia stron zajmują różne pozycje)?
    2. Używając Ipada nie mogę się dostać do zakładek menu głównego (na kompach stacjonarnych
    z windowsem nie ma tego problemu). Co robię źle ?

    Z góry dziękuję za pomoc i poświęcony mi czas.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Po pierwsze – musisz się zastanowić, co znaczy „tak samo”. Jeśli masz ekrany o różnych rozdzielczościach, to nie da się wyświetlić strony dokładnie tak samo, bo np. strona nie zmieści się na szerokość, a wtedy musisz ją przewijać albo zmniejszyć jej szerokość.

    Problem z menu – stosujesz „ładne” animowane menu, które jest niepoprawnie napisane i jest niedostępne (nie przewiduje ani braku JS, ani ekranów dotykowych).

    Rozjeżdżanie się elementów – tutaj jest w zasadzie jeszcze gorzej. Kto Cię nauczył, żeby elementy wyrównywać za pomocą spacji? Zwykła nie zadziałała, to użyłeś   i jest OK? A może by tak spróbować się jednak nauczyć choć podstaw HTMLa i CSSa zanim będziesz próbował tworzyć strony responsywne?

    Alternatywa wobec takiej nauki jest jedna – możesz to komuś zlecić.

    Thread Starter Robertunio

    (@robertunio)

    „Tak samo”:
    Miałem na myśli pojawianie się pełnej strony na monitorze dowolnego urządzenia [w odpowiednio (zależnie od przekątnej ekranu i pewnie rozdzielczości) zmniejszonej (smartfony) lub powiększonej(duże monitory) skali] – trochę to zakręciłem :). Rozumiem, że jest to niemożliwe i zależy od rozdzielczości monitorów, którą różni użytkownicy mają niezależnie ustawioną ?

    Menu:
    Co zrobić aby moje „ładne” menu było dostępne dla ekranów dotykowych ? (bardzo bym prosił w tym względzie o pomoc).

    Rozjeżdżanie się elementów:
    Wyrównania za pomocą spacji nauczyłem się sam 🙂
    Z uwagi, iż strona jest traktowana typowo hobbystycznie dlatego jej tworzenie i prowadzenie chciałbym prowadzić samodzielnie.
    Zabiorę się jednak za przyswajanie podstaw HTMLa i CSSa – możesz polecić coś łatwoprzyswajalnego osobie o moim stopniu zawansowania ? 🙂

    Wątpię, żeby ktoś ci dał gotową poradę. Po prostu jest za dużo do zrobienia i nie każdemu chce się pisać co masz po kolei robić. Ja też jestem totalnym laikiem jeśli chodzi o php i w ogóle o robienie stronek. Mam swoją stronę na wordpressie i po ponad miesiącu starań wygląda w końcu tak, jakbym tego chciał. Grunt to wpisywać dobre pytania w google i one cię przeniosę do odpowiednich tematów na forach o wordpress. Rozbij swój temat na mniejsze zapytania i wpisuj w google. Ale tak jak mówię, grunt to wpisać dobre pytanie, a z tym jest problem, gdyż często ciężko sprecyzować swoje słowa po angielsku bo nie wiadomo jakich słów używają ci co robią strony. Ja na twoim miejscu wpisałbym na początek w google ” why my page looks different on tablet and pc wordpress „. Później otwórz sobie jakieś 10 pierwszych wyników, wczytaj się w tekst, wybierz jakieś słowa kluczowe i zacznij dalej szukać aż natrafisz na kogoś kto miał podobny problem i ktoś już mu pomógł. Ja tak robiłem i pamiętam że musiałem robić jakieś theme child’y, dopisywać coś do functions.php, zmieniać coś w style.css i jeszcze jakies zabiegi o których nie miałem i nie mam pojęcia do tej pory ale wszystko działa już tak jak chcę.

    No właśnie tu z poradą jest problem, bo to nie jest tak, że napiszę Ci jedną poradę, zastosujesz się do niej i będzie gotowe.

    Albo inaczej – taka porada brzmiałaby: popraw jakość i dostępność kodu HTML/CSS/JS używanego na stronie. Ale domyślam się, że to nie jest zbyt pomocna porada.

    Niestety albo to komuś zlecisz (wpzlecenia.pl) i będziesz miał z głowy, albo będziesz się musiał po kolei uczyć HTML, CSS, JS, PHP, funkcji WP.

    Jest też 3 wyjście – możesz poszukać gotowego motywu, który będzie spełniał Twoje wymagania. Tylko i tutaj przydałaby się choć podstawowa wiedza z zakresu powyższych zagadnień, bo niestety z jakością motywów różnie bywa i warto umieć ją ocenić, zanim się na dany motyw zdecyduje.

    Thread Starter Robertunio

    (@robertunio)

    Vwrafi i Krzysiek – bardzo dziękuję.
    Najprościej będzie chyba rzeczywiście poszukać nowego motywu, a jeśli to
    nie pomoże – dopiero ostatecznie zabrać się za naukę tych wszystkich dziwnych
    Hatemli i innych skrótów :).
    Czy istnieje gdzieś spis i „tabela” porównawcza motywów aby dokonać właściwego wyboru ?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Temat ‘Jednorodne wyświetlanie strony na rożnych ekranach/urządzeniach’ jest zamknięty na nowe odpowiedzi.