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.
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.
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:
<p style="padding-left:25px;">Your paragraph text goes here...</p>
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.
Některé webové stránky časopisů nebo literárních časopisů mohou chtít přidat tradičnější odrážku. V tomto případě musíte do svého přidat vlastní CSS WordPress téma.
Přejít na „ Vzhled> Přizpůsobit Chcete-li spustit Customizer "Chcete-li WordPress téma. Klikněte na „ Další CSS ".
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
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 v textovém editoru. Poté text obklopte značkami <p class = "custom-indent">
et </p>
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.
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:
article p {
text-indent: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.).
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
Ce WordPress Plugin premium je výkonný editor kódu CSS a JavaScript, který vám umožňuje přidat je do jakékoli části vašeho webu. To vám umožní zachovat vaše přizpůsobení i po velké aktualizaci vašeho WordPress téma.
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
2. Reagují na Mapy Google
Ce WordPress Plugin podporuje vytvoření systému více značek na mapě a několika map na stránce. Zahrnuje zobrazení na celou obrazovku a seskupení více značek. K tomu není potřeba žádný klíč API.
Instalace WordPress Plugin Responzivní mapa Googles je jednoduché a snadné. Není třeba dlouhých složitých kódů. Stejně tak je snadné vytvořit mapu, rychle do ní přidat místo, k tomu stačí zkopírovat krátký kód na stránku, kde chcete mapu zobrazit, a máte hotovo!
přečíst Jak zobrazit polohu člena vaší komunity WP na mapě Google
Mezi jeho další funkce patří:citlivé umění, strněkolik míst na stejné mapě,několik karet na stránku, možnoststáhněte si vlastní značky, zobrazení na celou obrazovku, d podporarůzné typy map (cestovní mapa, satelit, hybrid a terén), zautomaticky, schopnost přizpůsobit tjít z mapy, emnohem víc ...
Doporučené zdroje
Objevte více ressources doporučení, která vám pomohou lépe ovládněte svůj vizuální textový editor.
- Jak nainstalovat (přidat) plugin na WordPress
- Jak nainstalovat WordPress Security Wordfence
- Co můžete očekávat od nového editoru WordPress od Gutenberga
- Jak používat editor Gutenberg pro WordPress 5.0: Část XNUMX
- Jak přidat funkce do vizuálního editoru WordPress
Proč investovat do čističky vzduchu?
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.
...
Č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