Přejít k hlavnímu obsahu

Jak odsazení odstavce o WordPress

Divi: nejjednodušší téma WordPress k použití

Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma. [Doporučeno]

Chcete přidat mezery nebo podsekce odsazeno na WordPress? Chcete odsadit odstavce na WordPressu?

Přestože je většina textu zarovnána doleva, v některých případech bude možná nutné odsadit určité odstavce nejlepší typografie a lepší zážitek ze čtení.

V tomto tutoriálu vám ukážeme, jak odsadit snadno odstavce na WordPress.

odrážky odstavců na WordPress

Metoda 1: Použití tlačítek pro odsazení textu ve vizuálním editoru 

Ve výchozím nastavení většina Témata WordPress Zobrazit odůvodněné odstavce vlevo nebo vpravo pro jazyky zprava doleva.

Pokud chcete posunout odstavec, můžete to udělat ručně kliknutím na tlačítko Zvětšit odsazení vizuálního textového editoru. Tím se přidají mezery vlevo od odstavce.

Odsazení odstavců na WordPressu

Pokud chcete odsadit více než jeden odstavec, musíte tyto odstavce vybrat a poté kliknout na tlačítko Zvětšit odsazení.

Odsazení zvětšíte kliknutím na tlačítko několikrát. Například pokud na něj dvakrát kliknete, zdvojnásobí se mezera mezi odrážkami.

Výběr můžete také snížit kliknutím na tlačítko Zmenšit odsazení

Zveme vás také před dalším objevováním Jak používat editor Gutenberg pro WordPress 5.0: Část XNUMX

Metoda 2: Ruční odsazení odstavec pomocí textového editoru

Pomocí tlačítek pro výběr text ve vizuálním editoru je nejjednodušší způsob, jak do odstavců přidat odsazení. To vám však nedává kontrolu nad tím, kolik mezer chcete přidat.

Nejpokročilejší uživatelé se mohou přepnout na textový editor ručně přidat odsazení. Vše, co musíte udělat, je vložit text do značky odstavce a a pak y přidat CSS kód jako toto:

Váš text odstavce jde sem ...

Ruční odsazení odstavce na WordPressu

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní snadno vytvořit jakýkoli design webových stránek s profesionálním vzhledem. Přestaňte platit drahé za to, co můžete udělat sami. [Zdarma]

Tato metoda umožňuje ovládat mezery, které chcete použít jako odsazení. Tato metoda funguje nejlépe, pokud nepotřebujete pravidelně odsazovat odstavce.

Pokud je tedy odsazujete dostatečně často, není to ideální řešení.

Objevte našeho průvodce Jak psát (zápis) dobrý bod na svém blogu 

Metoda 3: Odsadit pouze první řádek odstavce

Webové stránky nepoužívají tradiční mezery mezi odstavci používané softwarem pro zpracování textu, který označuje pouze první řádek odstavce.

I při WordPressu se při odsazení odstavce přidá mezera do celého odstavce.

Příklad odsazení odstavce

Některé webové stránky časopisů nebo literárních časopisů mohou chtít přidat tradičnější odstranění. V takovém případě je třeba do motivu WordPress přidat vlastní CSS.

Přejít na „ Vzhled> Přizpůsobit Chcete-li spustit Customizer Téma WordPress. Klikněte na „ Další CSS ".

Další CSS Customizer WordPress

V levém podokně se zobrazí textové pole, do kterého můžete přidat svůj vlastní kód CSS. Do tohoto textového pole přidejte tento kód CSS.

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

Objevte také naše Výukový program: Jak zvládnout vizuální editor WordPress

Hledáte ty nejlepší témata a pluginy aplikace WordPress?

Stáhněte si ty nejlepší pluginy a témata aplikace WordPress na Envato a snadno si vytvořte své webové stránky. Již více než stahování 49.720.000. [EXCLUSIVE]

Tento kód CSS jednoduše říká prohlížečům, že pokud má odstavec třídu „.custom-indent“, přidá odsazení 60px.

Poté můžete svůj článek upravit a upravit v textovém editoru. Poté text obklopte značkami a následovně :

Váš text odstavce jde sem ...

