Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak edytować witrynę internetową WordPress (najlepszy przewodnik)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Jesteś nowym użytkownikiem WordPress.org, który chce nauczyć się edytować twoją witrynę WordPress?

W WPBeginner pomogliśmy milionom początkujących w tworzeniu witryn internetowych za pomocą WordPressa, który jest najpopularniejszym narzędziem do tworzenia witryn na rynku. Jeśli potrzebujesz pomocy w edycji twojej witryny internetowej, to trafiłeś we właściwe miejsce.

W tym artykule przedstawimy podstawy edycji witryny internetowej WordPress.

How to Edit a WordPress Website (Ultimate Guide)

Przegląd sposobów edycji witryny WordPress

Jako system zarządzania treścią o otwartym kodzie źródłowym, WordPress ma wiele funkcji do budowania i edytowania twojej witryny internetowej.

Jeśli niedawno zainstalowałeś WordPressa, to być może natknąłeś się na Gutenberg, który jest edytorem bloków WordPress typu „przeciągnij i upuść”, który pozwala dostosować stronę lub wpis. Funkcja ta jest dość łatwa i przyjazna dla początkujących.

The Gutenberg block editor interface

Być może widziałeś już także edytor pełnej witryny.

Jest to rozszerzenie Gutenberga, które umożliwia korzystanie z edytora bloków w celu dostosowania motywów WordPress opartych na blokach.

The WordPress Full Site Editor

To powiedziawszy, jeśli używasz klasycznego, nie-blokowego motywu WordPress, to FSE nie będzie dla ciebie dostępne. Zamiast tego będziesz musiał użyć konfiguratora motywu WordPress.

Ta funkcja nie jest wyposażona w funkcję „przeciągnij i upuść”, więc nie jest tak przyjazna dla użytkownika. Musisz edytować swój motyw za pomocą niektórych ustawień menu w lewym panelu.

Using the WordPress Theme Customizer to edit a transportation and logistics website

Jeśli potrzebujesz więcej opcji konfiguratora, które nie są dostępne we wbudowanych funkcjach WordPressa, możesz zainstalować wtyczkę do tworzenia stron, taką jak SeedProd.

To jest to, co zwykle polecamy początkującym użytkownikom WordPressa. Podobnie jak Gutenberg, SeedProd ma funkcję przeciągania i upuszczania. Oferuje jednak więcej sposobów na kreatywność, takich jak efekty animacji i więcej opcji bloków treści do tworzenia twoich stron.

Editing the online coaching business theme in SeedProd

Niektórzy użytkownicy WordPressa korzystają również z klasycznego edytora. Jest to starszy edytor stron i wpisów WordPressa, który wygląda trochę jak edytor dokumentów.

Funkcja ta nie jest już domyślnie włączona w najnowszych wersjach WordPressa. Jednak niektórzy ludzie nadal z niej korzystają, ponieważ są z nią bardziej zaznajomieni i chcą zachować swoje obecne, aktualne projekty witryn internetowych.

The Classic Editor Interface

W tym artykule pokażemy ci, jak edytować różne części twojej witryny internetowej WordPress za pomocą edytorów, o których wspomnieliśmy.

Zakładamy również, że masz już zainstalowany i skonfigurowany WordPress. W przeciwnym razie będziesz potrzebować planu hostingowego WordPress, nazwy domeny i instalacji WordPress.

Chcesz przejść do konkretnej sekcji tego poradnika? Skorzystaj z poniższych odnośników:

Jak edytować motyw WordPress

Jedną z pierwszych rzeczy, które powinieneś zrobić po zainstalowaniu WordPressa, jest wybór i dostosowanie własnego motywu. Pokażemy ci 3 sposoby, aby to zrobić.

Dostosowanie motywu blokowego za pomocą pełnego edytora witryny

Pełna edycja witryny została wprowadzona w WordPress 5.9. Ma ona na celu ułatwienie edycji motywów blokowych WordPress za pomocą edytora bloków.

Jednym ze znaków ostrzegawczych, że używasz blokowego motywu WordPress, jest to, że zobaczysz Wygląd ” Edytor w obszarze administracyjnym WordPress. Jeśli zamiast tego zobaczysz Wygląd ” Dostosuj, możesz przejść do korzystania z konfiguratora motywu.

