Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ

E theksuar me shkronja të zeza. Tekst i trashë me HTML dhe CSS

Sot do t'ju tregoj se si t'i bëni fjalët të guximshme në një faqe interneti me duke përdorur HTML dhe CSS. Ky dizajn përdoret kur keni nevojë për të theksuar informacione të caktuara Në faqe. Dhe po flasim jo vetëm për titujt, por edhe për fjalët, frazat e thjeshta në tekst. Zbatohet mjaft thjesht.

Përdoret për të theksuar tekstin specifik me shkronja të zeza. html special etiketa - dhe . Për shembull kodi i mëposhtëm:

Teksti i thjeshtë.

Miniatura.

Teksti i trashë i fortë.

Teksti i thjeshtë.

Miniatura.

Teksti i trashë i fortë.

Prodhimi jep foton e mëposhtme:

Dy opsionet e fundit duken vizualisht të njëjta, por ato ndryshojnë pak nga njëri-tjetri. Etiketë specifikon një bordhim të thjeshtë stilistik të një fjale, ndërsa shton njëfarë kuptimi semantik "të përforcuar" (të rëndësishëm). Kjo do të thotë, rreshti i fundit nuk është vetëm tekst i theksuar, por disa informacione të rëndësishme. Në parim, rekomandohet që motorët e kërkimit të përdorin saktësisht .

Ju gjithashtu mund të shihni të shkruar në HTML font të guximshëm me stile:

Shembull tekst i trashë.

Shembull teksti me të guximshme fjalë.

Në faqen e internetit duket kështu:

Edhe pse kodi i tekstit me shkronja të zeza për HTML funksionon si duhet, nuk duhet të bëhet në këtë mënyrë. Të gjitha stilet duhet të jepen në skedar css. Pra, në shembullin e mësipërm duhet të keni për etiketat

DHE specifikoni klasën e duhur dhe më pas përshkruani pamjen e saj në fletën e stilit. Këto janë rregullat e kodimit. Pra, për të theksuara në HTML, përdorni etiketën .

Tekst i trashë në CSS

Për të bërë në CSS e theksuar fonti përdor vetinë font-weight. Me ndihmën e tij, tregohet "ngopja" e një fragmenti teksti. Vlerat mund të jenë nga 100 në 900, por më të përdorurat janë:

  • bold (bold) - 700 si parazgjedhje;
  • normale (normale) - 400 si parazgjedhje.

Ekzistojnë gjithashtu opsione për vlerat më të theksuara dhe më të lehta, të cilat ndryshojnë fontin në varësi të prindit në përkatësisht pak a shumë të theksuara.

Për të vendosur tekst të theksuar në CSS, duhet të vendosni një stil për këtë apo atë element, për shembull:

Tekst i thjeshtë me përzgjedhje e guximshme ne qender.

i fortë (pesha e shkronjave: bold;)

Këtu do të doja të shënoja një nuancë të vogël për të cilën më thanë - nëse krijoni për ndonjë element klasë e re, atëherë është e dëshirueshme të përdoret një emër pak a shumë "i kuptueshëm". Për shembull, në shembullin e mësipërm, stili class="my-bold-font" duket më logjik se class="new-font", sepse ju mund ta kuptoni pjesërisht qëllimin e tij. Ky është një plus për ata që do të shikojnë dhe përdorin paraqitjen tuaj në të ardhmen.

Në artikullin tjetër do të flas për fontet interesante të guximshme që arrita të gjej.

Përshëndetje të dashur lexues të blogut! Në këtë artikull do flasim O etiketat e formatimit të tekstit. Shembuj të spikatur janë bërja e tekstit të trashë ose të pjerrët. Ne do të shikojmë gjithashtu ndikimin e disa etiketave në optimizimi i brendshëm siti dhe rregullat për shkrimin e tyre. Ju mund të lexoni për këtë në artikullin më poshtë. Nga rruga, mund të gjeni elementë të ngjashëm të dizajnit të tekstit në shumë redaktues teksti, për shembull, në Word.

