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 701.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ść 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.

Jak wciskać akapity w WordPress 1

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.

Wcięcie akapitów w wordpressie

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:

Twój tekst akapitu jest tutaj ...

Ręczne wcięcie akapitu w wordpressie

Ł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 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ą tradycyjnego odstępu między akapitami używanego przez oprogramowanie do edycji tekstu, który oznacza tylko pierwszy wiersz akapitu.

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

Przykładowe wcięcie 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 na " Dodatkowy CSS ".

Dodatkowe wordpress dostosowujące 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 {tekst-wcięcie: 60px; }

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

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]

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 przejść i edytować swój artykuł w edytorze tekstu. Następnie otocz tekst tagami i 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.

Odstępy przed akapitem

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 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…).Wtyczka edytora wizualnego stylu css Yellowpencil wordpress

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 

Ta premium wtyczka WordPress to potężny edytor kodu CSS i Javascript, który umożliwia dodawanie ich do dowolnej sekcji witryny. Umożliwia zachowanie dostosowań nawet po dużej aktualizacji motywu WordPress. Łatwa niestandardowa wtyczka do dostosowywania js i css do 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

3. Niestandardowe JS i CSS dla Gutenberga

Wtyczka WordPress Custom JS i CSS for Gutenberg pozwoli Ci dodać nieograniczoną liczbę niestandardowych stylów do edytora WYSIWYG dla Twoich postów i stron WordPress. Jest w pełni kompatybilny z wersją WordPress Gutenberga.Niestandardowe js i css dla wtyczki gutenberg wordpress

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

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.

... 

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 wyświetla mi również błąd „60px; } "
    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