Clicking Appearance Editor in the WordPress admin

Aby korzystać z Edytora Pełnej Witryny, musisz mieć zainstalowany motyw blokowy. Wiele z nich można znaleźć na naszej liście najlepszych blokowych motywów WordPress do pełnej edycji witryny.

Jeśli chcesz znaleźć darmowe opcje, przejdź do Wygląd ” Motywy. Następnie kliknij „Utwórz nowy motyw”.

Adding a new WordPress theme in the admin area

Następnie wystarczy przejść do karty „Blokuj motywy”.

Następnie na twoim ekranie pojawią się dziesiątki motywów blokowych. Aby uzyskać instrukcje instalacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować motyw WordPress.

Finding WordPress block themes in the admin area

Po zainstalowaniu motywu należy przejść do sekcji Wygląd ” Edytor.

Teraz zobaczysz główny kokpit edycji całej witryny. Możesz edytować menu nawigacyjne, style, strony, wzorce i szablony twojego motywu.

Omówimy te tematy w dalszej części poradnika, ale pokażemy pokrótce, jak zmienić styl twojego motywu.

Aby to zrobić, kliknij menu „Style”.

Clicking Styles in the Full Site Editing interface

Teraz zobaczysz listę schematów kolorów i par typograficznych dostarczonych przez motyw.

Za każdym razem, gdy klikniesz styl, interfejs wyświetli jego podgląd.

Choosing a theme style in the Full Site Editor

Gdy twój wybór będzie satysfakcjonujący, kliknij „Zapisz”. Alternatywnie można utworzyć własny styl.

Możesz dowiedzieć się więcej o tym i innych sposobach korzystania z Edytora pełnych witryn w naszym przewodniku dla początkujących na temat edytowania pełnych witryn WordPress.

Dostosowanie klasycznego motywu za pomocą konfiguratora motywów

Jeśli korzystasz z klasycznego motywu WordPress, będziesz pracować z konfiguratorem motywu, aby go edytować. Aby uzyskać do niego dostęp, wystarczy przejść do sekcji Wygląd ” Konfigurator w obszarze administracyjnym WordPress.

Opening the WordPress theme customizer

To, co można tutaj konfigurować, zależy od używanego motywu.

Na przykład, jeśli masz motyw Astra, możesz dostosować styl całej witryny internetowej, nagłówka, stopki, panelu bocznego, strony, logo i tak dalej.

Z tego powodu zalecamy zapoznanie się z dokumentacją twojego motywu, aby uzyskać więcej instrukcji.

What the Theme Customizer looks like for Astra theme

Nasz przewodnik po konfiguratorze motywu może dostarczyć bardziej szczegółowych wskazówek.

Po wprowadzeniu twoich zmian możesz wyświetlić podgląd witryny internetowej w różnych rozdzielczościach ekranu. Następnie możesz nacisnąć przycisk „Opublikuj” u góry, aby wprowadzić twoje zmiany.

Publishing a classic WordPress theme in the Theme Customizer

Jedną z wad konfiguratora motywu jest to, że jego obsługa nie jest tak elastyczna i łatwa jak w przypadku edytora bloków. Jeśli tak uważasz, zalecamy skorzystanie z następnej metody.

Dostosowanie własnego motywu WordPress za pomocą wtyczki Page Builder

Wielu użytkowników WordPressa, którzy nie są zadowoleni z wbudowanych funkcji projektowania platformy, korzysta z kreatora stron do edycji swojej witryny. Jest to wtyczka WordPress, która może zastąpić domyślny edytor do projektowania różnych części twojej witryny internetowej.

Większość kreatorów stron posiada funkcję „przeciągnij i upuść”, więc są one równie łatwe w użyciu jak edytor bloków. Co więcej, zawierają one więcej bloków stron i szablonów, aby spersonalizować twoją witrynę internetową.

Spośród wszystkich kreatorów stron, które wypróbowaliśmy, SeedProd jest naszym zdaniem najlepszy. Zawiera ponad 300 szablonów dla różnych kategorii branżowych, od e-handlu i zakwaterowania po usługi.

Aby dowiedzieć się więcej, zobacz naszą szczegółową recenzję SeedProd.

SeedProd Website and Theme Builder

