- \n
- Muutke mis tahes teksti fondiperekonda, fondi suurust ja v\u00e4rvi<\/li>\n
- Muutke taustav\u00e4rve ja pilte<\/li>\n
- Reguleerige mis tahes elementide vahekaugust<\/li>\n<\/ul>\n
Ja see on vaid n\u00e4ide suurep\u00e4rastest v\u00f5imalikest kohandustest.<\/p>\n
Mis ei ole CSS Hero?<\/h2>\n
CSS Hero abil ei saa luua uusi malle ega t\u00e4iesti uusi paigutusi. Selleks on lehtede koostajad nagu Elementor<\/a>.<\/p>\n
\u00dcldiselt, kui soovite oma saidil teha muudatusi, mis n\u00f5uavad uue sisu lisamist, ei ole CSS Hero \u00f5ige t\u00f6\u00f6riist. Kui soovite teha puhtalt visuaalseid muudatusi, nagu elemendi v\u00e4rvi v\u00f5i suuruse muutmine, on CSS Hero ideaalne.<\/p>\n
Kuidas kasutada CSS Hero<\/h2>\n
Kuigi sellel on palju v\u00f5imalusi, on CSS Hero<\/a> kasutamine tegelikult v\u00e4ga lihtne.<\/p>\n
Kl\u00f5psake siin, et CSS Hero ise proovida<\/a><\/p>\n
Paigaldamine<\/h3>\n
CSS Hero laaditakse \u00fcles men\u00fc\u00fc Plugins kaudu nagu iga teinegi pistikprogramm. P\u00e4rast installimist kuvatakse nupp, mis palub teil hankida litsentsiv\u00f5ti.<\/p>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218395-6171b0bab38c4.png\")
<\/a><\/p>\nSellel nupul kl\u00f5psates suunatakse teid nende saidi lehele, millel on kl\u00f5psamiseks veel \u00fcks nupp, ja seej\u00e4rel litsents aktiveeritakse.<\/p>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218395-6171b0bca53eb.png\")
<\/a><\/p>\nSee ei saaks olla lihtsam.<\/p>\n
Liides<\/h3>\n
Kui CSS Hero on aktiveeritud, lisatakse teie saidile administraatori t\u00f6\u00f6riistaribale uus \u00fcksus Redigeeri CSS Heroga.<\/p>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218395-6171b0be832d5.png\")
<\/a><\/p>\nSellel kl\u00f5psamine viib teid CSS Hero disainiliidesesse.<\/p>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218395-6171b0c0c755d.png\")
<\/a><\/p>\nTutvustan<\/a> CSS Herot meie tasuta Ignite’i<\/a> teemaga<\/p>\n
Liides sarnaneb kohandajaga<\/a> (seda k\u00e4sitletakse meie p\u00f5hilises kohandamisjuhendis<\/a> ). Vasakul on paneel kohandamist\u00f6\u00f6riistadega ja parempoolne eelvaade, mida muudatuste tegemisel reaalajas v\u00e4rskendatakse. Sarnaselt kohandajale pole \u00fckski neist muudatustest teie k\u00fclastajatele n\u00e4htav enne, kui kl\u00f5psate nupul Salvesta ja avalda.<\/p>\n
Valige element<\/h3>\n
CSS Hero kohandamisprotsess algab elemendi valimisega.<\/p>\n
Kui liigutate hiirt saidi eelvaates, n\u00e4ete sinist piirjoont, mis m\u00e4\u00e4ratleb k\u00f5ik valitavad elemendid. Mis tahes elemendil kl\u00f5psamine v\u00f5imaldab teil seda muuta. Ignite’i teema p\u00e4ise valin j\u00e4rgmiselt:<\/p>\n
Saidi elementide kohandamine<\/h3>\n
Kui element on valitud, lisatakse kohandatavad atribuudid vasakule paneelile.<\/p>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218395-6171b0c41dda0.png\")
<\/a><\/p>\nNeed samad omadused on saadaval k\u00f5igi elementide jaoks<\/p>\n
Need on k\u00f5ik erinevad kohandused, mida saate CSS Hero abil mis tahes elemendile teha.<\/p>\n
Vaatame m\u00f5nda neist atribuutidest l\u00e4hemalt, et saaksite aimu, kuidas seda oma saidi kohandamiseks kasutada.<\/p>\n
Vahetage fonte<\/h4>\n
Kui p\u00e4is on valitud, saan valida suvandi T\u00fcpograafia ja seej\u00e4rel valida uue fondi. Valitud font rakendub automaatselt kogu p\u00e4isest leitud tekstile. See on palju kiirem kui fondi m\u00e4\u00e4ramine men\u00fc\u00fcle v\u00f5i saidi pealkirjale eraldi.<\/p>\n
CSS Hero annab teile juurdep\u00e4\u00e4su s\u00fcsteemifondide komplektile (teie operatsioonis\u00fcsteemi installitud fondidele) ja m\u00f5nele Google Fontsi<\/a> populaarsematele fontidele. Samuti on olemas "fondihaldur", mis v\u00f5imaldab teil \u00fche nupuvajutusega lisada saidile mis tahes fondi Google’i fontidest.<\/p>\n
Muuda teksti v\u00e4rve<\/h4>\n
Teine levinud kohandamine, millega CSS Hero hakkama saab, on saidi teksti v\u00e4rvi muutmine.<\/p>\n
Saidi mis tahes elemendi tekstiv\u00e4rvi muutmiseks valige see, valige suvand T\u00fcpograafia ja kl\u00f5psake v\u00e4rviseadel. CSS Hero annab teile lihtsa v\u00e4rvivalija, mille abil saate kiiresti v\u00e4rvi muuta.<\/p>\n
Piiride kohandamine<\/h4>\n
Ignite’i teemal on saidi \u00fclaosas oran\u017e \u00e4\u00e4ris. Seda on CSS Hero abil<\/a> sama lihtne muuta kui mis tahes teksti v\u00e4rvi .<\/p>\n
Saan valida p\u00e4ise, valida suvandi \u00c4\u00e4rised ja seej\u00e4rel valida \u00fclemise \u00e4\u00e4rise ikooni, et muuta ainult \u00fclemist \u00e4\u00e4rist. V\u00e4rvi saab muuta, kasutades sama v\u00e4rvivalija valikut, mis on saadaval teksti v\u00e4rvide muutmiseks.<\/p>\n
Lisage taustpilt<\/h4>\n
Saate muuta mis tahes elemendi taustav\u00e4rvi v\u00f5i rakendada taustapilti.<\/p>\n
Kui soovite tekstureeritud v\u00e4limust, saate lisada v\u00e4ikese taustpildi ja panna selle vertikaalselt ja horisontaalselt kordama. Samuti saate luua staatilise taustpildi, mis t\u00e4idab kogu saidi tausta. CSS Hero annab teile k\u00f5ik juhtnupud, mida vajate mis tahes soovitud asukoha ja suurusega taustpildi lisamiseks.<\/p>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218395-6171b0c873f76.png\")
<\/a><\/p>\nKuigi saate \u00fcles laadida mis tahes soovitud pildi, on CSS Hero integreeritud ka Unsplashiga,<\/a> mis annab teile juurdep\u00e4\u00e4su tuhandetele tasuta k\u00f5rge eraldusv\u00f5imega fotodele, mis on \u00e4\u00e4rmiselt mugav.<\/p>\n
Reguleerige vahekaugust<\/h4>\n
Viimane CSS Hero kohandamisfunktsioon, mida ma k\u00e4sitlen, on t\u00fchikuomadused.<\/p>\n
Veerist kasutatakse elementide vahele ruumi loomiseks. N\u00e4iteks saan selle nupu kohal olevat ruumi v\u00e4hendada ja selle all olevat ruumi suurendada, kasutades veerise CSS-i atribuuti.<\/p>\n
Teisest k\u00fcljest kasutatakse polsterdust elementide sees ruumi loomiseks. Saan suurendada nupu k\u00f5igi nelja k\u00fclje polsterdust, et muuta see suuremaks ja h\u00f5lpsamini kl\u00f5psatavaks.<\/p>\n
Ja teate, mis on veelgi muljetavaldavam?<\/p>\n
Need muudatused rakenduvad automaatselt k\u00f5igile saidi nuppudele \u201eLoe edasi", seega pean selle kohandamise tegema ainult \u00fcks kord.<\/p>\n
Lisavalikud<\/h2>\n
CSS Herol on ka jaotised piiriraadiuse (\u00fcmardatud nurgad) ja loendi stiilide muutmiseks, kuid te ei kasuta neid peaaegu nii sageli.<\/p>\n
Seal on ka jaotis Lisad, mis sisaldab m\u00f5ningaid juhuslikke omadusi, nagu l\u00e4bipaistmatus, kasti varjud ja n\u00e4htavus (peida m\u00f5ni element).<\/p>\n
![\"Kuidas](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-218395-6171b0cc7fd09.png\")
<\/a><\/p>\nKas peaksite kasutama CSS Herot?<\/h2>\n
Kui teil on vaid k\u00e4put\u00e4is n\u00e4pun\u00e4iteid, v\u00f5ib uue pistikprogrammi ostmist olla raske \u00f5igustada. N\u00e4iteks kui soovite lihtsalt oma saidi pealkirja suurust muuta, v\u00f5iksite t\u00f5en\u00e4oliselt saata oma teema arendajale meili CSS-i koodil\u00f5igu.<\/p>\n
See t\u00e4hendab, et CSS Hero maksab ainult 29 dollarit, muutes selle v\u00e4ga taskukohaseks. Alternatiiviks on asju ise v\u00e4lja m\u00f5elda, mis v\u00f5ib v\u00f5tta tunde. Te ei saa 29 dollari eest palgata arendajat oma saidil t\u00f6\u00f6tama.<\/p>\n
Kl\u00f5psake siin, et CSS Hero kohe vaadata<\/a><\/p>\n
Kui leiate sageli, et soovite oma saiti kohandada, on mitme saidi litsents minu arvates h\u00e4sti tagatud, et saaksite alati oma saidi kujunduses soovitud muudatusi teha.<\/p>\n
Kokkuv\u00f5tteks v\u00f5ib \u00f6elda, et CSS Hero<\/a> on suurep\u00e4rane t\u00f6\u00f6riist saidi kohandamiseks ja t\u00e4idab olulise ni\u0161i. Saidi drastiliste kohandamiste jaoks soovite valida uue teema<\/a> v\u00f5i \u00f5ppida lehe koostajat kasutama<\/a>.<\/p>\n
Kl\u00f5psake siin, et leida rohkem viise oma saidi kohandamiseks<\/a>.<\/p>\n