Przejdź do głównej treści

Jak wcięcie akapitu na WordPressie

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 600.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz dodać spacje lub podrozdziały wcięty na WordPress?

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

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

Metoda 1: Korzystanie z przycisków usuwania 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 edytora tekstu wizualnego. 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 kilka razy, aby zwiększyć wypłatę. Na przykład dwukrotne kliknięcie spowoduje podwojenie odstępów wycofania.

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

Zapraszamy również przed kontynuowaniem odkrywania Jak korzystać z edytora WordPress Gutenberg 5.0: Część pierwsza

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

Korzystanie z przycisków wypłaty tekst w edytorze wizualnym jest najłatwiejszym sposobem dodania wcięcia do akapitów. Nie pozwala to jednak kontrolować ilości miejsca, które chcesz dodać.

Najbardziej zaawansowani użytkownicy mogą przełączyć się na edytor tekstu aby ręcznie dodać wypłatę. Wszystko, co musisz zrobić, to umieścić tekst w znaczniku akapitu <p> i </ p>, a następnie dodaj kod CSS tak:

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

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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

Jeśli więc wcinasz je wystarczająco często, 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 zaznaczają tylko pierwszy wiersz akapitu.

Nawet w WordPress, gdy wcinasz akapit, odstępy są dodawane do całego akapitu.

Niektóre witryny czasopism lub czasopism literackich mogą chcieć dodać bardziej tradycyjne usunięcie. W takim przypadku musisz dodać niestandardowy CSS do motywu WordPress.

Idź do „ Wygląd> Dostosuj Aby uruchomić „ Customizer Motyw WordPress. Kliknij zakładkę « 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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

p.custom-indent {tekst-wcięcie: 60px; }

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

Ten kod CSS po prostu informuje przeglądarki, że jeśli akapit ma klasę „.custom-indent”, dodaje wcięcie 60px.

Następnie możesz edytować swój artykuł w edytorze tekstu. Następnie zakreśl tekst za pomocą tagów <p class = "custom-indent"> i </ p> w następujący sposób:

<p class = "custom-indent"> Twój ustęp jest tutaj ... </ p>

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:

artykuł p {tekst-wcięcie: 60px; }

Ten kod CSS automatycznie doda wyciągnięcie do pierwszego wiersza wszystkich akapitów w artykule lub stronie WordPress.

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

Dla tych, którzy szukają edytorów stylów wizualnych, aby poprawić wygląd swojej witryny, oferujemy je tutaj, wtyczki premium WordPress 3 przeznaczone do tego zadania.

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

Yellow Pencil to edytor stylu wizualnego, którego można używać z dowolnym motywem, aby w kilka minut dostosować stronę internetową (czcionki, kolory, animacje i więcej ...).

Ta wtyczka stworzy style CSS w tle podczas gry z 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ć. Za pomocą tego edytora możesz kodować na żywo i dostosowywać swój CSS.

Pobierz | Demo | hosting

2. Łatwy Custom JS i CSS

Ta specjalna wtyczka WordPress to potężny edytor kodu CSS i JavaScript, który pozwala dodawać je do dowolnej sekcji witryny. Pozwala zachować własne dostosowania nawet po ważnej aktualizacji motywu WordPress.

Masz możliwość ograniczenia zakresu wykorzystania spersonalizowanego kodu. Na przykład możesz użyć kodu tylko w przypadku artykułu w formacie wideo. Lub możesz ograniczyć kod do określonego motywu; Jest to przydatne, jeśli obecnie zmieniasz motywy na swoim blogu WordPress.

Pobierz | Demo | hosting

3. Niestandardowe JS i CSS dla Gutenberga

Niestandardowa wtyczka JS i CSS dla Gutenberg WordPress pozwoli Ci dodać nieograniczoną liczbę niestandardowych stylów do edytora WYSIWYG dla artykułów i stron WordPress. Jest w pełni kompatybilny z wersją WordPress Gutenberga.

Możesz po prostu stworzyć nowy styl za pomocą łatwego w użyciu edytora CSS. Ta wtyczka rozszerza funkcjonalność pól niestandardowych w Twojej witrynie i umożliwia modyfikowanie pól niestandardowych za pomocą dynamicznego i wydajnego modułu dostosowywania. a funkcja podglądu tej wtyczki w czasie rzeczywistym czyni ją bardzo wygodną i przyjazną dla użytkownika.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Pobierz | Demo | hosting

Polecane zasoby

Odkryj inne zalecane zasoby, które ci pomogą uwieść lepiej weź swój wizualny edytor tekstu.

Wnioski

To jest to! To wszystko w tym samouczku, mam nadzieję, że pozwoli ci lepiej zorganizować wcięcie twoich artykułów. Nie wahaj się podziel się wskazówkami 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.

...

Ten artykuł zawiera 1 komentarz
  1. Artykuł p {dash-text: 60 px; }
    ciąg, który daje mi błąd.
    Usługa sprawdzania poprawności również powoduje błąd "60 px; } »
    Jak powinniśmy poprawić?
    dobra robota

Zostaw komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
17 akcji
udział14
ćwierkanie1
Enregistrer2