Uwaga: Chociaż SeedProd jest dostępny w wersji darmowej, zalecamy uaktualnienie do planu Pro, aby uzyskać dostęp do Kreatora motywów. To właśnie z niego będziemy korzystać w tym poradniku.

Aby korzystać z SeedProd, należy najpierw zainstalować wtyczkę WordPress. Następnie przejdź do SeedProd ” Ustawienia , aby włączyć twoją licencję planu Pro. Wystarczy wstawić twój klucz licencyjny i kliknąć „Zweryfikuj klucz”, aby zakończyć ten krok.

Verifying SeedProd Pro's license key

Następnie przejdź do SeedProd ” Theme Builder.

Wystarczy kliknąć„Zestawy szablonów motywów„, aby zobaczyć opcje twojego motywu.

Accessing SeedProd's Theme Template Kits

Jak widać, dostępnych jest wiele zestawów szablonów motywów, od sklepów internetowych po witryny usługowe. Zachęcamy do skorzystania z ustawień filtrowania i sortowania, aby znaleźć odpowiedni dla twoich potrzeb.

Po dokonaniu twojego wyboru, po prostu najedź kursorem na szablon motywu i kliknij pomarańczowy przycisk zaznaczenia, aby go użyć.

Choosing a theme template kit in SeedProd

Teraz wystarczy wrócić do strony Theme Builder i wybrać szablon motywu, który chcesz edytować.

W celach demonstracyjnych pokażemy, jak edytować styl twojego szablonu motywu SeedProd. Aby to zrobić, znajdź szablon motywu „Global CSS”, najedź na niego kursorem i kliknij „Edytuj projekt”.

Editing a theme template kit's Global CSS in SeedProd

Znajdujesz się teraz w kreatorze stron SeedProd i możesz dostosować styl twojego motywu. Tutaj możesz zmienić kolory, kroje pisma, tła, przyciski, formularze i układ twojej witryny internetowej.

Zobaczmy, jak zmienić domyślny krój pisma motywu. Aby to zrobić, otwórz menu „Czcionki”. Następnie wybierz jedną z wielu opcji czcionek i kolorów SeedProd dla nagłówka i tekstu głównego.

Wszystkie wprowadzone zmiany pojawią się automatycznie w podglądzie po prawej stronie.

Changing a SeedProd theme template kit font in the Global CSS theme template

Gdy będziesz zadowolony ze stylu, po prostu kliknij „Zapisz”, aby zmiany stały się oficjalne.

Następnie możesz wrócić do SeedProd ” Theme Builder i włączyć przełącznik „Enable SeedProd Theme” w prawym górnym rogu.

Enabling the SeedProd theme template kit in WordPress

Więcej informacji na temat edycji motywów WordPress za pomocą SeedProd można znaleźć w naszym przewodniku na temat łatwego tworzenia własnego motywu WordPress.

Jak edytować stronę lub wpis WordPressa

Jeśli zaktualizowałeś WordPress do najnowszej wersji, to najprawdopodobniej używasz edytora bloków Gutenberg do edycji strony lub wpisu.

Możesz utworzyć nową stronę, przechodząc do Pages ” Add New Page. Spowoduje to automatyczne utworzenie całkowicie pustej strony i przekierowanie do edytora bloków.

Z drugiej strony, jeśli chcesz edytować istniejącą stronę, taką jak strona główna lub strona bloga, możesz przejść do Strony ” Wszystkie strony. Najedź kursorem na stronę, którą chcesz edytować, a następnie kliknij „Edytuj”.

Clicking the Edit button to edit an existing WordPress page

Dostępna jest również funkcja szybkiej edycji.

Pozwala to na modyfikację tytułu strony, uproszczonej nazwy adresu URL i daty ostatniej modyfikacji.

Clicking the Quick Edit button in the WordPress Pages page

Funkcja szybkiej edycji umożliwia wykonywanie różnych czynności.

Przykłady obejmują ustawienie hasła dla strony, uczynienie jej prywatną, przypisanie jej jako strony nadrzędnej, zmianę szablonu strony, zezwolenie/zabronienie komentarzy i zmianę statusu strony.

The Quick Edit feature for WordPress pages

Aby utworzyć nowy wpis, wystarczy przejść do sekcji Wpisy ” Dodaj nowy wpis, aby utworzyć nowy pusty wpis i edytować go za pomocą edytora bloków.

