WordPress uľahčuje publikovanie digitálneho obsahu. Aby váš text vyzeral ako tradičná tlač, vyžaduje si to trochu know-how v oblasti kódovania.
Konkrétne, ako odsadiť prvý riadok príspevku WP, a nie celý odsek.
V predvolenom nastavení, keď použijete tlačidlá odsadenia a odsadenia na paneli s nástrojmi WordPress v klasickom editore alebo bloku Klasický odsek v Gutenbergovi, odsadenie sa použije na celý odsek.
Ak chcete odsadiť iba prvý riadok nového odseku, kód CSS je potrebné pridať do vašej šablóny kaskádových štýlov (stylesheet.css).
Ako odsadiť prvý riadok príspevku WordPress
Použite CSS na vytvorenie triedy “custom-indent” a potom ju vyvolajte pomocou HTML pridaním . Zarážka sa vytvorí len tam, kde sa HTML pridá na začiatok nového odseku. Zacielenie na značku „article“ v CSS namiesto toho odsadí prvý riadok každého nového odseku.
Prečo tlačidlá odsadenia WP nefungujú pre zarážky jedného riadka
Pomocou tlačidiel odsadenia a odsadenia v editore WP na stránke sa odsadenie použije na celý odsek.
Pozrite sa do svojho textového editora a uvidíte štýl výplne vľavo, ktorý sa použije na kód HTML.
V predvolenom nastavení prepínač odsadenia pridá 40 pixelov odsadenia.
<p style="padding-left: 40px;">
Toto číslo (40px) je možné zvýšiť alebo znížiť.
Ak presuniete koncový kód (
), odsek sa rozdelí. Neaplikuje zarážku len na prvý riadok odseku.To isté sa stane, ak použijete akýkoľvek
v HTML na úpravu zarážky, ako napr
<p style="margin-left:10%">
alebo podobne.
Predvolená hodnota pre značku
v HTML je použiť prvok štýlu na celý odsek.
Ak chcete použiť odsadenie na prvý riadok odseku, musíte do vlastného CSS pridať triedu odsadenia.
Môžete to buď pridať do svojho súboru stylesheet.css, alebo oveľa jednoduchší spôsob je použiť doplnkové CSS na paneli správcu WP.
Pridanie vlastného odsadenia v CSS (jednoduchý spôsob)
Prejdite do ponuky Vzhľad na ľavom bočnom paneli, vyberte položku Prispôsobiť a potom vyberte možnosť Ďalšie CSS.
Vložte nasledujúci kód:
p.custom-indent {
text-indent:40px;
} 
Potom stlačte publikovať.
Kým nebudú zmeny zverejnené, nebudú použité. Po použití sa použije na celom webe všade tam, kde sa používa kód HTML.
Po pridaní zmien by ste namiesto pridania prvku
do kódu HTML vložili prvok
.
<p class=”custom-indent”>
Použitie odrážky na prvý riadok každého nového odseku
Ak chcete použiť vlastné odsadenie na všetky odseky, bolo by únavné vkladať prvok
na začiatok každého odseku.
robin padilla a mariel rodriguez najnovšie správy
Môžete nastaviť, aby každý nový odsek mal rovnaké medzery medzi zarážkami aplikovanými iba na prvý riadok každého odseku bez odsadenia celého odseku.
Kód CSS, ktorý sa na to má použiť, je podobný…
article p {
text-indent:40px;
}Dôvod, prečo sa spomína, že kódy sú podobné vyššie uvedeným, je ten, že každá téma má rôzne názvy na identifikáciu rôznych prvkov v šablóne so štýlmi.
Na tejto stránke je prvok „body“ blogových príspevkov označený ako „entry-content mvt-content“.
Na našej testovacej stránke sa nazýva „blog-post-single-content“.
Prvok závisí od vašej šablóny témy. Na identifikáciu triedy použite inšpektor prehliadača.
V prehliadači Chrome kliknite pravým tlačidlom myši a vyberte možnosť „skontrolovať“.
Rovnako ako v prípade vlastného odsadenia sa počet pixelov, o ktoré odsadíte text od ľavého okraja, môžete zvýšiť alebo znížiť.