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ć.
„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.
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 ?