Podobnie jak wcześniej, możesz edytować istniejący wpis na blogu WordPress, najeżdżając kursorem na wybrany wpis i klikając „Edytuj”.

The WordPress Posts interface in the WordPress admin area

Funkcja szybkiej edycji wpisów jest podobna, ale z kilkoma drobnymi różnicami.

W tym miejscu można również dodawać tagi, zezwalać/nie zezwalać na pingi i ustawiać wpisy jako przypięte (dostępne na twojej witrynie internetowej).

The Quick Edit feature for WordPress blog posts

Po otwarciu strony lub wpisu WordPress, istnieje wiele rzeczy, które można zrobić w edytorze bloków.

Zazwyczaj zaczyna się od kliknięcia przycisku dodawania bloku „+” w lewym górnym rogu.

To tutaj znajdziesz wszystkie dostępne bloki z WordPressa i wtyczek, których używasz.

Opening the block inserter library in WordPress

Następnie można przeciągnąć i upuścić blok do głównego obszaru edycji.

Następnie można użyć paska narzędzi bloku i panelu bocznego ustawień, aby skonfigurować styl, wymiary, odstępy i inne elementy bloku.

The block settings sidebar in WordPress

Jeśli zainstalowałeś wtyczkę WordPress, możesz również zobaczyć niektóre ustawienia poniżej interfejsu edycji.

Na przykład, wtyczka All in One SEO pokaże ci sekcję, w której możesz zoptymalizować meta tytuł i opis strony lub wpisu pod kątem wyszukiwarek.

The AIOSEO settings in the WordPress block editor

Mamy wiele przewodników, dzięki którym dowiesz się więcej o edycji wpisów i stron, więc koniecznie je sprawdź:

Jak edytować stronę lub wpis WordPress za pomocą klasycznego edytora?

Jeśli chcesz korzystać z Edytora klasycznego, musisz go włączyć. Aby to zrobić, możesz przeczytać nasz artykuł na temat wyłączania Gutenberga i włączania Edytora klasycznego.

Następnie wystarczy utworzyć nowy wpis lub stronę, przechodząc do sekcji Wpisy Dodaj nowy wpis lub Strony Dodaj nową stronę, a na twoim ekranie pojawi się edytor klasyczny.

The WordPress classic editor

W przeciwieństwie do edytora bloków, nie będziesz dodawać bloków, aby wstawić treść do twojej strony lub wpisu. Zamiast tego możesz jedynie wpisywać rodzaj tekstu, formatować go za pomocą elementów sterujących w górnej części panelu edycji i dodawać pliki multimedialne do twojej treści, klikając przycisk „Dodaj multimedia”.

Na dole i po bokach interfejsu edycji znajdują się ustawienia umożliwiające publikację strony/postu, ustawienie kategorii/tagów strony lub wpisu, przesłanie obrazka wyróżniającego itd.

Można również przełączać się między trybem edycji wizualnej i tekstowej. Za pomocą drugiego edytora można modyfikować kod HTML wpisu lub strony.

The text editing mode in the WordPress classic editor

Jak edytować stronę WordPress za pomocą kreatora stron?

Jeśli używasz już kreatora stron, takiego jak SeedProd, do edycji twojego motywu, możesz go również użyć do edycji strony. W ten sposób możesz zachować spójność twojego projektu na wszystkich stronach.

Należy utworzyć nową stronę i otworzyć edytor bloków. Jeśli program SeedProd jest włączony, u góry pojawi się przycisk z napisem „Edytuj za pomocą SeedProd”. Śmiało i kliknij go.

Można to również zrobić z istniejącą stroną. Należy jednak pamiętać, że treść nie zostanie przeniesiona i konieczne będzie utworzenie strony od podstaw.

Clicking the Edit with SeedProd button in the WordPress block editor

W kreatorze stron zobaczysz, że nagłówek i stopka motywu SeedProd zostały dodane. Wszystko, co musisz zrobić, to rozpocząć tworzenie strony.

Najpierw wybierz jeden z 8 układów do wykorzystania na stronie.

Choosing a layout for the section in a SeedProd theme template

