Ženklelių spalva gali padėti jūsų turiniui išsiskirti geriau. Taip pat gali skaudėti akis, jei spalvos susikerta.
Kai kuriose didžiausiose interneto svetainėse sąrašai yra ryškūs, tačiau retai jie yra bendrieji apvalūs juodi apskritimai, kurie rodomi kaip įprasta, kai įterpiate ženklelių sąrašą į „WordPress“.
Reikia atlikti pakeitimus, kad ženkleliai atrodytų taip, kaip norėtumėte. Jie taip pat neturi būti koduojami tiesiogiai iš „WordPress“.
Galite naudoti Unicode simbolius, kad įterptumėte simbolius, pakeistumėte ženklelius vaizdais arba, jei esamas stilius tinkamas, pridėkite spalvų stiliaus elementą, kad pakeistumėte tik spalvą.
Toliau pateikiami veiksmai, kuriuos reikia atlikti, kodai, kuriuos reikia naudoti, ir instrukcijos, kaip redaguoti WP temos stiliaus lapą arba CSS tinkinimo įrankį, kad ženkleliai būtų bet kokios spalvos, formos, simboliai ar bet koks norimas vaizdas.
Kaip pakeisti ženklinimo taškų spalvą „WordPress“.
Lengviausias būdas yra redaguoti temos tinkinimo priemonę naudojant CSS. Arba WP Style.css galima pakeisti ir pakeisti kulkos taško spalva. Ženklų sąrašus valdo „li“ elementai. Jie gali turėti spalvų, o stilius galima pakeisti arba pašalinti, kad būtų pakeisti vaizdais arba Unicode simboliais.
Ženklelių spalvų keitimas redaguojant temos stilių lapą (Style.css)
Norėdami rasti temos stiliaus lentelę, slinkite kairiuoju šoninės juostos meniu, užveskite pelės žymeklį virš meniu elemento „Išvaizda“ ir pasirinkite parinktį „Temos rengyklė“.
Kaip rasti „WordPress style.css“ failą
Failas style.css yra „WordPress“ temos stiliaus lapas. Jei naudojate pagrindinę temą, pvz., „Genesis“ arba „Divi“, tikėtina, kad yra vaikų tema.
Redaguokite vaikų temą, o ne pirminę temą, kurią sudaro visas sistemos kodavimas.
Nurodykite klasės pavadinimą, kurį norite redaguoti
Kiekviename „WordPress“ šablone klasės pavadinimas, naudojamas ženklelių stiliui valdyti, skiriasi. Dauguma naudoja .entry-content ul li CSS eilutę, kiti savo sąrašo elementus pavadina žymekliais.
Norėdami rasti klasės pavadinimą, užveskite pelės žymeklį virš ženklelių sąrašo, dešiniuoju pelės mygtuku spustelėkite ir pasirinkite tikrinti. Atsidarys naujas ekranas, kuriame bus rodomas turinio kodavimas.
Inspektoriuje rodomas pavadinimas yra stiliaus lentelės elementas, kurį reikia redaguoti, kad būtų pakeista ženklelio spalva arba bendras stilius.
Div elemento pavadinimo jums reikės norint atnaujinti stiliaus lentelę arba redaguoti WP tinkinimo priemonę. Vienintelis skirtumas nuo redagavimo yra tai, kur įdedate kodą.
Redaguokite elementus, kad sukurtumėte „WordPress“ ženklelių stilių
Daugumoje „WordPress“ šablonų stiliaus lentelių ženkleliai pridedami specialiai „elementams“ skirtame skyriuje.
Taip valdomi šriftai, sąrašo elementų stiliai, teksto spalva, kabučių stiliai ir antraščių dydis, šriftas ir svoris.
Ženklai yra sąrašo elementai ir jie įterpiami kaip „tvarkomi sąrašai“, sutrumpintai koduose kaip „ol“, ir „netvarkingi sąrašai“, sutrumpintai „ul“. Sutvarkytuose sąrašuose naudojami skaičiai. Netvarkinguose sąrašuose naudojami ženkleliai. Ieškokite skyriaus, kuriame valdomi „ul“ stiliai.
Tiksli kodo eilutė yra „ul, li“, paprastai atskiriama eilutės pertrauka, tada po „li“ kodo pridedamas ženklelių stilius.
Pavyzdžiui, naudojant temos tinkinimo priemonę šiems parametrams perrašyti, ženklelių sąrašas ir jo elementai tampa mėlyni.
Norėdami pakeisti ženklelių spalvą, prie CSS tinkinimo priemonės pridėkite toliau nurodytą informaciją
.entry-content ul li {
list-style: square;
color: #2E89FF;
}*pakeiskite skaičius į bet kokią šešioliktainę spalvą. Jei nežinote šešioliktainio kodo, ieškokite bet kurio internetinio spalvų rinkiklio.
Kulkos spalvos keitimas nekeičiant teksto spalvos
Aukščiau pateiktas kodas pakeis ženklelio spalvą ir tekstą, esantį ženklelių sąraše.
Jei norite, kad taip neatsitiktų, galite naudoti CSS tinkinimo priemonę, kad nepaisytumėte temos stiliaus ir pakeistumėte jį savo tinkintu CSS.
Eikite į savo išvaizdos meniu, pasirinkite tinkinti, tada naudokite toliau pateiktą kodą:
ul {list-style: none}
li::before {content: "➣"; color: blue;
display: inline-block; width: 1em;
margin-left: -1em}Aukščiau pateiktame CSS standartiniam ženkleliui pakeisti naudojamas Unicode simbolis. Ir kadangi naudojamas turinys „prieš“, spalvą keičia tik kulka.
Tekstas išlieka tos pačios spalvos ir šrifto. Keičiasi tik kulkos stilius.
Norėdami naudoti tik kitos spalvos standartinį ženklelį, o ne Unikodo simbolį, nukopijuokite ir įklijuokite standartinį ženklelį (apskritimą, kvadratą ar bet kokią formą) vietoje Unikodo simbolio.
li::before {content: "•"; color: blue;
Stiliaus WordPress ženkleliai nurodo jūsų pageidavimus
Daugybę elementų galima pakeisti, kad kulkos taptų norimu stiliumi.
Galite pakeisti paraštės užpildymą, kad padidintumėte arba sumažintumėte įtrauką, pakeistumėte šriftą, šrifto svorį ir ženklelio stilių.
Kulkų sąrašo stilius gali būti:
- Apskritimas
- Kvadratas
- Diskas
- Dešimtainė
Skaitmeninius sąrašus galima keisti naudojant
- Decimal-leading-zero (01. 1 sąrašo elementas, 02. 2 sąrašo punktas ir kt.)
- Žemutinė romėniška (t. y. 1 sąrašo punktas, ii., 2 sąrašo punktas ir kt.)
- Viršutinė romėniška (I. sąrašo 1 punktas, II, 2 sąrašo punktas ir kt.)
- Nėra (apie tai vėliau)
Štai kaip atrodo pakeitimai.
Ženklų keitimas vaizdais
Aukščiau išvardytuose stiliuose galite nustebti pamatę „nėra“ kaip parinktį. Kodėl norite įtraukti ženklelių sąrašą tik norėdami paslėpti ženklelius?
Jūs taip pat sužinotumėte apie kaip įtraukti tekstą „WordPress“. .
Parinktis be stiliaus yra tai, ką nustatyti, kai norite rodyti fono vaizdą.
Vaizdų, naudojamų ženkleliams, dydis geriausiai tinka 16 x 16 piks. arba 20 x 20 pikselių. Bet koks didesnis, turėsite padidinti tarpus tarp eilučių, kad tekstas būtų tinkamai sulygiuotas.
Norėdami naudoti vaizdą kaip ženklą, pirmiausia įkelkite jį į savo „WordPress“ medijos biblioteką, tada nukopijuokite vaizdo URL.
Toliau esančioje ekrano kopijoje piktogramos dydis buvo pakeistas iki 20 x 20.
Naudojamas kodas yra
.entry-content ul li {
list-style-image:url(http:www.yoursite.com/wp-uploads/image-title.png);
}Prieš įkeldami nepamirškite pakeisti vaizdo dydžio. Priešingu atveju, norėdami sumažinti vaizdą, turėsite pridėti daugiau CSS kodo ir jis nebus aukštos kokybės.
Vaizdų ignoravimas naudojant unikodo simbolius
Unikodo simboliai yra kaip jaustukai. Yra tūkstančiai personažų ir ne visi yra besišypsantys veidai.
Yra meilės širdžių pasirinkimų, kuriuos galima panaudoti kuriant mėgstamų mažai angliavandenių turinčių maisto produktų sąrašą su ženkleliais arba sudaryti su ženkleliais išvardintus dalykus, kurių nereikėtų daryti.
Norėdami juos rasti, internete ieškokite „Unicode simbolių“. Yra svetainių, skirtų jų bibliotekų priežiūrai. Kai kurie yra tarsi nišiniai katalogai.
Norint juos naudoti, koduoti nereikia, nes simbolius galima nukopijuoti ir įklijuoti tiesiai į „WordPress“ temos tinkinimo priemonę.
Kodą reikia padalyti į dvi dalis, kad būtų rodoma dalis „prieš“, kad būtų rodomi vaizdo simboliai, o tarp vaizdo simbolio ir teksto simbolių – šiek tiek tarpų.
Pradėkite įvesdami CSS, kad pakeistumėte ženklelių sąrašą:
.entry-content ul li {
list-style-type: none;
}Tada pridėkite naują skyrių, kad pridėtumėte simbolį prieš sąrašo elementus.
.entry-content ul li:before {
content: "♥";
padding-right: 10px;
color: red;
}Rezultatas turėtų atrodyti taip:
Priklausomai nuo unikodo simbolio tipo, kai kurių jų spalva gali būti pakeista. Anksčiau pateiktame pavyzdyje širdies simbolis buvo juodas, kol spalva buvo pakeista į raudoną.
Tačiau tai priklausys nuo objektus rodančio įrenginio. Kai kurie neatpažįsta Unikodo to paties ir gali rodyti simbolį pradinės spalvos formatu.
Dažnai užduodami klausimai, susiję su tuo, kaip pakeisti ženklelių spalvą „WordPress“.
Ar geriau redaguoti temą ar naudoti WP tinkinimo priemonę ženklelių taškams stilizuoti?
WP temos atnaujinimai gali atmesti failų šablonų pakeitimus. Temos tinkinimo priemonė palaiko pakeitimus. Atminkite, kad reikia redaguoti tik vaikų temas. Ne tėvų tema. Po kiekvieno atnaujinimo stiliaus lapas turės būti atnaujintas, kad būtų atkurti pakeitimai. WP tinkinimo priemonės pakeitimai perkeliami kartu su WP atnaujinimais.
Ar galite pakeisti ženklelių sąrašo elementų spalvą ir turėti kitą teksto spalvą?
Kai nustatote CSS sąrašo elementų spalvos kodą, jis taikomas visiems sąrašo elementams, todėl gali būti taikoma tik viena spalva. Naudojant list-style-type: none; elementą, galima pridėti vaizdų, tada tekstui būtų taikoma viena spalva. Tai leidžia naudoti bet kokią vaizdo spalvą ir pasirinktinę sąrašo elementų šrifto spalvą.
