Czy chcesz dodać spację lub wcięcie akapitów w WordPress? Podczas gdy większość twojego tekstu jest wyrównana do lewej, w niektórych przypadkach możesz chcieć wciąć akapit, aby poprawić typografię i lepsze wrażenia z czytania. W tym artykule pokażemy, jak łatwo wcinać akapity w WordPress.
Metoda 1: Korzystanie z przycisków wcięcia tekstu w edytorze wizualnym
Domyślnie większość motywów WordPress wyświetla akapity wyrównane do lewej lub prawej strony w przypadku 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ę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ększania wcięcia.
Możesz kliknąć przycisk dodawania wcięcia wiele razy, aby zwiększyć odstępy. Na przykład dwukrotne kliknięcie spowoduje podwojenie odstępu wcięcia.
Możesz także zmniejszyć odstępy, klikając przycisk zmniejszania wcięcia.
Metoda 2: Ręczne wcięcie akapitu za pomocą edytora tekstu
Używanie przycisków wcięcia tekstu w edytorze wizualnym jest najłatwiejszym sposobem na wcięcie akapitów w WordPress. Nie pozwala to jednak na kontrolowanie ilości odstępów, które chcesz dodać.
Bardziej zaawansowani użytkownicy mogą przełączyć się do edytora tekstu i ręcznie dodać odstępy. Wszystko, co musisz zrobić, to zawinąć tekst wokół tagów akapitu <p> i </p>, a następnie dodać inline CSS do tekstu akapitu w ten sposób:
<p style="dopełnienie-lewo:25px;">Twój tekst akapitu znajduje się tutaj...</p>
Ta metoda pozwala kontrolować odstępy, których chcesz użyć jako wcięcia. Ta metoda będzie najlepsza, jeśli nie musisz często wciskać akapitów. Jeśli jednak często wcina się akapity, nie jest to idealne rozwiązanie.
Metoda 3: Wcięcie tylko pierwszego wiersza akapitu
Strony internetowe nie używają tradycyjnych odstępów między akapitami używanych przez edytory tekstu lub skład, który wcina tylko pierwszy wiersz akapitu.
Nawet w WordPress, gdy wcina się akapit, odstęp jest dodawany do całego akapitu.
Niektóre witryny internetowe, takie jak wiadomości, witryny czasopism lub czasopisma literackie, mogą chcieć dodać bardziej tradycyjny odstęp między akapitami. W takim przypadku konieczne będzie dodanie własnego CSS do twojego motywu.
Najpierw należy przejść na stronę Wygląd ” Dostosuj, aby uruchomić konfigurator motywu WordPress. Następnie kliknij kartę „Dodatkowe CSS”.
Spowoduje to wyświetlenie pola tekstowego w lewym panelu, w którym możesz dodać swój 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, to należy dodać 60px jako text-indent.
Możesz teraz edytować wpis w WordPressie i przełączyć się do edytora tekstu. Następnie zawiń swój akapit wewnątrz tagów <p class=”custom-indent”> i </p> w następujący sposób:
<p class="custom-indent">Twój tekst akapitu znajduje się tutaj...</p>
Po zakończeniu możesz wyświetlić podgląd twojego wpisu i zobaczysz, że tylko pierwszy wiersz akapitu ma odstępy przed nim.
Ta metoda będzie działać dobrze, jeśli chcesz wciąć tylko kilka akapitów. Jeśli jednak chcesz dodać ten styl do wszystkich akapitów na twojej witrynie, wystarczy zmienić własny CSS w następujący sposób:
article p {
text-indent:60px;
}
.
Ta reguła CSS automatycznie wcina pierwszy wiersz wszystkich akapitów wewnątrz wpisu lub strony WordPress.
Mamy nadzieję, że ten artykuł pomógł ci nauczyć się wcięć akapitów w WordPress. 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, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Syed Balkhi
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!
cuneyt
thank you, really simple explanations with exact pictures. helped me a lot.
WPBeginner Support
You’re welcome, glad our guide was helpful
Administrator
Paulette Brown
I found „Customize” at the top in the black menubar when I’m signed in for editing my WordPress site.
Your instructions don’t mention that I need to click the blue „Publish” box to add the CSS. Mine doesn’t say „Save and Publish”. I found elsewhere that I need to click this, and when I change themes I may need to do this CSS entry again.
The site-wide indent first line CSS doesn’t work the way I expected. Nothing seems to have happened.
Does it need to be on the three lines you show, or can it be all on one line?
WPBeginner Support
Apologies for that lack of clarification, you are correct that if you change themes with method 3 it will require you to readd the CSS. The three lines are for display but either method should work properly.
Your theme may be overriding the CSS, you may want to check with the support for your specific theme if there is a setting that would be preventing it.
Administrator
Sergiu
I wish indents, and numbering have a keyboard shortcuts as text processors have ..
chas
It works, but treats the whole article as one paragraph I’m trying to post a short story with many paragraphs
all I cab do is insert one CR after another and that’s a royal pain
Lucas
It works for inside text, but it also does so in comments. Is there a way to make it post-only?
Roman
None of this works for me. I’m either inserting it wrong, or wordpress has changed, and this doesn’t work anyone. I can’t even find the „additional css” after going into „appearance” to „customize”.
Sam
This definitely works. You have to search around your „customize” location. It also depends on your theme developer, they may move the add/custom CSS.
Cavid Muradov
Very thanks for text indent