W artykule:
Czy chcesz dodać poziomą linię na swoim poście lub stronie w WordPress?
Poziome dzielniki linii to świetny sposób na podzielenie długich postów na mniejsze sekcje, podkreślenie specjalnych ogłoszeń lub promocji i wyraźne oddzielenie różnych części strony.
W tym artykule pokażemy, jak łatwo dodać poziomy dzielnik linii w WordPress.
Ponieważ jest to obszerny przewodnik na temat dodawania poziomego dzielnika linii w WordPress, pomocne może okazać się korzystanie z naszej tabeli treści:
- Jak dodać poziomy dzielnik linii w edytorze bloków
- Jak dodać poziomy dzielnik linii w klasycznym edytorze
- Jak dodać poziomy dzielnik linii za pomocą ręcznego HTML
- Jak dodać inne rodzaje przekładek i podziały stron w WordPress
- Jak rozbić długie formularze WordPress na wiele sekcji
Dodawanie poziomej linii w edytorze bloków WordPress
Aby dodać poziomą linię za pomocą edytora bloków WordPress, kliknij ikonę ( + ), aby dodać nowy blok w dowolnym miejscu, w którym ma być linia.
Następnie wybierz blok separatora z sekcji elementy układu lub wyszukaj go za pomocą paska wyszukiwania.
Po dodaniu zobaczysz poziomy dzielnik linii w obszarze zawartości.
Stylizacja poziomej linii w edytorze bloków WordPress
Rozdzielacz poziomy jest domyślnie jasnoszarą linią na środku posta lub strony.
Możesz zmienić jego wygląd, klikając linię, aby wybrać jej blok. Następnie panel edycji „Zablokuj” otworzy się po prawej stronie ekranu.
Aby zmienić styl linii, kliknij małą strzałkę obok opcji Style. Następnie zobaczysz różne opcje.
Możesz zmienić poziomą linię na jedną z nich, jeśli chcesz:
- Szeroka linia, która obejmuje pełną szerokość treści Twojego posta.
- Trzy kropki, które wyświetlają się na środku twojego postu.
Uwaga: W niektórych motywach WordPress zarówno szeroka linia, jak i domyślna linia obejmą całą szerokość Twojego postu.
Możesz również zmienić kolor linii poziomej w Ustawieniach koloru. Wystarczy kliknąć jedną z wyświetlanych opcji lub użyć łącza „niestandardowy kolor”, aby wybrać dowolny kolor.
Jeśli chcesz wrócić do domyślnego koloru szarego, kliknij przycisk „Wyczyść” pod opcjami kolorów.
Tutaj Nasza linia pozioma jest niebieska i używa stylu” szeroki”.
Dodawanie poziomej linii w edytorze WordPress Classic
Jeśli nadal używasz klasycznego edytora, możesz dodać podstawowe linie poziome. Aby to zrobić, po prostu edytuj istniejący post lub stronę lub utwórz nową.
Jeśli widzisz tylko jeden rząd przycisków na pasku narzędzi nad edytorem postów, kliknij ikonę przełączania paska narzędzi po prawej stronie:
Spowoduje to otwarcie drugiego rzędu przycisków, który zawiera opcję linia pozioma.
Teraz idź do przodu i umieść przerwę między akapitami, w których chcesz, aby linia pozioma poszła. Następnie możesz kliknąć przycisk linia pozioma. Drugi od lewej w drugim rzędzie:
Twoja pozioma linia będzie jasnoszara. Pokryje całą szerokość Twojego postu w ten sposób:
Ręczne dodawanie poziomego dzielnika linii za pomocą HTML
W niektórych rzadkich przypadkach konieczne może być ręczne dodanie poziomego dzielnika linii do treści WordPress.
Jeśli tak, możesz to po prostu zrobić, używając znacznika HTML hr w treści:
< hr>
Spowoduje to dodanie poziomego separatora linii w treści postu.
Inne Separatory, których możesz użyć w swoich postach i stronach
Domyślny edytor bloków WordPress umożliwia dodawanie wielu typów separatorów do postów i stron.
Oprócz poziomego separatora linii, inne opcje w zestawie bloków elementów układu obejmują odstęp, więcej łącza i bloki podziału strony.
Blok Dystansowy
Element dystansowy umożliwia dodawanie białych odstępów między blokami. Na przykład, jeśli chcesz mieć niewielką lukę na końcu swojego postu przed ofertą specjalną, możesz użyć przekładki.
Możesz dostosować wysokość podkładki dystansowej. Oto jak to wygląda, gdy tworzysz swój post w edytorze bloków:
A oto jak spacer pojawia się na twojej stronie:
Im Więcej Bloków
Jeśli twój motyw pokazuje pełne posty (a nie fragmenty) na głównej stronie bloga, dodanie linku „więcej” zerwie twój post w tym momencie. Odwiedzający może kliknąć, aby przeczytać więcej.
Oto jak to wygląda, gdy tworzysz swój post:
A oto jak więcej linków pojawia się na twojej stronie:
Możesz dowiedzieć się więcej o fragmentach, w naszym przewodniku, jak łatwo dostosować fragmenty w WordPress.
Blok Podziału Strony
Podział strony pozwala podzielić długie posty na wiele stron. Nie można go dostosować w żaden sposób. Oto jak to wygląda, gdy tworzysz swój post:
A oto, jak podział strony pojawia się w Twojej witrynie:
Każda z nich może być dobrą alternatywą dla dodania poziomej linii w WordPress, w zależności od tego, co zamierzasz zrobić.
Dodawanie podziału strony w formularzach WordPress za pomocą WPForms
Co zrobić, jeśli chcesz zrobić przerwę Nie w poście lub stronie, ale w formularzu kontaktowym WordPress? To też możesz zrobić. Będziemy do tego używać WPForms.
Najpierw musisz pobrać, zainstalować i aktywować wtyczkę WPForms. Jeśli nie jesteś pewien, jak, po prostu sprawdź nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Następnie przejdź do WPForms ” Dodaj Nowy w panelu WordPress.
Wprowadź nazwę formularza, a następnie wybierz szablon. Użyjemy szablonu „poproś o wycenę” dla naszego. Najedź kursorem myszy na szablon i kliknij przycisk, aby utworzyć formularz.
Następnie przewiń kartę Dodaj pola po lewej stronie do sekcji pola fantazyjne. Przeciągnij i upuść podział strony w dowolnym miejscu w formularzu. Umieszczamy go tuż przed poleceniem.
Zobaczysz, że formularz jest teraz podzielony na dwie części. WPForms automatycznie dodał również przycisk „Dalej”.
Możesz zmienić etykietę „następny”, jeśli chcesz i możesz dodać przycisk „Poprzedni”, aby przejść na drugą stronę formularza. Wystarczy kliknąć na polu podział strony, aby go edytować.
Zapisz formularz po zakończeniu, klikając przycisk Zapisz w prawym górnym rogu.
Możesz teraz dodać formularz do swojej strony. Najpierw musisz utworzyć nowy post lub stronę lub edytować istniejącą.
Kliknij ( + ), aby dodać nowy blok do swojego posta lub strony i znajdź blok WPForms. Możesz użyć paska wyszukiwania lub zajrzeć do sekcji widżety. Dodaj blok do swojej strony.
Teraz wybierz swój formularz z listy rozwijanej.
Gdy to zrobisz, możesz opublikować post lub stronę i zobaczyć, jak wygląda twój formularz w witrynie.
Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak dodać poziome separatory linii w WordPress. Jeśli chcesz dodać więcej elementów projektu i układu do swoich postów i stron, sprawdź nasz artykuł na temat najlepszych kreatorów stron przeciągnij i upuść WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
