Jak edytować strony w WordPressie – opanuj edytor WordPress

Aby edytować strony w WordPressie, nie musisz być strasznie techniczny – jeśli masz jakieś doświadczenie z edytorem tekstu, okaże się to dość proste. Użyj edytora WordPress zarówno dla postów, jak i stron.

Zobacz także: Jak edytować nazwę strony >

Przykłady, których tu użyłem, dotyczą systemu WordPress.org , ale WordPress.com jest bardzo porównywalny pod względem sposobu, w jaki zmieniane są strony. Post będzie pomocny dla dwojga.

AKTUALIZACJA. Ten post odnosi się do klasycznego edytora WordPress, a nie do bloków WordPress, czyli edytora WordPress Glutenberg używanego od 2018 roku. Jednak ten post będzie nadal pomocny dla niektórych.

Zobaczmy, czego się nauczysz.

Pod koniec tego postu powinieneś zrozumieć, jak formatować i edytować strony w WordPressie poprzez:

• Edycja i zapisywanie w obszarze administracyjnym,
• przeglądanie zmian na froncie,
• oraz za pomocą narzędzi do formatowania w edytorze WordPress.

Przed aktualizacją dowolnego postu lub strony wykonaj kopię zapasową bazy danych WordPress. Używam DB Migrate, wtyczki do tworzenia kopii zapasowych i migracji, która jest dostępna za darmo.

Czego potrzebujesz, aby edytować strony w WordPress

• Nazwa użytkownika i hasło WordPress od Twojego programisty.
• Adres URL obszaru administracyjnego (nazywany również adresem internetowym lub ewentualnie linkiem).

Gdy już je uzyskasz, przejdź do swojego adresu URL, wpisując go w przeglądarce lub klikając link.

Wpisz nazwę użytkownika i hasło i naciśnij Zaloguj . Dojdziesz do pulpitu WordPress.

Zobacz witrynę WordPress w nowej karcie

Pierwszą rzeczą, którą robię, jest otwieranie publicznej części witryny w nowej karcie przeglądarki. Następnie obszar administracyjny (back-end) jest widoczny na jednej karcie, a przestrzeń publiczna (front end) widoczna na drugiej. W ten sposób mogę przełączać się między nimi.

Najłatwiejszym sposobem otwarcia frontonu witryny WordPress w nowej karcie jest;

• W panelu administracyjnym – najedź na ikonę domu w lewym górnym rogu ekranu.
• Z menu rozwijanego KLIKNIJ PRAWYM KLIKNIĘCIEM „Odwiedź witrynę”.
• Kliknij „Otwórz link w nowej karcie”. Podkreśliłem to poniżej na czerwono.

NB. W zależności od używanej przeglądarki mogą występować różne słowa.

Dwie karty przeglądarki są teraz otwarte, co oznacza, że ​​możesz przełączać się między nimi.

Kontynuuj edycję strony WordPress na jednej karcie, korzystając z obszaru administracyjnego.

Z drugiej strony zobaczysz interfejs swojej witryny, aby sprawdzić każdą wprowadzoną zmianę.

Gdy wprowadzasz zmiany i je zapisujesz, możesz przejść do interfejsu witryny. Naciśnij klawisz F5, aby odświeżyć stronę - spowoduje to wyświetlenie zaktualizowanej wersji przeglądarki.

Edycja zawartości strony w WordPress

Teraz masz skonfigurowany obszar roboczy, zacznijmy od panelu administracyjnego. Tutaj znajdziesz edytor WordPress.

Kliknij STRONY w menu po lewej stronie. Zostaną wyświetlone strony w Twojej witrynie.

Dalsze opcje pojawiają się po najechaniu kursorem na nazwę strony.

EDIT przeniesie Cię do pełnego ekranu edycji.

SZYBKA EDYCJA pozwoli Ci zmienić tytuł, informacje, datę, prywatność, nadrzędny, porządek, szablon i status z tego ekranu.

BIN wyśle ​​stronę do kosza. Strona nie będzie już widoczna w serwisie.

VIEW pozwoli Ci zobaczyć tę konkretną stronę – stronę frontową (lub publiczną).

Aby edytować stronę, kliknij pierwszą opcję EDIT. Lub kliknij nazwę strony.