Etiketat ndahen në 2 lloje: bllok dhe inline. Kur përdorni të parën, mund të ndryshoni përmbajtjen e një pjese të tekstit (rreshta, fragmente individuale ose fjalë), dhe këto të fundit janë . Etiketat e formatimit që do të mbulojmë në këtë artikull janë kryesisht inline.

Rregullat dhe rendi i shkrimit të etiketave

Ju tashmë e dini se çfarë janë etiketat e hapjes dhe mbylljes. Nëse jo, atëherë lexoni artikullin në fillim të këtij materiali. Me pak fjalë, ekzistojnë dy lloje etiketash: të vetme (për shembull, transferimi në linjë e re
) dhe kontejner (i çiftuar). Pra, të gjitha etiketat e formatimit të tekstit janë çiftëzohet. Kjo do të thotë që çdo element ka një etiketë hapëse dhe mbyllëse dhe theksimi duhet të vendoset midis tyre. Për shembull, zgjedhja e saktë e një fraze do të duket kështu: Përzgjedhja

Kur shfletuesi përpunon këtë fragment, do të shihni tekstin e mëposhtëm: Fragment i zgjedhur. Nga rruga, në RSS feed të gjitha etiketat nuk shfaqen ().

Gjëja kryesore kur shkruani etiketa është të mos harroni t'i mbyllni ato. Përndryshe, i gjithë teksti në faqe do të jetë i theksuar (në shembullin me etiketën ). Por ka raste kur duhet të zgjidhni një fragment të caktuar si me shkronja të theksuara ashtu edhe me shkronja të pjerrëta në të njëjtën kohë. Por nuk ka asnjë etiketë që e kryen këtë veprim. Ekziston vetëm një rrugëdalje nga kjo situatë: përdorni dy etiketa në të njëjtën kohë. Nuk ka rëndësi se në çfarë rendi i përdorni. Prandaj, shkruani tekstin me etiketa si kjo:

Përzgjedhja

ose si kjo:

Përzgjedhja

Ju ende merrni Përzgjedhja kursive dhe të theksuara në të njëjtën kohë. Megjithatë, preferohet të përdoret opsioni i parë, sepse fillimisht ishte i vetmi dhe i saktë. Gjithashtu, mos harroni se çdo shfletues mund të përpunojë etiketat ndryshe (), në varësi të cilësimeve. Tani le të kalojmë te vetë etiketat e formatimit.

Bërja e tekstit të theksuar dhe të pjerrët - etiketa , , dhe

Etiketat më të njohura të formatimit të tekstit - nënvizimi i tij të guximshme dhe me shkronja të pjerrëta. Zakonisht ato përdoren për t'i dhënë rëndësi çdo fragmenti. Rasti i parë shërben për të zgjedhur një fragment që përmban informacione të dobishme ose fjalë kyçe. Shkrimet e pjerrëta shërbejnë për të njëjtin qëllim si teksti me shkronja të zeza, por informacioni është më pak i rëndësishëm sepse shkronjat kursive janë më pak të dukshme në sfondin e tekstit të trupit sesa teksti me shkronja të zeza.

Le të fillojmë me duke e bërë tekstin të guximshëm. Janë dy etiketa të përdorura për këtë veprim − dhe . Nuk ka dallim në pamje. Edhe pse, duke pasur parasysh se çdo shfletues mund të interpretojë çdo element ndryshe, ju duhet të jeni në gjendje të shihni disa ndryshime. Kështu duket teksti në etiketa dhe në formën e përpunuar tashmë nga shfletuesi:

Teksti në etiketa të forta

Teksti në etiketat b

Dhe ja se si duken këto dy rreshta në kodin burimor të faqes:

Teksti në etiketa të forta Teksti në etiketat b