Po lewej stronie znajdują się wszystkie bloki i sekcje, które można przeciągnąć i upuścić na prawą stronę, czyli podgląd szablonu.

Za ich pomocą można wstawić treść na stronę.

SeedProd's block library

Za każdym razem, gdy klikniesz blok lub sekcję, po lewej stronie pojawią się dostępne ustawienia umożliwiające dostosowanie danego elementu.

Na poniższym zrzucie ekranu widać, że kliknięcie bloku Tekst spowoduje wyświetlenie ustawień bloku. Możesz dostosować tekst, wstawić dynamiczną treść, edytować HTML, zmienić wyrównanie itd.

Customizing SeedProd's text block settings

Po zakończeniu edycji strony nie zapomnij kliknąć „Zapisz”, aby wprowadzić zmiany.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat tworzenia własnej strony w WordPress.

Jeśli chcesz stworzyć własną stronę docelową od podstaw, możesz to również zrobić za pomocą SeedProd. Wszystko, co musisz zrobić, to przejść do SeedProd ” Landing Pages. Następnie kliknij przycisk „+ Dodaj nową stronę docelową”.

Create a new landing page in SeedProd

Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem na temat tworzenia własnej strony docelowej.

Alternatywa: Thrive Architect to kolejna świetna opcja kreatora stron do projektowania atrakcyjnych i skoncentrowanych na konwersji stron docelowych.

Możesz również edytować nagłówek WordPress, stopkę, panel boczny i inne fragmenty szablonu twojego motywu.

Są to sekcje na twojej witrynie, które nie są częścią głównej treści strony lub wpisu. Są one jednak niezbędne do podania dodatkowych informacji lub pomocnej nawigacji.

Sposób edycji tych sekcji zależy od używanego motywu, więc przejdźmy przez każdą z opcji.

Jak edytować nagłówek, stopkę i inne fragmenty szablonu motywu blokowego?

Jeśli masz motyw blokowy, możesz użyć Edytora całej witryny, aby edytować nagłówek i stopkę twojego motywu.

W pełnym edytorze witryny nagłówek i stopka są uważane za fragmenty szablonu. Są one również znane jako wzorce WordPress (zestaw bloków wielokrotnego użycia), które pojawiają się w całej twojej witrynie internetowej.

Inne przykłady fragmentu szablonu obejmują sekcję komentarzy i meta wpisu.

Na potrzeby przykładu pokażemy, jak edytować twój nagłówek WordPress, ale możesz powtórzyć te kroki z innymi fragmentami szablonu.

Najpierw przejdź do Wygląd „ Edytor . Gdy znajdziesz się w pełnym edytorze witryny, po prostu kliknij „Wzorce”.

Clicking the Patterns menu in the Full Site Editor

Zobaczysz teraz listę wzorców dostarczonych przez twój motyw WordPress.

Przejdź dalej i przewiń w dół do sekcji Fragmenty szablonu. Następnie wybierz „Nagłówek” i kliknij fragment szablonu Header.

Opening the header template part in the WordPress Full Site Editor

Teraz należy kliknąć przycisk ołówka obok tekstu nagłówka.

Spowoduje to otwarcie edytora bloków.

Clicking the pencil button to edit the header using the Full Site Editor

Edytor bloków działa tak samo z fragmentami szablonu, jak ze stronami i wpisami. Możesz dodać różne bloki do nagłówka, skonfigurować blok i zaktualizować zmiany po zakończeniu.

Nagłówki zazwyczaj zawierają logo witryny (lub ikonę favicon), więc możesz dodać je również tutaj.

Adding the Site Logo block to the header in the Full Site Editor

Jeśli chcesz całkowicie zmienić wygląd nagłówka, ale nie wiesz od czego zacząć, kliknij przycisk dodawania bloku „+” w lewym górnym rogu.

Następnie przejdź do karty „Wzorce” i kliknij „Nagłówki”. Znajdziesz tam wiele gotowych do użycia układów nagłówków.

Finding WordPress header patterns in the Full Site Editor

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dostosowywania własnego nagłówka WordPress.

Po zakończeniu zmiany nagłówka kliknij przycisk „Zapisz”. Ponieważ nagłówek jest zsynchronizowanym fragmentem szablonu, wszystkie zmiany wprowadzone tutaj będą obowiązywać na wszystkich stronach, które używają nagłówka.

