KAIP ĮTRAUKTI PIRMĄJĄ „WORDPRESS“ ĮRAŠO EILUTĘ

„WordPress“ leidžia lengvai skelbti skaitmeninį turinį. Tačiau norint, kad tekstas atrodytų kaip tradicinis spausdinimas, reikia šiek tiek kodavimo žinių.

Tiksliau, kaip įtraukti pirmąją WP įrašo eilutę, o ne visą pastraipą.

Pagal numatytuosius nustatymus, kai naudojate įtraukos ir įtraukos mygtukus WordPress įrankių juostoje klasikiniame redaktoriuje arba klasikinės pastraipos bloke Gutenberge, įtrauka taikoma visai pastraipai.

Kad įtrauktumėte tik pirmąją naujos pastraipos eilutę, CSS kodas turi būti įtrauktas į pakopinio stiliaus lapą (stylesheet.css).

Kaip įtraukti pirmąją „WordPress“ įrašo eilutę

Naudokite CSS, kad sukurtumėte „priskirtos įtraukos“ klasę, tada iškvieskite ją naudodami HTML, pridėdami

. Įtrauka sukuriama tik tada, kai HTML pridedamas prie naujos pastraipos pradžios. Taikant CSS žymą „straipsnis“, kiekvienos naujos pastraipos pirmoji eilutė įtraukiama.

Kodėl WP įtraukos mygtukai neveikia vienos eilutės įtraukose

Naudojant įtraukos ir įtraukos mygtukus WP puslapio redagavimo priemonėje įtrauka taikoma visai pastraipai.

Pažiūrėkite į savo teksto rengyklę ir pamatysite HTML kodui pritaikytą užpildymo kairėje stilių.

Pagal numatytuosius nustatymus įtraukos perjungiklis prideda 40 pikselių įtraukos.

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

Šį skaičių (40 pikselių) galima padidinti arba sumažinti.

Jei perkeliate pabaigos kodą (

), pastraipa suskaidoma. Ji netaikoma įtrauka tik pirmai pastraipos eilutei.

Tas pats atsitinka, jei HTML naudojate bet kurį

, kad pakeistumėte įtrauką, pvz.,

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

ar panašiai.

Numatytoji žyma

HTML yra pritaikyti stiliaus elementą visai pastraipai.

Norėdami pritaikyti įtrauką pirmai pastraipos eilutei, į savo pasirinktinį CSS turite įtraukti įtraukos klasę.

Galite pridėti tai prie savo stylesheet.css failo arba daug paprastesnis būdas yra naudoti papildomą CSS WP administratoriaus skydelyje.

Pasirinktinės įtraukos pridėjimas CSS (paprastas būdas)

Eikite į meniu Išvaizda kairėje šoninėje juostoje, pasirinkite Tinkinti, tada pasirinkite parinktį Papildomas CSS.

Įveskite šį kodą:

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

Tada paspauskite publikuoti.

Kol pakeitimai nebus paskelbti, jie nebus taikomi. Pritaikius, jis taikomas visoje svetainėje visur, kur naudojamas HTML.

Pridėję pakeitimus, užuot įtraukę

elementą į HTML, įterpkite elementą

<p class=”custom-indent”>

Kiekvienos naujos pastraipos pirmoje eilutėje taikykite įtrauką

Norint pritaikyti pasirinktinę įtrauką visoms pastraipoms, būtų nuobodu kiekvienos pastraipos pradžioje įterpti elementą

Kiekvienoje naujoje pastraipoje galite nustatyti vienodą įtraukos tarpą, taikomą tik pirmai kiekvienos pastraipos eilutei, neįtraukdami visos pastraipos.

Tam naudojamas CSS kodas yra panašus į…

article p {
text-indent:40px;
}

Priežastis, dėl kurios paminėta, kad kodai yra panašūs į aukščiau pateiktus, yra ta, kad kiekviena tema turi skirtingus pavadinimus, pagal kuriuos galima identifikuoti įvairius stiliaus lapo elementus.

Šioje svetainėje tinklaraščio įrašų elementas „body“ yra pažymėtas kaip „įvesties turinys mvt-content“.

Mūsų bandomojoje svetainėje jis vadinamas „tinklaraščio įrašu-vieno turinio“.

Elementas priklauso nuo jūsų temos šablono. Norėdami nustatyti klasę, naudokite naršyklės inspektorių.

Naudodami „Chrome“, dešiniuoju pelės mygtuku spustelėkite, tada pasirinkite parinktį „Patikrinti“.