Ne mund të vërejmë të njëjtën situatë në rastin e etiketa kursive dhe . Mundohuni të gjeni dallimet midis dy shembujve:

Teksti në em etiketat

Teksti në etiketat I

Por burimi:

Teksti në em etiketat Teksti në etiketat I

Pra, etiketat e përzgjedhjes së konsideruar me shkronja të theksuara dhe të pjerrëta në fakt nuk ndryshojnë, por pse atëherë na duhet, për shembull, etiketa nëse ka ? Në fund të fundit, kjo e fundit përmban vetëm një karakter (pa llogaritur kllapat) dhe, për rrjedhojë, është më e lehtë për t'u shkruar. Dhe gjëja është se etiketat dhe ndikojnë . Nëse i rrethoni fjalë kyçe me këto etiketa, kjo do të ketë një efekt pozitiv në promovimin e faqes. Gjëja kryesore është të mos e teproni - teksti duhet të ketë një maksimum prej 5% tekst të theksuar në etiketë. , dhe të njëjtën sasi kursive në etiketë .

Nëse thjesht dëshironi të nënvizoni një pikë në tekst, atëherë përdorni etiketën ose . Në përgjithësi, unë mendoj se edhe motorët e kërkimit e konsiderojnë tekstin në këto etiketa si më të rëndësishëm, por më tej optimizimi i brendshëm ato ende kanë më pak efekt se dhe .

Theksoni etiketat e pjerrëta të tekstit − , dhe

Tani le të shohim disa etiketa që përdorin një goditje në dekorimin e tekstit. Më i famshmi për ju redaktorët e tekstitetiketë ose nënvizojnë. Ky etiketë nuk ndikon në renditjen (me sa di unë), por do të ndihmojë për të theksuar disa tekste dhe për t'u përqëndruar në të. Shembull përdorimi etiketë e dhënë E solla pak më lart.

Dy etiketa të tjera të ngjashme - dhe . Të dyja kryejnë funksionin e tekstit të shënuar. Ju mund ta përdorni këtë etiketë në çdo situatë: nëse po përditësoni një dokument (ose më mirë, një pjesë të tij), mund të kaloni të vjetrën dhe të shtoni një të ri; nëse do të shkruani diçka që devijon nga tema e materialit; diçka që nuk i plotëson standardet morale dhe etike.

Dallimet midis këtyre dy etiketave janë vetëm në to të shkruarit, si rezultat i së cilës preferohet të përdoret i pari, sepse së pari, është më i përshtatshëm për të shkruar, dhe së dyti, do të ketë më pak kod HTML në faqen tuaj, dhe motorët e kërkimit e duan atë.

Etiketë dhe atributet - cilësimet e fontit të tekstit

Tani merrni parasysh një etiketë që nuk përdoret pa atribute. Me të, ju mund të vendosni parametra për një pjesë të veçantë të tekstit. Në përgjithësi, tani preferohet të përdoren (fletë stili kaskadë), sepse ato mund të reduktojnë shumë gjithë HTML kodi i faqes. Pra, merrni parasysh të njëjtën etiketë . Për të ka gjithçka tre atribute:

  • fytyrë- vetë fontin. Për shembull, Arial, Courier ose Verdana. Ju mund të listoni disa, sepse. jo të gjithë përdoruesit kanë një grup të gjerë shkronjash, por duke shkruar disa në atribut i fytyrës, shfletuesi do të jetë në gjendje të zgjedhë cilin të përdorë, ose më mirë, cili është i pranishëm në sistem;
  • madhësiaështë një atribut që specifikon madhësinë e tekstit. Mund të shprehet si në njësi arbitrare ashtu edhe në piksele;
  • ngjyrë- ngjyra e tekstit. Ky atribut mund të përdoret si në kodet e ngjyrave HTML ashtu edhe në ato verbale. Të parët duken si #FFFFFF (ku F është çdo numër ose shkronjë nga A në F), ndërsa të dytat shkruhen me fjalë të thjeshta(për shembull, e kuqe - e kuqe).

