Tworzenie niestandardowej strony głównej WordPress

Nie ma tylu rzeczy, które są tak ważne dla Twojej firmy, jak strona główna Twojej witryny. To najlepszy reprezentant Twojej firmy, a także wszystkiego, co w nim dobre i złe , więc naturalnie chcesz, aby zapadł w pamięć. A w jaki sposób udaje się pozostawić silne wrażenie wyjątkowości na odwiedzających jego witrynę? Oczywiście tworząc niestandardową stronę główną WordPress. Jeśli miałeś wcześniej problemy z tworzeniem stron docelowych, możesz pomyśleć, że będzie to misja niemożliwa. W stale rozwijającym się i stale rozwijającym się świecie WordPressa coś takiego nie istnieje.

Wybór strony, która ma być używana jako strona główna

Zwykle pierwszy krok jest zawsze najbardziej skomplikowany. I może tak wyglądać w tym przypadku, ale wkrótce zdasz sobie sprawę, że jest inaczej, gdy zaczniesz proces. Aby rozpocząć proces, przejdź do Strony – Dodaj nowy, utwórz stronę, której nazwiesz Dom, a następnie ją opublikuj . W tym momencie projekt i układ strony nie powinny być Twoim głównym zmartwieniem. To przychodzi później. Teraz, pod warunkiem, że chcesz umieścić sekcję blogu w swojej witrynie, utwórz osobną stronę bloga, powtarzając ten sam proces. Jedynym wyjątkiem jest nazwanie tej strony blogiem, a nie Home.

Przejdź do strony Ustawienia – Czytanie i w sekcji „Wyświetlanie Twojej strony głównej” wybierz opcję „Strona statyczna”. Wybierz dwie strony, które wcześniej utworzyłeś jako stronę główną i stronę bloga, i nie zapomnij „Zapisz zmiany ” po zakończeniu. Czy nie mówiliśmy ci, że to nie jest tak skomplikowane, jak się wydaje? Jedną z zalet korzystania z witryny WordPress jest właśnie jej prostota. A teraz, gdy masz już puste płótno w postaci strony głównej, możemy zacząć ją dostosowywać!

Korzystanie z edytora Gutenberg do tworzenia niestandardowej strony głównej WordPress

Kiedy wydawca Gutenberga wystartował w grudniu 2018 roku, opinia publiczna była podzielona. Niektórzy postrzegali to jako świetne ulepszenie, a inni nie wyobrażali sobie przejścia na Gutenberga po tak długiej pracy z klasycznym edytorem. Bez względu na to, w którą stronę medalu wierzysz, jednego nie można zaprzeczyć – Gutenberg ułatwia tworzenie pięknych stron i postów. Edytor Gutenberga wykorzystuje bloki dla każdego elementu treści i sprawia, że ​​ich manewrowanie jest tak proste, jak to tylko możliwe. Masz bloki, które mogą być użyte jako media, tekst, okładki, kolumny – ty to nazywasz.

Jeśli chcesz, aby edycja była jeszcze prostsza (i przyjemniejsza), możesz użyć motywu WordPress przygotowanego przez Gutenberga, takiego jak Astra. Wszystko, co musisz zrobić, to zaimportować szablon i puścić wodze fantazji podczas edycji i dostosowywania. Efekt końcowy? Piękna, profesjonalna i niepowtarzalnie wyglądająca strona główna!

Kreatory stron pomogą Ci stworzyć niestandardową stronę główną WordPress

Gdybyśmy mieli wybrać najłatwiejszy sposób stworzenia własnej strony głównej WordPress, prawdopodobnie byłaby to ta. Nie wymaga żadnych umiejętności kodowania – wystarczy zainstalować i aktywować wtyczkę do tworzenia stron WordPress. Umożliwi Ci tworzenie pięknych układów dzięki interfejsowi przeciągania i upuszczania . Z pewnością brzmi to zachęcająco, prawda? Cóż, korzystanie z kreatorów stron jest tak proste, jak się wydaje.