Teraz, jeśli chcesz utworzyć nowy nagłówek lub inne fragmenty szablonu zamiast edytować istniejące, możesz wrócić do strony „Wzorce”. Następnie kliknij przycisk „+ Utwórz wzorzec” i wybierz opcję „Utwórz fragment szablonu”.

Creating a new template part in the Full Site Editor

W wyskakującym okienku nadaj fragmentowi szablonu nazwę i wybierz jego rodzaj.

Następnie kliknij „Utwórz”. Zostaniesz przekierowany do edytora bloków i będziesz mógł edytować fragment szablonu jak zwykle.

The Create template part popup in the WordPress Full Site Editor

Więcej szczegółów można znaleźć w naszym kompletnym przewodniku po pełnej edycji witryny WordPress.

Jak edytować nagłówek, stopkę i inne obszary WordPress gotowe na widżety w klasycznym motywie?

W klasycznym motywie WordPress widżet jest w zasadzie blokiem, który można dodać do obszarów obsługujących widżety, takich jak nagłówki, stopki, panele boczne itp.

Każdy klasyczny motyw WordPress ma różne obszary przystosowane do widżetów. Niektóre mogą zawierać panel boczny, a inne nie. Aby uzyskać więcej informacji, zapoznaj się z dokumentacją twojego motywu.

Aby korzystać z widżetów, należy przejść do Wygląd ” Widżety. Tutaj można dodawać, konfigurować i usuwać bloki w dostępnych obszarach przystosowanych do widżetów.

Adding the FlipBox widget to a sidebar or similar section

Dowiedz się więcej o widżetach w naszym artykule Jak dodawać i używać widżetów w WordPress.

Zapoznaj się również z naszym przewodnikiem na temat różnicy między widżetami i blokami, aby dowiedzieć się więcej o tej funkcji.

Jak edytować nagłówek, stopkę i inne fragmenty szablonu WordPress za pomocą kreatora stron?

Jedną z zalet korzystania z kreatora stron jest to, że będziesz mieć więcej opcji dostosowywania nagłówków, stopek, paneli bocznych i innych części twojego motywu.

Jeśli korzystasz z SeedProd, możesz przejść do SeedProd ” Theme Builder. Zakładamy, że wcześniej zainstalowałeś zestaw szablonów motywów.

Zestaw zazwyczaj zawiera różne szablony motywów. Może to być wbudowany szablon strony, taki jak 404 lub pojedynczy wpis, lub fragment strony, taki jak nagłówek, stopka, tabele cen itp.

Najedź kursorem na szablon motywu. Następnie kliknij „Edytuj projekt”.

Editing the header theme template in SeedProd

Teraz możesz edytować nagłówek w taki sam sposób, jak w przypadku strony.

Powiedzmy, że chcesz dodać tutaj swoje odnośniki do mediów społecznościowych. Możesz najechać kursorem na nagłówek, aż pojawi się niebieska ramka i kliknąć przycisk „+ Dodaj wiersz”. Następnie wybierz układ wierszy.

W naszym przykładzie chcemy dodać jeszcze jedną kolumnę, aby w nagłówku zmieścił się obrazek, menu i odnośniki do mediów społecznościowych. Oznacza to, że będziemy potrzebować trzech kolumn w jednym wierszu.

Choosing a row layout in SeedProd

Następnie można przeciągnąć i upuścić bloki z górnego rzędu do nowego rzędu.

Następnie usuń górny wiersz, aby twój nowy wiersz stał się nowym nagłówkiem.

Deleting a previous row in a SeedProd section

Teraz wystarczy poszukać bloku Profile społecznościowe w panelu po lewej stronie.

Przeciągnij go do prawej kolumny i gotowe.

Adding the Social Profiles block in the header in SeedProd

Aby uzyskać więcej informacji na temat edycji fragmentów szablonu, możesz przeczytać te poradniki WordPress:

Jak edytować menu nawigacyjne w WordPress

Menu nawigacyjne ułatwia odwiedzającym zapoznanie się z całą treścią twojej witryny internetowej bez zagubienia się w niej. Dlatego ważne jest, aby zaprojektować menu, które pokazuje twoje najważniejsze strony i odnośniki do innych istotnych informacji.