Pojawi się ekran „edycji strony” WordPress.

Edycja stron w samouczku WordPress

Muszę najpierw zwrócić twoją uwagę na motywy i wtyczki w WordPressie, które czasami dostosowują ekran „edycji strony”.

Na przykład DIVI używa interfejsu o nazwie DIVI Builder; Avada nazywa się Fusion Builder.

Której wersji używasz?

Najnowszym edytorem WordPressa jest Gutenberg Block Editor. Jeśli Twoja strona wygląda podobnie do obrazka poniżej, używasz bloków – odwiedź mój post w edytorze bloków.

Jeśli edytor WordPress wygląda podobnie do poniższego obrazu, używasz klasycznego edytora WordPress.

Jeśli nie używasz niestandardowego kreatora, możemy zacząć.

Wyjaśnienie ikon przycisków edytora WordPress

W klasycznym edytorze pierwszą ikoną przycisku jest ikona PRZEŁĄCZENIA PASKA NARZĘDZI, kiedyś nazywana „zlewem kuchennym”. Na powyższym obrazku widać, że jest aktywowany, ponieważ jest odwrócony.

Ikona przełączania paska narzędzi wygląda tak:

Ta ikona przycisku pokazuje lub ukrywa dodatkowe opcje formatowania. Pozostaw to aktywne.

Formatowanie tekstu w WordPress

Podobnie jak większość edytorów WordPress, możesz wyróżnić tekst i sformatować go.

Od lewej do prawej na głównym pasku edycji to:

B – sprawia, że ​​tekst jest pogrubiony lub mocny.
I – zaznaczam tekst kursywą.
ABC – spowoduje to przekreślenie tekstu, jakby go przekreślić. Przydatne w przypadku sprzedawanych przedmiotów.

Ikona przycisku dla nieuporządkowanej listy w rozmowie internetowej, ale WordPress nazywa ją listą punktowaną. Użyj tego do tworzenia list. Na przykład:

• To jest pierwszy punkt.
• To jest drugi punkt porządku.

Na końcu każdego wiersza kliknij Return (lub Enter) za każdym razem, gdy chcesz dodać nowy punktor.

Szybka wskazówka: kliknięcie SHIFT-ENTER tworzy podział wiersza, co jest przydatne w przypadku list punktowanych, ponieważ można opuścić jeden wiersz bez tworzenia nowego punktora.

• To jest tytuł mojego pierwszego punktu.
  Mówię o tym trochę poniżej, naciskając SHIFT-ENTER.
• Teraz mam swój drugi punkt.
  Trochę o tym.

Aby przerwać listę, po prostu naciśnij Enter dwa razy po ostatniej linii. Lub naciśnij ikonę po raz drugi. WordPress powróci do normalnych akapitów.

Projektant Twojej witryny lub motyw mógł użyć CSS do stylizacji list. Nie zawsze możesz zmienić styl na ekranie edycji WordPressa.

Ta ikona to lista numerów, zwana uporządkowaną listą w języku internetowym. Użyj go w taki sam sposób, jak powyższej listy punktowanej, z wyjątkiem tego, że lista będzie numerowana.

Cytaty blokowe wcinają wiersz tekstu. Ponownie, motyw lub twórcy stron internetowych mogli je ostylować, więc możesz nie być w stanie ich ostylować.

Następna jest linia pozioma. Użyj linii poziomej, aby utworzyć przerwy w fragmentach tekstu. Motyw kontroluje style. Powyższy jest domyślnym stylem – szara linia na 1 piksel.

Wyrównywanie akapitów w WordPress

Układ akapitów i nagłówków jest często ustawiany w arkuszu stylów, przez co te przyciski wyrównania działają nieco nieregularnie.

Zwykle pozwalam, aby arkusz stylów zarządzał moimi akapitami, ale jeśli dodam obraz, wyrównuję go w edytorze WordPress.

Kliknij wiersz tekstu, a następnie kliknij narzędzie do wyrównywania — wyrównanie dotyczy całego akapitu.

Dość często następny akapit będzie zgodny z poprzednim. Zwykle dzieje się tak, gdy zamiast znaczników „paragraf” użyto łamania wiersza. Jest prosta poprawka.

