Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak łatwo wciąć akapity w WordPress

Chcesz dodać odstępy lub wcięcia akapitów w WordPress? Chociaż większość tekstu jest wyrównana do lewej, w niektórych przypadkach możesz chcieć wstawić wcięcie do akapitu w celu poprawy typografii i lepszego doświadczenia czytania. W tym artykule pokażemy, jak łatwo wstawić wcięcia do akapitów w WordPress.

Jak wciąć akapity w WordPress

Metoda 1: Używanie przycisków wcięcia tekstu w edytorze wizualnym

Domyślnie większość motywów WordPress wyświetla akapity wyrównane do lewej lub do prawej dla języków od prawej do lewej.

Jeśli chcesz wciąć akapit, możesz to zrobić ręcznie, klikając przycisk zwiększania wcięcia w edytorze wizualnym. Spowoduje to dodanie odstępu po lewej stronie akapitu.

Przyciski zwiększ wcięcie i zmniejsz wcięcie w edytorze WordPress

Jeśli chcesz wciąć więcej niż jeden akapit, musisz zaznaczyć te akapity, a następnie kliknąć przycisk zwiększ wcięcie.

Możesz klikać przycisk dodawania wcięcia wielokrotnie, aby zwiększyć odstęp. Na przykład, jeśli klikniesz dwukrotnie, odstęp wcięcia podwoi się.

Możesz również zmniejszyć odstępy, klikając przycisk zmniejsz wcięcie.

Metoda 2: Ręczne wcinanie akapitu za pomocą edytora tekstu

Używanie przycisków wcięcia tekstu w edytorze wizualnym jest najłatwiejszym sposobem na wstawienie wcięć do akapitów w WordPress. Jednak nie pozwala to na kontrolowanie ilości dodawanych odstępów.

Bardziej zaawansowani użytkownicy mogą przełączyć się na edytor tekstu i ręcznie dodać odstępy. Wszystko, co musisz zrobić, to otoczyć tekst tagami akapitu <p> i </p>, a następnie dodać wbudowany CSS do tekstu akapitu w ten sposób:

<p style="padding-left:25px;">Twój tekst akapitu tutaj...</p>

Ręcznie wcinaj akapity za pomocą stylów inline CSS

Ta metoda pozwala kontrolować odstępy, które chcesz użyć jako wcięcie. Ta metoda sprawdziłaby się najlepiej, jeśli nie musisz często wstawiać wcięć do akapitów. Jednak jeśli często wstawiasz wcięcia do akapitów, nie jest to idealne rozwiązanie.

Metoda 3: Wcinanie tylko pierwszej linii akapitu

Strony internetowe nie używają tradycyjnego odstępu między akapitami stosowanego w procesorach tekstu lub składzie drukarskim, który wcięnie tylko pierwszą linię akapitu.

Nawet w WordPress, gdy wcinasz akapit, odstęp jest dodawany do całego akapitu.

Wszystkie linie są objęte wcięciem akapitu

Niektóre strony internetowe, takie jak serwisy informacyjne, magazyny lub czasopisma literackie, mogą chcieć dodać bardziej tradycyjne odstępy między akapitami. W takim przypadku będziesz musiał dodać niestandardowy CSS do swojego motywu.

Najpierw musisz przejść do Wygląd » Dostosuj, aby uruchomić narzędzie do dostosowywania motywu WordPress. Teraz kliknij zakładkę „Dodatkowy CSS”.

Dodawanie niestandardowego CSS w WordPress

Spowoduje to wyświetlenie pola tekstowego w lewym panelu, gdzie możesz dodać własny kod CSS. Musisz dodać ten kod CSS w polu.

p.custom-indent { 
text-indent:60px;
} 

Ten kod CSS po prostu mówi przeglądarkom, że jeśli akapit ma klasę .custom-indent, dodaj 60px jako wcięcie tekstu.

Możesz teraz edytować post w WordPress i przełączyć się na edytor tekstu. Następnie otocz swój akapit tagami <p class=”custom-indent”> i </p> w ten sposób:

<p class="custom-indent">Twój tekst akapitu tutaj...</p>

Po zakończeniu możesz podglądnąć swój wpis i zobaczysz, że tylko pierwsza linia akapitu ma przed sobą odstęp.

Wcinaj tylko pierwszą linię akapitu w WordPress

Ta metoda będzie działać sprawnie, jeśli chcesz wciąć tylko kilka akapitów. Jednak jeśli chcesz dodać ten styl do wszystkich akapitów na swojej stronie, wystarczy zmienić niestandardowy kod CSS w następujący sposób:

article p { 
text-indent:60px;
} 

Ta reguła CSS automatycznie wcięnie pierwszą linię wszystkich akapitów w ramach wpisu lub strony WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się wcinania akapitów w WordPressie. Możesz również zapoznać się z naszymi wskazówkami dotyczącymi opanowania edytora wizualnego WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

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

Ostateczny zestaw narzędzi WordPress

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

Interakcje czytelników

10 CommentsLeave a Reply

  1. Znalazłem „Dostosuj” na górze w czarnym pasku menu, gdy jestem zalogowany do edycji mojej witryny WordPress.
    Twoje instrukcje nie wspominają, że muszę kliknąć niebieskie pole „Opublikuj”, aby dodać CSS. Moje nie mówi „Zapisz i opublikuj”. Gdzie indziej znalazłem, że muszę to kliknąć, a kiedy zmieniam motywy, być może będę musiał ponownie wprowadzić ten wpis CSS.
    Wcięcie całego tekstu na pierwszej linii CSS nie działa tak, jak się spodziewałem. Nic się nie wydaje dziać.
    Czy musi być na trzech liniach, które pokazujesz, czy może być wszystko w jednej linii?

    • Przepraszamy za brak wyjaśnienia, masz rację, że zmiana motywów metodą 3 będzie wymagała ponownego dodania CSS. Trzy linie służą do wyświetlania, ale każda z metod powinna działać poprawnie.
      Twój motyw może nadpisywać CSS, warto sprawdzić u wsparcia technicznego Twojego konkretnego motywu, czy istnieje ustawienie, które by temu zapobiegało.

      Admin

  2. Działa, ale traktuje cały artykuł jako jeden akapit. Próbuję opublikować krótkie opowiadanie z wieloma akapitami.
    Jedyne, co mogę zrobić, to wstawiać jeden znak nowej linii po drugim, a to jest okropnie uciążliwe.

  3. Działa dla tekstu wewnętrznego, ale także w komentarzach. Czy jest sposób, aby działało tylko dla postów?

  4. Nic z tego mi nie działa. Albo wprowadzam to źle, albo WordPress się zmienił i to już nie działa. Nie mogę nawet znaleźć "dodatkowego CSS" po przejściu do "wyglądu" i "dostosuj".

    • To zdecydowanie działa. Musisz poszukać w swojej lokalizacji „dostosuj”. Zależy to również od dewelopera Twojego motywu, mogą oni przenieść dodatek/niestandardowy CSS.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.