Po wybraniu kreatora stron, którego chcesz użyć, wybierz niestandardowy szablon strony głównej , który powinieneś zainstalować za pomocą kilku kliknięć. Teraz będziesz mógł zastąpić tekst, obrazy i treść własnymi , a nawet rozszerzyć szablon, dodając różne sekcje. Pamiętaj, wszystko to bez konieczności pisania nawet jednej linijki kodu!

Ręczne tworzenie niestandardowej strony głównej WordPress

Teraz sprawy się komplikują. Podczas gdy poprzednie dwie metody nie wymagały żadnych umiejętności kodowania, ta wymaga. Aby w ogóle odważyć się wypróbować tę metodę, musisz znać CSS, HTML, PHP i kilka podstawowych praktyk kodowania. Jak to będzie działać i jak dokładnie będziesz musiał wykorzystać swoje umiejętności kodowania?

Ponieważ WordPress składa się z różnych plików, a niektóre z nich nazywane są szablonami i kontrolują różne obszary Twojej witryny, musisz znaleźć szablon oznaczony jako front-page.php. Jeśli go nie ma, będziesz musiał utworzyć zupełnie nowy font-page.php. Ten szablon będzie używany do wyświetlania Twojej strony głównej przez WordPress. Jeśli utworzyłeś nową stronę, ten szablon będzie całkowicie pusty. To wtedy możesz zacząć dodawać kod HTML, aby pokazać różne elementy swojej wkrótce pięknej strony głównej.

Jeśli zdecydujesz się na ręczne utworzenie strony głównej, zalecamy użycie motywu podrzędnego lub własnego motywu niestandardowego. Zmiana plików motywu nadrzędnego może być niebezpieczna, ponieważ może spowodować, że zmiany zostaną nadpisane, jeśli zaktualizujesz motyw. A czy wiesz, że zamiast używać front-page.php, możesz również stworzyć własny szablon i użyć go na swojej stronie głównej? Oto, jak utworzyć ten szablon w motywie podrzędnym lub niestandardowym.

Utwórz nowy plik w katalogu głównym motywu o nazwie homepage.php.
Dodaj następujący kod:
<?php / Nazwa szablonu: Strona główna*/ ?>*

<?php get_header(); ?>

< div id=”primary” class=”content-area”>

<main id=”main” class=”site-main” role=”main”>

</main><!– .site-main –>

</div><!– .content-area ->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Utwórz nową stronę w WordPress i w sekcji Atrybuty strony, powinieneś teraz mieć stronę główną pod szablonem. Wybierz to zamiast domyślnego szablonu. Oczywiście nie zapomnij przejść do Ustawienia-> Czytanie i Uczyń tę stronę swoją stroną główną. Teraz możesz dowolnie dostosować swoją stronę główną za pomocą HTML CSS PHP i JavaScript.

Oczywiście dużo łatwiej byłoby wykorzystać już istniejący kod i szablon, niż tworzyć zupełnie nowe. W takiej sytuacji możesz użyć niektórych elementów, takich jak nagłówek i stopka , a inne usunąć. Nie wiemy o Tobie, ale nasz zespół WP Full Care uważa, że ​​jest to znacznie łatwiejsze podejście. Nasz zespół zajmie się również stworzeniem pięknego, niestandardowego nagłówka i stopki dla Twojej nowej, uroczej witryny.

Która metoda będzie dla Ciebie najlepsza?

Jeśli jesteś początkującym w świecie WP, odpowiedź jest dość prosta, prawda? Pisanie linijek kodu będzie dla Ciebie w tej chwili zbyt dużym zadaniem. Na szczęście masz dwie świetne i proste metody tworzenia niestandardowej strony głównej WordPress. W końcu edytor Gutenberg i różne programy do tworzenia stron sprawiają, że tworzenie unikalnych treści jest bardzo łatwe. Jeśli z drugiej strony czujesz się gotowy, by rzucić sobie wyzwanie, dlaczego nie wybrać trzeciej metody? Chociaż przy tym będziesz musiał mieć się na baczności. Pisanie linii kodu nigdy nie jest prostym zadaniem. Daleko stąd. Jest dużo miejsca na błędy i może się to zdarzyć, kiedy najmniej się tego spodziewasz. Poza tym, przy wszystkich prostszych opcjach, naprawdę musisz się zastanowić, czy warto byłoby przejść przez kłopoty.