• Umieść kursor na końcu pierwszego akapitu.
• Teraz naciśnij DELETE (Backspace), aby wyciągnąć drugi akapit w górę.
• Naciśnij ENTER, aby zakończyć jeden akapit i rozpocząć nowy.
• Dwa można wyrównać osobno.

Tworzenie i edytowanie linków w WordPress

Ikona linku – zarówno tekst, jak i obrazy mogą prowadzić do stron, postów lub zewnętrznej witryny internetowej.

Aby połączyć tekst w WordPress, najpierw zaznacz tekst.

Szybka wskazówka: kliknij dwukrotnie jedno słowo, aby podświetlić całe słowo. Przytrzymaj Shift i kliknij drugie słowo, aby je również podświetlić.

Teraz kliknij ikonę linku.

Jeśli łączysz się ze stroną/postem w swojej witrynie, zacznij wpisywać tytuł.
NB. wpisz TYTUŁ strony, a nie slug.

Edytuj tytuł strony WordPress

Po znalezieniu strony na liście naciśnij niebieską strzałkę powrotu na końcu pola, aby ją zastosować.

Aby bardziej dostosować łącze, kliknij ikonę koła zębatego na końcu pola, zanim klikniesz Zastosuj.

Ikona koła zębatego otwiera pole zawierające OPCJE ŁĄCZA – wybierz stronę, którą chcesz połączyć.

Niezalecane, ale linki mogą otwierać nowe okno (lub kartę). Po prostu zaznacz „Otwórz link w nowej karcie” na ekranie opcji linków. Google karze linki otwierające inne okno – użytkownicy muszą mieć możliwość podjęcia takiej decyzji.

Szybka wskazówka: w najnowszej wersji WordPressa nie musisz nawet naciskać ikony łącza podczas łączenia tekstu. Skopiuj link do schowka, zaznacz tekst i naciśnij Ctrl-v, aby wkleić link.

Powiązanie obrazu w WordPressie to podobny proces.

Wybierz obraz, a następnie kliknij ikonę łącza. Wykonaj powyższe kroki.

Jak edytować link w WordPressie

Aby EDYTOWAĆ łącza, wykonaj podobne kroki.

Zaznacz tekst lub wybierz obraz. Użyj tej samej ikony i zmień link na nowy. Lub kliknij wyświetloną ikonę ołówka.

Jak usunąć link w WordPressie

Ta ikona zakończona usuwa łącze. Po prostu kliknij w dowolnym miejscu linku tekstowego lub wybierz obraz, a następnie naciśnij ten przycisk.

Ikona czytaj więcej to ta, której nigdy nie używam. WordPress pozwala umieścić tekst wewnątrz znacznika CZYTAJ WIĘCEJ, ukrywając go na stronie, dopóki użytkownik nie kliknie, aby przeczytać więcej. Tekst będzie nadal dostępny dla wyszukiwarek do indeksowania, ale Google nie docenia ukrytych treści.

Akapity i nagłówki w WordPress

Na pasku narzędzi zobaczysz rozwijane menu.

Aby sformatować wiersz, kliknij tekst w wierszu lub akapicie i użyj menu rozwijanego, aby wybrać akapit, nagłówek 1 lub nagłówek 2.

Motyw określa styl nagłówków i akapitów, dzięki czemu projekt witryny jest spójny.

Użyj właściwych tagów dla nagłówków, a projekt będzie kontynuowany w witrynie.

Czym jest pisanie SEO?

Więcej narzędzi do formatowania w WordPress

Użyj tej ikony, aby podkreślić tekst w treści WordPress, wyróżnić go lub złożyć oświadczenie.

Po prostu zaznacz tekst i kliknij ikonę podkreślenia.

Narzędzie do wyrównywania tekstu i utworzy wyjustowany akapit. Odstępy są dopasowywane między literami i słowami, tak aby tekst zrównał się z prawym i lewym marginesem. Nazywany również w pełni wyjustowanym lub pełnym wyjustowaniem i doskonale nadaje się do tekstu w kolumnach.

Jako projektant stron internetowych WordPress radzę ostrożnie używać tej ikony. Przycisk zmienia kolor tekstu. Widziałem klientów tworzących jasne, kolorowe zdania, które mają przyciągnąć uwagę. To nie wygląda dobrze. Zachowaj jednolity tekst.

