Chcete pridať medzery alebo podsekcie odsadené na WordPress? Chcete na WordPress odsadiť odstavce?
Aj keď je väčšina vašich textov zarovnaná doľava, v niektorých prípadoch bude pravdepodobne potrebné odložiť určité odseky písmena a najlepšia typografia a lepšie zážitok z čítania.
V tomto návode vám ukážeme, ako odsadiť ľahko odseky o WordPress.
Metóda 1: Použitie tlačidiel na odsadenie textu vo vizuálnom editore
V predvolenom nastavení je väčšina Témy WordPress Zobraziť zarovnané odseky doľava alebo doprava pre jazyky sprava doľava.
Ak chcete posunúť odsek, môžete to urobiť ručne kliknutím na tlačidlo Zvýšte odsadenie vizuálneho textového editora. Týmto sa do ľavej časti odseku pridajú medzery.
Ak chcete odsadiť viac ako jeden odsek, musíte ich zvoliť a potom kliknúť na tlačidlo Zvýšte odsadenie.
Oddialenie zväčšite kliknutím na tlačidlo niekoľkokrát. Napríklad ak na ňu dvakrát kliknete, zdvojnásobí sa vzdialenosť medzi odsadením.
Výber môžete tiež znížiť kliknutím na tlačidlo Zmenšiť odsadenie.
Pozývame vás aj pred ďalším objavovaním Ako používať editor Gutenberg pre WordPress 5.0: Časť XNUMX
Metóda 2: Ručné odsadenie odsek pomocou textového editora
Pomocou tlačidiel na výber text vo vizuálnom editore je najjednoduchší spôsob pridania odsadenia do odsekov. To vám však nedáva kontrolu nad tým, koľko medzery chcete pridať.
Najpokročilejší používatelia sa môžu prepnúť na textový editor manuálne pridať odsadenie. Všetko, čo musíte urobiť, je vložiť text do značky odseku a a potom y pridať kód CSS takto:
<p style="padding-left:25px;">Your paragraph text goes here...</p>
Táto metóda umožňuje ovládať medzery, ktoré chcete použiť ako zarážku. Táto metóda funguje najlepšie, ak nepotrebujete pravidelne odsadzovať odseky.
Ak ich teda zarážate dostatočne často, nie je to ideálne riešenie.
Objavte nášho sprievodcu Ako písať (zápis) dobrý bod na svojom blogu
Metóda 3: Odsadenie iba prvého riadku odseku
Webové stránky nepoužívajú tradičné medzery medzi odsekmi používané softvérom na spracovanie textu, ktoré označujú iba prvý riadok odseku.
Aj pri WordPresse, keď odsadíte odsek, pridá sa medzera do celého odseku.
Niektoré webové stránky časopisov alebo literárnych časopisov môžu chcieť pridať tradičnejšiu zarážku. V tomto prípade musíte do svojho súboru pridať vlastný CSS WordPress tému.
Choďte na „ Vzhľad> Prispôsobiť Spustenie „ Customizer "Ak chcete WordPress tému. Klikni na " dodatočné CSS ".
Na ľavom paneli sa zobrazí textové pole, do ktorého môžete pridať svoj vlastný kód CSS. Pridajte tento kód CSS do tohto textového poľa.
p.custom-indent {
text-indent:60px;
}
Objavte aj naše Výukový program: Ako zvládnuť vizuálny editor WordPress
Tento kód CSS prehľadávačom jednoducho oznámi, že ak odsek obsahuje triedu „.custom-indent“, pridá zarážku 60px.
Potom môžete svoj článok upraviť v textovom editore. Potom obklopte text značkami <p class = "custom-indent">
et </p>
ako nasledujúce :
Váš odsek sa dostane sem ...
Po dokončení si môžete zobraziť ukážku článku a uvidíte, že iba prvý riadok odseku obsahuje medzery.
Táto metóda bude fungovať opatrne, ak chcete odsadiť iba niekoľko odsekov. Ak však chcete tento štýl pridať do všetkých odsekov svojho webu, musíte jednoducho upraviť vlastný kód CSS takto:
article p {
text-indent:60px;
}
Tento kód CSS automaticky pridá zarážku do prvého riadku všetkých odsekov vo vnútri príspevku alebo stránky WordPress.
Objavte tiež pred odchodom Ako pridať vizuálny štýl do editora WordPress
Pre tých, ktorí hľadajú štýlových vizuálnych editorov na vylepšenie vzhľadu svojich webových stránok, ponúkame im 3 prémiové doplnky WordPress určené pre túto úlohu.
1. Žltá ceruzka: Editor štýlov CSS
Žltá ceruzka je editor vizuálneho štýlu, ktorý môžete použiť s ľubovoľnou témou na prispôsobenie svojho webu za pár minút (písma, farby, animácie a ďalšie ...).
Tento doplnok vytvorí na pozadí štýly CSS, zatiaľ čo budete hrať s farbami, akoby to bola hra. Bol určený pre začiatočníkov aj skúsených používateľov. Nie sú potrebné žiadne znalosti kódovania; Plugin má však dobrý editor CSS pre tých, ktorí radi kódujú. Pomocou tohto editora môžete kódovať naživo a prispôsobiť svoje CSS.
Stiahnuť | demo | web hosting
2. Jednoduché vlastné JS a CSS
Ce WordPress Plugin premium je výkonný editor kódu CSS a JavaScript, ktorý vám umožňuje pridať ich do ľubovoľnej sekcie vášho webu. Umožňuje vám ponechať si prispôsobenia aj po veľkej aktualizácii WordPress tému.
Máte možnosť obmedziť oblasť použitia vášho prispôsobeného kódu. Môžete napríklad použiť svoj kód iba pre článok vo formáte videa. Alebo môžete svoj kód obmedziť na konkrétnu tému; Čo je užitočné, ak často meníte témy blogu WordPress.
Stiahnuť | demo | web hosting
2. Reagujúca služba Mapy Google
Ce WordPress Plugin podporuje vytvorenie systému viacerých značiek na mape a niekoľkých máp na stránke. Zahŕňa zobrazenie na celú obrazovku a zoskupovanie viacerých značiek. Na to nie je potrebný žiadny kľúč API.
Inštalácia WordPress Plugin Responzívna mapa Googles je jednoduché a ľahké. Nie sú potrebné dlhé zložité kódy. Rovnako tak je jednoduché vytvoriť mapu, rýchlo do nej pridať miesto, stačí teda skopírovať krátky kód na stránku, kde chcete mapu zobraziť, a máte hotovo!
prečítať Ako zobraziť polohu člena vašej komunity WP na mape Google
Jeho ďalšie vlastnosti sú: acitlivý arte, strniekoľko miest na tej istej mape, sniekoľko kariet na stránku, možnosťstiahnite si vlastné značky, zobrazenie na celú obrazovku, d podporarôzne typy máp (cestná mapa, satelit, hybridný a terén), zautomaticky, schopnosť prispôsobiť tprejdite z mapy, naproveľa viac ...
Odporúčané zdroje
Objavte viac zdroje odporúčania, ktoré vám pomôžu lepšie ovládnite svoj vizuálny textový editor.
- Ako nainštalovať (pridať) doplnok na WordPress
- Ako nainštalovať WordPress Security Wordfence
- Čo môžete čakať od nového editora WordPress od Gutenberga
- Ako používať editor Gutenberg pre WordPress 5.0: Časť XNUMX
- Ako pridať funkčnosť do vizuálneho editora WordPress
záver
Tu ! To je pre tento návod všetko, dúfam, že vám to umožní lepšie usporiadať odsadenie vašich článkov. kľudne zdieľajte tip so svojimi priateľmi na svojich sociálnych sieťach.
Ak máte nejaké návrhy alebo pripomienky, budú vítané. Pozývame vás aj na konzultáciu s našimi zdroje, ak ste začiatočník blogger.
...
Článok p {pomlčka-text: 60 px; }
reťazec, ktorý mi dáva chybu.
Overovacia služba mi tiež zobrazuje chybu „60px; } "
Ako by sme mali opraviť?
Dobrá práca