Kështu duket teksti në etiketë duke përdorur çdo atribut:

Ky tekst është 6 px


Ky tekst është i kuq

Ky tekst është me fontin Arial

Ky tekst është i kuq dhe me përmasa 5 px.

Dhe ja çfarë do të shihni pas përpunimit të kodit të shkruar:

Elementet e projektimit të tekstit të bllokut - Titujt

-

, paragraf

Së fundi, ne do të shikojmë elementet e bllokut, të cilat përdoren pothuajse në çdo dokument. Këto janë etiketat e titujve dhe paragrafëve. Le të shqyrtojmë të parën. Titujt vijnë në 6 lloje dhe secili ka etiketën e vet. Çdo specie vesh vetëm të sajën numër serik dhe të shkruara me etiketa

,

,...,

. Ja se si duken të gjitha titujt kur përpunohen:

Numri pas fjalës së titullit korrespondon me numrin në etiketë . Titujt kanë një ndikim të madh në optimizimin e faqeve, kështu që mbështillini ato në etiketa fjalë kyçe. Ka mjaft veçori të këtij rasti, të cilat do t'i diskutoj në artikujt vijues.

Tani le të flasim për etiketën e përzgjedhjes së paragrafit

Funksioni i kësaj etikete është të ndajë tekstin midis teksteve të tjera të ngjashme me një rresht bosh. Nëse shikoni kodin burimor të ndonjë dokumenti, mund të shihni sa vijon:

Drejtkëndëshat e gjelbër përmbajnë një paragraf, drejtkëndëshat e kuq një tjetër. Dhe ja se si duket ky kod pas përpunimit nga shfletuesi (shigjeta tregon një vijë të zbrazët):

Si rezultat, marrim një ndarje mjaft të dukshme të një paragrafi nga një tjetër, gjë që është e dobishme - leximi bëhet më i përshtatshëm.

Ky është fundi i artikullit rreth etiketat e formatimit të dokumenteve. Ka shumë më tepër sesa kam përshkruar në këtë artikull. Thjesht disa duhet të tregohen shumë, si rezultat i të cilave do t'u kushtohen artikuj të veçantë me një përmbledhje të plotë.!

11/27/14 88.7K

Në html, madhësia e shkronjave luan një rol të rëndësishëm. Kjo ju lejon të tërheqni vëmendjen e përdoruesit ndaj informacioneve të rëndësishme të postuara në faqen e faqes. Edhe pse jo vetëm madhësia e shkronjave është e rëndësishme, por edhe ngjyra, trashësia dhe madje edhe familja e tyre.

Etiketat dhe atributet kur punoni me fontet html

Gjuha e hipertekstit ka një grup të madh mjetesh për të punuar me fontet. Në fund të fundit, formatimi i tekstit është detyra kryesore e html.

Shkaku i krijimit gjuha HTML kishte një problem me shfaqjen e rregullave të formatimit të tekstit nga shfletuesit.


Merrni parasysh etiketat që përdoren për të punuar me fontet në html dhe atributet e tyre. Kryesorja është etiketa . Duke përdorur vlerat e atributeve të tij, mund të vendosni disa karakteristika të shkronjave:
  • ngjyra - vendos ngjyrën e tekstit;
  • madhësia – madhësia e shkronjave në njësi arbitrare.

Mbështetet një vlerë atribute pozitive nga 1 në 7.

  • fytyra - përdoret për të vendosur familjen e shkronjave të tekstit që do të përdoret brenda etiketës . Mbështeten vlera të shumta, të ndara me presje.

Formatohet vetëm teksti që ndodhet midis pjesëve etiketë e çiftuar font. Shfaqet pjesa tjetër e tekstit font standard vendosur si parazgjedhje.