Po co w ogóle ikona „wklej jako tekst” w WordPressie? Tekst skopiowany ze strony internetowej lub dokumentu Word również ma ten format. Wklej go na stronę WordPress i wklej formatowanie. Strona kończy się okropnie, ponieważ kod znajduje się w nieprzydatnych pozycjach.

Więc następnym razem, gdy będziesz kopiować i wklejać, kopiuj; następnie umieść kursor w miejscu i kliknij narzędzie „wklej jako tekst”, aby dodać tekst bez formatowania. Następnie sformatuj go w WordPressie.

Jeśli znajdziesz tekst w różnych miejscach na stronie, często jest to formatowanie. Jeśli wiesz, co robisz i masz kopię zapasową, użyj narzędzia „wyczyść formatowanie”, aby usunąć całe formatowanie, usuwając tekst, aby móc go teraz sformatować samodzielnie.

Następna ikona, grecka omega, otwiera poniższą mapę postaci, umożliwiając dodawanie znaków specjalnych, takich jak ostry, poważny i okalający. Przydatne, jeśli tworzysz stronę wielojęzyczną.

To są ikony wcięcia. Używając ich możesz zwiększyć lub zmniejszyć wcięcie akapitu lub nagłówka.

I na koniec ikony cofania/ponawiania. Ten po lewej służy do cofania i jest naprawdę przydatny. Na tym obrazie jest ciemniej szary, ponieważ mogę wykonać cofnięcie. Przycisk ponawiania jest wyłączony – w tej chwili nie mogę nic „ponowić”. Aby powtórzyć, musisz najpierw coś cofnąć.

Zapisz stronę WordPress

Gdy wprowadzasz istotne zmiany na swojej stronie WordPress lub publikujesz, kliknij przycisk AKTUALIZUJ, aby zapisać stronę. To aktualizuje stronę publiczną. Zawsze odświeżaj swoją stronę podczas przeglądania zmian w interfejsie użytkownika, aby sprawdzić swoją pracę.

Automatyczne zapisywanie i poprawki w WordPress

WordPress często automatycznie zapisuje wersje robocze strony.

Wersje Twojej strony można przywołać, korzystając z linku do wersji. Znajduje się w ustawieniach POST. Jeśli ustawienia postów są zamknięte, uderz w tryb, prawy górny róg, aby je otworzyć. Następnie kliknij kartę Strona (lub kartę Opublikuj w zależności od tego, co edytujesz) u góry.

• Kliknij łącze „Wersje”, aby wyświetlić wersje robocze i poprawki, które były przechowywane przez cały okres istnienia dokumentu.
• Pojawi się ekran „Porównaj wersje”.
• Na górze tego ekranu znajduje się pasek osi czasu, przedstawiający życie strony. Im dalej w lewo przesuniesz suwak, tym starsze są wersje strony.
• WordPress podkreśla wprowadzone zmiany, porównując najnowszy post z postem wybranym na osi czasu.
• Aby pobrać najnowszą wersję, przesuń suwak maksymalnie w prawo.

Edycja permalinków w WordPress

Permalinki – znane również jako ślimaki – tworzą adres URL strony internetowej w WordPressie. Linki do strony mogą zostać zerwane podczas edytowania linku bezpośredniego, dlatego należy zachować ostrożność podczas edycji .

Jeśli zamierzasz zmieniać i edytować permalinki, polecam użycie wtyczki przekierowania, takiej jak Redirection.

Szybka wskazówka: jeśli popełniłeś błąd i zmieniłeś permalink, ale nie pamiętasz oryginalnego adresu URL – wyszukaj stronę za pomocą wyszukiwarki Google. Dodaj nazwę firmy do wyszukiwania, a prawdopodobnie znajdziesz na liście oryginalny adres URL. Zmień permalink z powrotem na oryginalną nazwę.

Ostatnie słowo

Mam nadzieję, że podobał Ci się post. WordPress może być frustrujący, jeśli nie rozumiesz, z czym pracujesz. Jestem pewien, że te instrukcje pomogą ci wraz z resztą samouczków WordPress na moim blogu.