Jeśli korzystasz z blokowego motywu WordPress, możesz wybrać menu „Nawigacja” ze strony pełnego edytora witryny.

Selecting Navigation in WordPress Full Site Editing

Nasz artykuł na temat dodawania własnych menu nawigacyjnych w WordPressie przeprowadzi Cię przez pozostałe kroki.

Jeśli korzystasz z klasycznego motywu WordPress, możesz przejść do Wygląd ” Menu. Jest to dedykowana strona, na której możesz dodawać, układać i usuwać strony/wpisy i odnośniki do twojego menu.

How to add a WordPress navigation menu to your site or blog

Aby uzyskać instrukcje krok po kroku, możesz zapoznać się z naszym przewodnikiem dla początkujących, jak dodać menu nawigacyjne w WordPress.

Jeśli korzystasz z kreatora stron, takiego jak SeedProd, to twoje menu nawigacyjne (blok Nav Menu) mogło zostać osadzane w twoim motywie nagłówka.

Blok menu nawigacyjnego będzie już zawierał wszystkie twoje strony, ale możesz też utworzyć nowe pozycje.

Najpierw przejdź do SeedProd „ Theme Builder z twojego kokpitu WordPress. Następnie znajdź szablon motywu „Nagłówek” i kliknij „Edytuj projekt”.

Editing the header theme template in SeedProd

Teraz najedź kursorem na blok, który wygląda jak menu. Powinien to być blok „Nav Menu”.

Następnie przewiń w dół na lewym panelu i kliknij „+ Dodaj nowy utwórz”.

Następnie możesz dostosować tekst kotwicy, wpisz adres URL, otwórz go w nowym oknie i ustaw jako nofollow.

Adding new menu items in SeedProd

W dolnej części można zmienić wielkość liter odnośników, odstępy między nimi, podział i wyrównanie.

Nie zapomnij kliknąć „Zapisz”, aby wprowadzić zmiany.

Configuring the Nav Menu block in SeedProd

Jak edytować witrynę WordPress za pomocą kodu

Jeśli dobrze czujesz się z kodem, możesz również użyć własnych fragmentów kodu do edycji twojej witryny internetowej WordPress. Zalecamy jednak tę metodę tylko wtedy, gdy masz odpowiednią wiedzę techniczną, aby uniknąć zepsucia twojej witryny internetowej.

Jednym ze sposobów edycji witryny WordPress za pomocą kodu jest dodanie CSS, który jest arkuszem stylów, który może zmienić wygląd HTML na front-endzie.

Użytkownicy klasycznego motywu mogą przejść do Wygląd „ Dostosuj i znaleźć pole „Dodatkowy CSS” w konfiguratorze motywu.

Tutaj można wstawić kod CSS, aby nadać styl różnym elementom HTML, takim jak kolory i czcionki.

Może to być przydatne, jeśli wbudowane opcje twojego motywu nie są wystarczające dla twoich potrzeb.

Adding custom CSS in WordPress

Jeśli chodzi o użytkowników motywów blokowych, nie można dodawać własnych CSS w pełnym edytorze witryny.

Zamiast tego należy przejść pod poniższy adres URL, aby otworzyć konfigurator motywu i znaleźć pole Dodatkowe CSS. Upewnij się, że zastąpiłeś nazwę domeny twoją własną.

https://example.com/wp-admin/customize.php

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat poprawki brakującego konfiguratora motywu w WordPress.

Innym sposobem na dodanie CSS jest CSS Hero. Ta wtyczka sprawia, że dodawanie własnego CSS do motywów WordPress jest łatwe, nawet dla początkujących. Jeśli jesteś zainteresowany jej użyciem, zapoznaj się z naszą recenzją CSS Hero.

Jak edytować pliki motywu WordPress

Czasami niektóre poradniki mogą wymagać edycji plików motywu WordPress w celu wprowadzenia zmian wykraczających poza to, na co pozwalają wbudowane funkcje motywu. W takim przypadku zalecamy:

Edycja pliku motywu WordPress wymaga przejścia do twojego katalogu plików WordPress z zaplecza. Aby to zrobić, musisz otworzyć menedżera plików dostawcy hostingu lub połączyć się z witryną internetową za pomocą klienta FTP.