Gjithashtu në html ka një numër etiketash të çiftuara që përcaktojnë vetëm një rregull formatimi. Kjo perfshin:
  • - vendos fontin e theksuar në html. Etiketë i ngjashëm në veprim me atë të mëparshëm;
  • - madhësia është më e madhe se e paracaktuar;
  • madhësi më të vogël font;
  • teksti i pjerrët(kursive). Etiketë e ngjashme ;
  • — teksti me nënvizim;
  • - të kryqëzuara;
  • - shfaq tekstin vetëm në shkronja të vogla;
  • - në shkronja të mëdha.

Teksti i thjeshtë

Miniatura

Miniatura

Më shumë se zakonisht

Më pak se zakonisht

Kursivë

Kursivë

Me nënvizim

Strikethrough

Aftësitë e atributeve të stilit

Përveç etiketave të përshkruara, ka disa mënyra të tjera për të ndryshuar fontin në html. Një prej tyre është përdorimi i atributit të stilit të përgjithshëm. Duke përdorur vlerat e vetive të tij, mund të vendosni stilin e shfaqjes së shkronjave:

1) font-family - vetia vendos familjen e shkronjave. Është e mundur të numërohen vlera të shumta.
Ndryshimi i fontit në html në vlerën tjetër do të ndodhë nëse familja e mëparshme nuk është vendosur në sistemi operativ përdorues.

Shkrimi i sintaksës:

font-family: font-emri [, font-name[, ...]]

2) madhësia e shkronjave - madhësia vendoset nga 1 në 7. Kjo është një nga mënyrat kryesore në të cilën mund të rrisni fontin në html.
Shkrimi i sintaksës:

madhësia e shkronjave: madhësia absolute | madhësia relative | vlera | interesi | trashëgojnë

Ju gjithashtu mund të vendosni madhësinë e shkronjave:

  • Në pixel;
  • Në terma absolutë ( xx-i vogël, x-i vogël, i vogël, i mesëm, i madh);
  • Në përqindje;
  • Në pikat (pt).

madhësia e shkronjave: 7

madhësia e shkronjave: 24 px

Madhësia e shkronjave: x-large

madhësia e shkronjave: 200%

madhësia e shkronjave: 24 pt


3) font-style - vendos stilin e shkronjave. Sintaksë:

stili i fontit: normal | italik | i zhdrejtë | trashëgojnë

Vlerat:

  • normal - drejtshkrim normal;
  • italic - italic
  • oblique - font me një prirje në të djathtë;
  • inherit - trashëgon drejtshkrimin e elementit prind.

Një shembull se si të ndryshoni fontin në html duke përdorur këtë pronë:

font-style:trashëgoj

stili i shkronjave: italic

stili i shkronjave: normale

stili i shkronjave: i zhdrejtë


4) font-variant - përkthen gjithçka shkronjat e mëdha në kryeqytete. Sintaksë:

font-variant: normal | kapele te vogla | trashëgojnë

Një shembull se si të ndryshoni fontin në html me këtë pronë:

font-variant:trashëgoj

font-variant:normal

font-variant:small-caps


5) font-pesha - ju lejon të vendosni trashësinë e shkrimit të tekstit (ngopje). Sintaksë:

pesha e shkronjave: e theksuar | më e theksuar | më e lehtë | normale | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

Vlerat:

  • bold - vendos fontin html në bold;
  • më i guximshëm - më i guximshëm në krahasim me normalen;
  • më i lehtë - më pak i ngopur në krahasim me normalen;
  • normal - drejtshkrim normal;
  • 100-900 - përcakton trashësinë e shkronjave në terma numerikë.

pesha e shkronjave: bold

pesha e shkronjave: më e guximshme

pesha e shkronjave: më e lehtë

pesha e shkronjave: normale

pesha e shkronjave: 900

pesha e shkronjave: 100

vetia e shkronjave dhe ngjyra e shkronjave html

