Kuidas WordPressi postituse esimest rida taane teha

WordPress muudab digitaalse sisu avaldamise lihtsaks. Kuid selleks, et tekst näeks välja nagu traditsiooniline trükis, vajab see veidi kodeerimise oskusteavet.

Täpsemalt, kuidas teha taane WP-postituse esimesele reale, mitte tervele lõigule.

Vaikimisi rakendatakse taane kogu lõigule, kui kasutate klassikalise redaktori või Gutenbergi klassikalise lõigu ploki WordPressi tööriistaribal taande ja väljalangemise nuppe.



Ainult uue lõigu esimese rea taandamiseks tuleb CSS-kood lisada kaskaadlaadilehele (stylesheet.css).

Kuidas WordPressi postituse esimesele reale taane lisada

Kasutage CSS-i, et luua kohandatud taane klass, seejärel kutsuge see üles HTML-iga, lisades

. Taane luuakse ainult siis, kui HTML lisatakse uue lõigu algusesse. CSS-i märgendi „artikkel” sihtimine taandab selle asemel iga uue lõigu esimese rea.

Miks WP taande nupud ei tööta üherealiste taande puhul?

Taane- ja taandenuppude kasutamine WP leheredaktoris rakendab taande kogu lõigule.

Vaadake oma tekstiredaktorit ja näete HTML-koodile rakendatavat vasakpoolset polsterdust.

Vaikimisi lisab taande lüliti taande 40 pikslit.

<p style="padding-left: 40px;">

Seda arvu (40 pikslit) saab suurendada või vähendada.

Kui teisaldate lõpukoodi (

), jagab see lõigu osadeks. See ei kohalda taanet ainult lõigu esimesele reale.

Sama juhtub ka siis, kui kasutate taande muutmiseks HTML-is suvalist

-t, näiteks

<p style="margin-left:10%">

või sarnane.

HTML-i märgendi

​​vaikeseade on stiilielemendi rakendamine kogu lõigule.

Lõigu esimesele reale taande rakendamiseks peate oma kohandatud CSS-ile lisama taandeklassi.

Saate selle lisada oma stylesheet.css-faili või palju lihtsam viis on kasutada täiendavat CSS-i oma WP administraatoripaneelil.

Kohandatud taande lisamine CSS-is (lihtne viis)

Avage vasakpoolsel külgribal menüü Välimus, valige Kohanda ja seejärel suvand Täiendav CSS.

Sisestage järgmine kood:

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

Seejärel vajutage avaldamist.

Kuni muudatuste avaldamiseni neid ei rakendata. Pärast rakendamist rakendub see kõikjal, kus HTML-i kasutatakse.

Kui muudatused on lisatud, tuleks HTML-i elemendi

asemel lisada element

.

<p class=”custom-indent”>

Taane rakendamine iga uue lõigu esimesele reale

Kohandatud taande rakendamiseks kõikidele lõikudele oleks tüütu lisada elementi

iga lõigu algusesse.

Saate määrata iga uue lõigu võrdse taandevahega ainult iga lõigu esimesele reale ilma kogu lõiku taandeta.

Selleks kasutatav CSS-kood on sarnane…

article p {
text-indent:40px;
}

Põhjus, miks koodid on ülaltooduga sarnased, on see, et igal teemal on erinevad nimed, et identifitseerida stiililehe erinevaid elemente.

Sellel saidil on ajaveebi postituste element 'keha' märgistatud sildiga 'entry-content mvt-content'.

Meie testsaidil nimetatakse seda 'blogipostitus-ühe sisu'.

Element sõltub teie teemamallist. Kasutage klassi tuvastamiseks brauseri inspektorit.

Paremklõpsake Chrome'i abil ja seejärel valige suvand „kontrollimine”.

Nagu kohandatud taande puhul, saab vasakust veerisest teksti taandatavate pikslite arvu suurendada või vähendada.