Po dokončení si můžete zobrazit náhled článku a uvidíte, že pouze první řádek odstavce má mezery dříve.

Mezery před odstavcem

Tato metoda bude pracovat opatrně, pokud chcete odsadit pouze několik odstavců. Pokud však chcete přidat tento styl do všech odstavců na svém webu, musíte upravit vlastní kód CSS takto:

článek p {text-odrážka: 60px; }

Tento kód CSS automaticky přidá odrážku na první řádek všech odstavců uvnitř příspěvku nebo stránky WordPress.

Objevte také před odjezdem Jak přidat vizuální styl do editoru WordPress

Pro ty, kteří hledají stylové vizuální editory, které by vylepšily vzhled jejich webových stránek, jim nabízíme 3 prémiové doplňky WordPress určené pro tento úkol.

1. Žlutá tužka: Editor CSS jazyka Visual Style

Yellow Pencil je editor vizuálních stylů, který můžete použít s jakýmkoli motivem k přizpůsobení vašeho webu během několika minut (písma, barvy, animace atd.).Yellowpencil vizuální editor stylů CSS WordPress

Tento plugin vytvoří styly CSS na pozadí, zatímco budete hrát s barvami, jako by to byla hra. Byl navržen pro začátečníky i zkušené uživatele. Nevyžadují se žádné znalosti kódování; Plugin má však dobrý editor CSS pro ty, kteří rádi kódují. Pomocí tohoto editoru můžete kódovat živě a přizpůsobit své CSS.

Stáhnout | Demo | Web hosting

2. Snadné vlastní JS a CSS 

Tento prémiový plugin WordPress je výkonný editor kódů CSS a Javascript, který vám umožňuje přidat je do kterékoli části vašeho webu. Umožňuje vám zachovat si přizpůsobení i po velké aktualizaci vašeho tématu WordPress. Snadný vlastní doplněk wordpress pro přizpůsobení js a css

Máte možnost omezit oblast použití svého osobního kódu. Například můžete svůj kód použít pouze pro článek ve formátu videa. Nebo můžete svůj kód omezit na konkrétní téma; Což je užitečné, pokud často měníte motivy blogu WordPress.

Stáhnout | Demo | Web hosting

3. Vlastní JS a CSS pro Gutenberg

Plugin WordPress Custom JS a CSS pro Gutenberg vám umožní přidat neomezené množství vlastních stylů do editoru WYSIWYG pro vaše příspěvky a stránky WordPress. Je plně kompatibilní s verzí WordPress Gutenberg.Vlastní js a css pro plugin gutenberg wordpress

Jednoduše vytvořte nový styl pomocí snadno použitelného editoru CSS. Tento plugin rozšiřuje funkčnost vlastních polí na vašem webu a umožňuje vám upravovat vaše vlastní pole pomocí dynamického a výkonného modulu přizpůsobení. a funkce náhledu tohoto pluginu v reálném čase je velmi pohodlná a uživatelsky přívětivá.

Snadno vytvořte svůj online obchod

Stáhněte si zdarma WooCommerce, nejlepší e-commerce pluginy pro prodej vašich fyzických a digitálních produktů na WordPress. [Doporučeno]

Stáhnout | Demo | Web hosting

Doporučené zdroje

Objevte další doporučené zdroje, které vám pomohou lépe ovládněte svůj vizuální textový editor.  

závěr

Tady ! To je pro tento návod vše, doufám, že vám to umožní lépe uspořádat odsazení článků. neváhejte sdílejte tip se svými přáteli na svých sociálních sítích.

Pokud máte nějaké návrhy nebo připomínky, budou vítány. Zveme vás také ke konzultaci s našimi zdroje, pokud jste začátečník blogger.

... 

Tento článek obsahuje 1 komentář

  1. Článek p {dash-text: 60 px; }
    řetězec, který mi dává chybu.
    Služba ověřování mi také dává chybu „60px; } "
    Jak bychom měli opravit?
    Dobrá práce

Zanechat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

Tato stránka používá společnost Akismet ke snížení nežádoucích účinků. Přečtěte si další informace o tom, jak se používají vaše komentáře.

Zpět na začátek
17 akcie
podíl14
tweet1
Zadat2