Jeśli korzystasz z Bluehost, możesz przejść do kokpitu i otworzyć kartę „Witryny internetowe”. Następnie kliknij „Ustawienia” na witrynie internetowej, dla której chcesz otworzyć pliki motywu.

Opening Bluehost's website settings

Teraz wystarczy przewinąć w dół do sekcji „Szybkie odnośniki”.

Następnie kliknij „Menedżer plików”. Jeśli nie jesteś pewien, gdzie znajduje się twój katalog główny, możesz sprawdzić funkcję „Document Root”, aby zobaczyć jego ścieżkę.

Opening Bluehost's file manager

Po wejściu do menedżera plików możesz przejść do katalogu głównego twojej witryny internetowej (zwykle o nazwie public_html).

Następnie przejdź do katalogu /wp-content/themes i znajdź swój obecny, aktualny motyw.

An example of what the WordPress theme files look like in the Bluehost file manager

Następnie znajdziesz wszystkie pliki twojego motywu WordPress, które możesz edytować za pomocą edytora tekstu.

Oto kilka rzeczy, które można zrobić edytując pliki motywu WordPress:

Jak bezpiecznie wstawić własny kod do WordPressa?

Jeśli chcesz utworzyć własny kod zamiast edytować kod, który już znajduje się w plikach twojego motywu, zalecamy użycie WPCode. Jest to najlepsza wtyczka do fragmentów kodu WordPress, umożliwiająca łatwe wstawienie i zarządzanie fragmentami własnego kodu.

WPCode - Best WordPress Code Snippets Plugin

Dzięki tej wtyczce nie będziesz musiał się martwić, że przypadkowo zepsujesz swoją witrynę internetową. WPCode poinformuje Cię o błędach w kodzie i wyłączy go. Ponadto możesz tworzyć krótkie kody PHP, aby wstawić własną treść do twojej witryny internetowej.

Aby zobaczyć WPCode w działaniu, możesz zapoznać się z naszą pełną recenzją WPCode w Centrum Rozwiązań WPBeginner.

Jaki jest najlepszy sposób edycji witryny WordPress dla początkujących?

Początkującym zawsze zalecamy zainstalowanie wtyczki page builder, takiej jak SeedProd, do edycji witryn internetowych WordPress. Powodem jest to, że jest on tak samo łatwy w użyciu jak edytor bloków, ale daje znacznie większą kontrolę nad twoją witryną internetową.

Jeśli nie chcesz używać wtyczki, następną najlepszą rzeczą jest motyw blokowy z pełnym edytorem witryny. Funkcja ta nie jest jeszcze w pełni rozwinięta, ponieważ WordPress stale pracuje nad projektem Gutenberg. Ale jak na razie jest całkiem przyjazna dla użytkownika.

Konfigurator motywu nie jest tak elastyczny jak Pełny edytor witryny, ponieważ brakuje mu funkcji przeciągania i upuszczania. Dlatego sugerujemy użytkownikom klasycznych motywów zainstalowanie SeedProd, aby poprawić komfort użytkowania.

Jeśli chodzi o kodowanie, zalecamy je tylko wtedy, gdy utworzyłeś motyw potomny i kopie zapasowe twojej witryny, aby uniknąć błędów. Jednak dzięki wtyczce WPCode dodawanie własnego konfiguratora do edycji witryny WordPress jest znacznie bezpieczniejsze i nie spowoduje żadnych błędów ani nie zepsuje twojej witryny internetowej.

Mamy nadzieję, że ten artykuł pomógł ci nauczyć się edytować witrynę internetową WordPress. Możesz również zapoznać się z naszym dogłębnym poradnikiem WooCommerce, aby stworzyć sklep internetowy i ostatecznym przewodnikiem po WordPress SEO.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

3 komentarzeZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Peter Iriogbe says

    I have noticed that all the screenshots used in this post are desktop sizes. This shows that the user leveraged his laptop computer to do the edition. Does this mean one can not use a mobile phone to edit? Or can some use it to edit? Because not all WordPress website owners have a laptop or desktop computer? What do you have to say about this?

    • WPBeginner Support says

      It is not required to use a laptop to edit a WordPress site but it is normally recommended as you can test a mobile view on a laptop/desktop but testing a laptop/desktop view on mobile is very difficult.

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.