Fonti është një tjetër veçori e kontejnerit. Brenda, ai kombinoi vlerat e disa vetive të krijuara për të ndryshuar fontet. Sintaksa e shkronjave:

font: font-size font-family | trashëgojnë

Gjithashtu, vlera mund të vendoset në fontet e përdorura nga sistemi në mbishkrimet në elemente të ndryshme kontrollon:

  • titull - për butona;
  • ikonë - për ikona;
  • menu - menu;
  • mesazh-kuti - për kutitë e dialogut;
  • mbishkrim i vogël - për kontrolle të vogla;
  • status-bar - fonti i shiritit të statusit.

font:ikona

font: titull

font: menu

font:message-box

mbishkrim i vogël

font:status-bar

font: italic 50px bold "Times New Roman", Times, serif

Teksti i theksuar në në numër të madh informacion - ide e mirë. Në fund të fundit, lexuesi mund të mos vërejë informacionin e nevojshëm, të rëndësishëm ose ndonjë tjetër që dëshironi të përcillni. Për shembull, theksoj edhe tekstin: etiketat, stilet, atributet, fjalët kyçe, lidhjet etj. I nxjerr në pah me ngjyrën time, por e bëj me ndihmën e stileve. HTML ka theksues standard të tekstit: të theksuara, të pjerrëta, të nënvizuara, të shënuara, mbi madhësinë, madhësi më të vogël. Le të kalojmë mbi të gjithë elementët e theksimit.

Miniatura

Shkronja e njohur e guximshme që mund të shihet kudo. Për këtë, u zhvilluan dy etiketa dhe . Etiketë , më të zakonshme. Këto etiketa nuk janë të njëjta, megjithëse rezultati është i ngjashëm. Dallimi është se etiketa përcakton guximin fizik të tekstit dhe etiketës përcakton rëndësinë e këtij teksti dhe e nxjerr në pah atë të guximshme. Por, e madhe "por", në shfletues modern të drejtat e tyre u “barazuan”, u bënë të barabarta (ekuivalente). E njëjta gjë vlen edhe për etiketat. dhe . Prandaj, është më e dobishme të përdorni një etiketë që është më e shkurtër. Më tej është një shembull:

Miniatura

Teksti kursive

Etiketat janë përgjegjëse për theksimin italik dhe . Siç u përmend më lart, ato janë të ndryshme në fokusin e tyre, por në shfletuesit modernë ato janë ekuivalente. Më tej është një shembull:

Teksti i nënvizuar

Theksoni tekstin me fontin e nënvizuar duke përdorur etiketën . Ky etiketë është zhvlerësuar nga specifikimi HTML dhe inkurajohet të përdorë stile, me të cilat jam dakord. Do të jem i sigurt për të shkruar ekuivalentët CSS të etiketave të theksit. Më tej është një shembull:

Teksti i nënvizuar

Teksti strikethrough

Për të hequr tekstin, përdoren dy etiketa ekuivalente: dhe . Këto dy etiketa zhvlerësojnë dhe i inkurajojnë ata të përdorin stile në vend të tyre. Një etiketë rreptësisht e ndaluar në HTML5. Më tej është një shembull:

Teksti strikethrough

Teksti më i madh dhe më i vogël se normalja

Mund të theksoni tekstin duke rritur madhësinë e tekstit. Ekziston një etiketë për këtë. . Për ta bërë tekstin më të vogël se zakonisht, përdorni etiketën . Por është ende e dobishme të përdorni gjithmonë stilet CSS. Më tej është një shembull:

Tekst më i madh

Zëvendësimi i tekstit të trashë me stilet CSS

Ekziston një pronë e tillë në CSS - font-pesha. Ajo merr shumë vlera: font-pesha:bold|më të guximshme|më të lehta|normale|100|200|300|400|500|600|700|800|900 . Për ta bërë tekstin të trashë, duhet të përdorni vlerën font-pesha: 900 . Ne do të flasim për këtë më shumë në mësimet e ardhshme.

