Czy chcesz dodać spacje lub podrozdziały z wcięciem na WordPress? Czy chciałbyś wciąć akapity w WordPress?

Chociaż większość tekstu jest wyrównana do lewej, w niektórych przypadkach może być konieczne wprowadzenie wcięcia w niektórych akapitach najlepsza typografia i lepiej doświadczenie w czytaniu.

W tym samouczku pokażemy, jak wcięcia łatwo akapity na WordPress.

Metoda 1: użycie przycisków wcięcia tekstu w edytorze wizualnym 

Domyślnie większość Motywy WordPress Wyświetlaj wyjustowane akapity po lewej lub prawej stronie dla języków pisanych od prawej do lewej.

Jeśli chcesz przesunąć akapit, możesz to zrobić ręcznie, klikając przycisk Zwiększ wcięcie wizualnego edytora tekstu. Spowoduje to dodanie odstępów po lewej stronie akapitu.

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

Możesz kliknąć przycisk wiele razy, aby zwiększyć wcięcie. Na przykład dwukrotne kliknięcie spowoduje podwojenie odstępów między wcięciami.

Możesz także zmniejszyć wypłatę, klikając przycisk Zmniejsz wcięcie. 

Zapraszamy również przed kontynuowaniem odkrywania Jak korzystać z edytora Gutenberga dla WordPress 5.0: Część XNUMX

Metoda 2: Wcięcie ręczne akapit za pomocą edytora tekstu

Korzystanie z przycisków wypłaty tekst w edytorze wizualnym to najłatwiejszy sposób dodawania wcięć do akapitów. Nie daje to jednak kontroli nad tym, ile odstępów chcesz dodać.

Najbardziej zaawansowani użytkownicy mogą przełączyć się na Edytor tekstu aby ręcznie dodać wcięcie. Wszystko, co musisz zrobić, to umieścić tekst w tagu akapitu i a następnie y dodaj kod CSS tak:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Ta metoda pozwala kontrolować odstępy, których chcesz użyć jako wcięcia. Ta metoda działa najlepiej, jeśli nie musisz regularnie wciskać akapitów.

Jeśli więc wystarczająco często je wciskasz, nie jest to idealne rozwiązanie.

Odkryj nasz przewodnik na Jak napisać (napisz) dobry akapit na swoim blogu 

Metoda 3: Wcięcie tylko pierwszego wiersza akapitu

Strony internetowe nie używają tradycyjnych odstępów między akapitami używanych przez oprogramowanie do edycji tekstu, które oznaczają tylko pierwszy wiersz akapitu.

Nawet w WordPress, kiedy wcinasz akapit, spacja jest dodawana do całego akapitu.

Niektóre strony internetowe czasopism lub czasopism literackich mogą chcieć dodać bardziej tradycyjne wcięcie. W takim przypadku musisz dodać niestandardowy CSS do swojego WordPress.

Idź do „ Wygląd> Dostosuj Aby uruchomić „ Customizer "Aby WordPress. Kliknij na " Dodatkowy CSS ".

Spowoduje to wyświetlenie pola tekstowego w lewym okienku, w którym możesz dodać własny kod CSS. Dodaj ten kod CSS w tym polu tekstowym.

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

Odkryj także nasze Samouczek: Jak opanować edytor wizualny WordPress

Ten kod CSS po prostu mówi przeglądarkom, że jeśli akapit ma klasę „.custom-indent”, to dodaje wcięcie 60 pikseli.

Następnie możesz edytować swój artykuł w edytorze tekstu. Następnie otocz swój tekst tagami <p class = "custom-indent"> et </p> w następujący sposób:

Twój tekst akapitu jest tutaj ...

Po zakończeniu możesz wyświetlić podgląd artykułu, a zobaczysz, że tylko pierwsza linia akapitu ma odstępy wcześniej.

Ta metoda zadziała ostrożnie, jeśli chcesz wciąć tylko kilka akapitów. Jeśli jednak chcesz dodać ten styl do wszystkich akapitów witryny, wystarczy zmodyfikować niestandardowy kod CSS w następujący sposób:

article p { 
text-indent:60px;
}

Ten kod CSS automatycznie doda wcięcie w pierwszym wierszu wszystkich akapitów w poście lub na stronie WordPress.

Odkryj także przed wyjazdem Jak dodać stylu wizualnego do edytora WordPress

Dla tych, którzy szukają stylowych edytorów wizualnych, aby poprawić wygląd swojej witryny, oferujemy im 3 wtyczki premium WordPress zaprojektowane do tego zadania.

1. Żółty ołówek: Edytor CSS Visual Style

Yellow Pencil to wizualny edytor stylów, którego możesz użyć z dowolnym motywem, aby spersonalizować swoją witrynę w ciągu kilku minut (czcionki, kolory, animacje i więcej…).

Ta wtyczka stworzy style CSS w tle podczas gry kolorami, jakby to była gra.Została zaprojektowana zarówno dla początkujących, jak i doświadczonych użytkowników. Nie jest wymagana znajomość kodowania; Jednak wtyczka ma dobry edytor CSS dla tych, którzy lubią kodować. Możesz kodować na żywo za pomocą tego edytora i dostosowywać swój CSS.

Pobierz | Demo | hosting

2. Łatwy Custom JS i CSS 

Ce WordPress Plugin premium to potężny edytor kodu CSS i JavaScript, który pozwala dodawać je do dowolnej sekcji witryny. Pozwala zachować dostosowania nawet po dużej aktualizacji Twojego WordPress.

Masz możliwość ograniczenia zakresu wykorzystania spersonalizowanego kodu. Na przykład możesz użyć swojego kodu tylko dla artykułu w formacie wideo. Lub możesz ograniczyć swój kod do określonego motywu; Co jest przydatne, jeśli często zmieniasz motywy na swoim blogu WordPress.

Pobierz | Demo | hosting

2. Odpowiednie Mapy Google

Ce WordPress Plugin promuje tworzenie systemu wielu znaczników na mapie i kilku map na stronie. Zawiera widok pełnoekranowy i grupowanie wielu znaczników. Do tego nie jest potrzebny klucz API.

Instalacja WordPress Plugin Responsywna mapa Googles jest proste i łatwe. Nie potrzeba długich skomplikowanych skrótów. Podobnie łatwo jest utworzyć mapę, szybko dodać do niej lokalizację, w tym celu wystarczy skopiować krótki kod na stronie, na której chcesz wyświetlić mapę, i gotowe!

czytać Jak wyświetlić lokalizację członka społeczności WP na mapie Google

Inne jego funkcje to:responsive arte, pkilka lokalizacji na tej samej mapie, strkilka kart na stronę, możliwośćpobierz własne markery, widok pełnoekranowy, d wsparcieróżne rodzaje map (mapa drogowa, satelita, hybryda i teren), zoom automatyczny, możliwość dostosowania tidź z mapy, eo wiele więcej ...

Polecane zasoby

Dowiedz się więcej Zasoby rekomendacje, które Ci pomogą lepiej przejmij kontrolę nad swoim wizualnym edytorem tekstu.  

• Jak zainstalować (dodać) wtyczkę na WordPress
• Jak zainstalować Wordfence Security na WordPressie
• Czego można oczekiwać od Gutenberga, nowego edytora WordPress  
• Jak korzystać z edytora Gutenberga dla WordPress 5.0: Część XNUMX 
• Jak dodać funkcjonalność do edytora wizualnego WordPress

Wnioski

Tutaj! To wszystko w tym samouczku, mam nadzieję, że pozwoli ci to lepiej uporządkować wcięcia twoich artykułów. nie krępuj się podziel się wskazówką ze znajomymi w sieciach społecznościowych.

Jeśli masz jakieś sugestie lub uwagi, będą one mile widziane. Zapraszamy również do konsultacji z naszą firmą zasoby, jeśli jesteś początkującym blogerem.

...