Zëvendësimi i tekstit të pjerrët me stilet CSS

Në CSS, ekziston një analog i etiketës (Tekst italik). Kjo është vetia e stilit të shkronjave. Më tej është një shembull:

une (
stili i shkronjave: italic;
}

Zëvendësimi i tekstit të nënvizuar me stilet CSS

Etiketë është zhvlerësuar nga specifikimi HTML dhe përdorimi i stileve inkurajohet. Prona mund të jetë analoge tekst-dekorim. Zakonisht e përdor për të hequr nënvizimin nga lidhjet (asnjë vlerë), por në këtë rast duhet të shtojmë një nënvizim (vlerë nënvizuese). Më tej është një shembull:

Teksti i nënvizuar

U(
tekst-zbukurim: nënvizoj;

Të gjithë jemi mësuar të theksojmë një pjesë të tekstit ose fjalë të veçanta në sajt me shkronja të zeza, të nënvizuara ose të pjerrëta. Megjithatë, me abuzim të tepruar të këtyre gjërave, Motorë kërkimi mund të filtrojë faqen ose faqen tuaj të internetit.

Sot do të ofroj një zgjidhje për ata që duan të theksojnë ende fjalët dhe tekstin, por të mos kenë frikë nga sanksionet nga motorët e kërkimit. Kjo metodë Unë e përdor personalisht në disa sajte.

Etiketat standarde HTML janë përgjegjëse për formatimin e tekstit:

Kujdes! Unë kam lëshuar një temë të re Romb për artikujt dhe bloget tuaja. Më e shpejta në Google PageSpeed ​​dhe optimizimi maksimal nën SEO.

Unë sugjeroj përdorimin e CSS për të theksuar tekstin, i cili do të perceptohet nga motorët e kërkimit në mënyrë mjaft të përshtatshme.

Hapi 1: Shkruani opsionet CSS

Hapni skedarin tuaj të stilit (style.css, css.css, screen.css, etj.) dhe shtoni këtë deri në fund:

I fortë (pesha e shkronjave: bold;) .italic (stili i shkronjave: italic;) .nënvizuar (dekorimi i tekstit: nënvizuar;)

E fortë (pesha e shkronjave: bold;)

Kursi (stili i shkronjave: italic;)

Nënvizoni (dekorimi i tekstit: nënvizoni;)

Këtu kemi dhënë klasat përkatëse të tyren pamjen. Tani mund të hyni Modaliteti HTML merrni pjesën e dëshiruar të tekstit ose fjalën etiketa e hapësirës Me parametrat e dëshiruar, duke bërë që teksti të marrë pamje e dëshiruar: bold, italic ose nënvizuar. Shiko:

Megjithatë, kjo kohë është e shtrenjtë çdo herë për të përshkruar manualisht etiketë e re shtrihet me klasën. Prandaj, unë propozoj një opsion për ta automatizuar këtë.

Hapi 2. Shtimi i butonave në shiritin e formatimit të tekstit

Tani do të shtojmë butona të rinj në shiritin e formatimit të tekstit në zonën e administratorit të faqes suaj të WordPress. Do të duket kështu:

Siç mund ta shihni nga fotografia, unë kam shtuar 3 butona të rinj në modalitetin HTML. Pikërisht mbi to “varura” hapësirën e krijuar klasat e duhura(të fortë, të pjerrët dhe të nënvizuar).

Hapni skedarin tuaj functions.php dhe në fund, përpara mbylljes ?>, shtoni kodin e mëposhtëm (i huazuar, por i modifikuar nga unë):

/*butonat e personalizuar të formatimit të tekstit*/ add_action("admin_footer", "eg_quicktags"); funksioni eg_quicktags() ( ?>

/*butonat e personalizuar të formatimit të tekstit*/

add_action ("admin_footer", "eg_quicktags");

funksioni eg_quicktags()(

Artikujt kryesorë të lidhur