CSS Hero Review: WordPress Theme Customization auðveldað!

WordPress tilboð


Þegar það kemur að því að fá vefsíðu sem lítur nákvæmlega út eins og þú vilt hafa þá er hreinn auður mismunandi WordPress þemna sem er í boði algjör blessun! Og ef þú eyðir nógu lengi í að leita gætirðu í raun og veru getað fundið þema sem verður fullkomlega fullkomið fyrir síðuna þína. Hins vegar eru líkurnar á því að þó að þú getir komist nálægt því sem þú vilt, þá muntu samt vera svolítið leið frá fullkomnun. Þegar öllu er á botninn hvolft, getur fyrirframbyggt þema alltaf hentað þörfum einstaklingsins niður í T? …

Svo hvað á að gera ef þér hefur tekist að finna þema sem er nálægt því sem þú vilt, en samt þarf að gera nokkrar breytingar? Jæja, ef þú hefur auðvitað nauðsynlega færni, þá er ekkert mál: þú munt geta breytt því eins og þú vilt. En hvað ef þú hefur ekki sjálfstraust til að fara inn og gera eigin breytingar á nauðsynlegum skrám?

Í dag langar mig að kynna þér mjög handhæga viðbætur: CSS Hero – viðbót sem gerir þér kleift að gera litlar – eða jafnvel tiltölulega stórar – sjónstillingar sjálfur: án þess að þurfa að snerta eina línu af kóða!

Hvað er CSS hetja?

CSS Hero er viðbætur fyrir sérsniðna þema (skoða aðgerðir.

CSS hetja

Sem slíkur tekur það svipað pláss til að draga og sleppa viðbótaruppbyggingum. Hins vegar, þar sem blaðagerðaraðilar hvetja þig til að smíða sérsniðna hönnun frá grunni, gerir CSS Hero þér kleift að fínstilla núverandi WordPress þema á einhvern hátt sem þér líkar.

Þetta gerir þér kleift að spila verktaki, án þess endilega að búa yfir einhverri færni verktaki sem venjulega er að ræða. Þú heldur áfram að nota faglega hönnuð WordPress þemað þitt – þú veist, það sem smíðað er af sérfræðingi, ekki með því að einhver kasti handahófi einingum saman, à la page byggir viðbætur – meðan þú gerir smávægilegar breytingar til að passa við kröfur þínar.

Enginn þáttur á staðnum er utan marka: Þú getur sérsniðið hvað sem er og allt. CSS Hero breytir sérsniðunum þínum í viðeigandi CSS kóða sem er síðan beitt á nýtt CSS stílblað (upprunalega stílsíðan helst ósnortin og forðast öll vandamál niður á línuna).

CSS Hero vinnur líka með hvaða WordPress þema sem er. Þeir sem eru mikið prófaðir fyrir eindrægni eru kallaðir Hero-tilbúnir, en óprófuð þemu eru ennþá studd í eldflaugarstillingu.

Verð

CSS Hero er hagkvæm, aukagjald tappi. Til að endurspegla samkeppni hennar er það verð sambærilegt við vinsælustu viðbætur við smíða síðu.

Grunn startarleyfi kostar aðeins $ 29 og gefur þér aðgang að CSS Hero viðbótinni (þó að þú hafir takmarkað notkun á einni vefsíðu).

Ef þú vilt nota CSS Hero á fleiri en einni vefsíðu eru möguleikarnir þínir:

  • Persónulegt leyfi ($ 59) – allt að fimm síður
  • Pro leyfi ($ 199) – allt að 999 síður

Eins og þú getur ímyndað þér er atvinnurekstrarleyfið beint að skapandi stofnunum og þróunarferlum. Bæði persónuleg leyfi og atvinnurekstrarleyfi hafa einnig aðgang að aukagjaldi viðbótarins, Inspector Pro – við munum fjalla nánar um þetta lengra niður á síðunni.

Öll þrjú CSS Hero leyfin gilda í eitt ár, veita aðgang að uppfærslum og stuðningi eins árs og koma með 30 daga peningaábyrgð.

Að byrja

Eftir að þú kaupir þig verðurðu fluttur á stjórnborð CSS Hero. Þaðan munt þú geta fengið aðgang að umfangsmiklum gögnum viðbótarinnar auk hinnar frábæru CSS Hero Academy. Akademían er fín snerting og býður upp á röð byrjendavænna námskeiðs um vídeó sem er hannað til að hjálpa þér að ná sem mestu úr nýju viðbætinu þínu (ég myndi elska að sjá önnur háþróuð viðbætur í kjölfarið).

CSS Hero Mælaborð

Mælaborðið gegnir einni mikilvægri aðgerð: Það er þar sem þú halar niður CSS Hero og – háð leyfisstigi þínu – Inspector Pro viðbæturnar.

Þegar niðurhalinu er lokið, skráðu þig inn á WordPress mælaborðið þitt. Sigla að viðbótum > Bæta við nýju > Hlaðið inn viðbót, fylgdu síðan leiðbeiningunum til að hlaða zip-skránum í viðbótina og virkja viðbótina. Ef þú hefur einhvern tíma sett upp WordPress tappi áður mun þetta allt líða mjög kunnugt.

Samt sem áður, CSS Hero uppsetningin þarfnast enn eitt skrefið: Staðfesting. Smelltu á bláa hnappinn og fylgdu síðan leiðbeiningunum þegar þú skráir eitt af leyfunum þínum. Svo langt, svo gott.

Núna er CSS Hero þemabreytitæki og sem slík er klippingin gerð í framhliðinni þar sem þú getur skoðað breytingar í rauntíma. Opnaðu framhlið vefsins og þú sérð nýtt blátt tákn efst í hægra horninu á skjánum. Smelltu á þetta til að byrja að nota nýja viðbótina þína.

CSS hetju táknmynd

CSS Hero Editor

Eftir að hafa smellt á bláa táknið þarftu að bíða í nokkrar sekúndur til að kveikja á CSS Hero. Þegar viðbótin er virkjuð geturðu nú byrjað að stilla og sérsníða vefsíðuna þína.

Til að byrja, smelltu einfaldlega á bláa táknið efst á valkostasniðinu. Ef þú ert ekki viss um hvernig á að halda áfram mun viðbótin veita þér handhæga hlekki sem nær yfir öll grunnatriðin. Ef þú ert hins vegar tilbúinn að kafa beint inn geturðu byrjað að miða og breyta hvaða þætti sem er á síðunni þinni.

Sveima yfir þættinum sem þú vilt breyta og smelltu síðan (við ætlum að byrja á því að skoða tiltölulega grunn efnisgrein, eins og sést á skjámyndinni hér að neðan). Þegar smellt hefur verið á þá læst CSS Hero þáttinn þinn, sem þýðir að þér er frjálst að byrja að sérsníða.

CSS Hero Target Element

Til að gera ferlið eins einfalt og mögulegt er, mun CSS Hero veita þér lista yfir valkosti um aðlögun, allt eftir tegund frumefnis sem þú valdir. Eftir að hafa valið málsgrein fela valkostirnir mínir í sér að breyta letri, bakgrunni og landamærum og stilla padding umhverfis textann.

Það er auðvelt að breyta þætti með öllu stjórnað af hægri matseðilsstikunni auk breytinga sem forsýndir eru í rauntíma. Til að byrja hef ég ákveðið að einbeita mér að textaeiginleikunum. Þegar þessi valkostur er valinn birtir CSS Hero alla tiltæka valkosti til að stilla textann, þar á meðal:

  • Font andlit – með hverju Google letri sem hægt er að velja
  • Leturlitur
  • Leturstærð
  • Leturþyngd
  • Textalínun
  • Umbreyting texta – til dæmis hástafi
  • Orðabil
  • Línuhæð

Gerðu þær breytingar sem þú vilt og horfðu á þær beitt á textann nokkrum sekúndum síðar.

CSS Hero leturstíll

Þú getur síðan farið aftur og stillt bakgrunn fyrir efnisgreinina þína – aftur, CSS Hero veitir þér fulla stjórn. Þú getur sett inn sérsniðna mynd, valið lit eða stilla halla til að birta sem bakgrunn þinn.

CSS hetja bakgrunnshlutfall

Þú færð sömu möguleika fyrir efnisgreinarmörkin líka, með fullum sveigjanleika varðandi stíl, breidd og lit landamæra.

CSS Hero Border Style

Það eru jafnvel nokkur flott forstillt stíll – til dæmis að breyta textanum í hnapp eða sýna tilbúinn bakgrunn í fjölda flottra hönnun.

CSS Hero ReadyMade stíll

Ef þú vilt ekki að vinna í gegnum breytingarnar þínar í einu, getur þú einnig valið allan valkostinn, sem listar alla valkosti fyrir aðlögun á einum þægilegum skjá.

Afturkalla breytingar

Þegar þú gerir breytingar á textanum mun CSS Hero beita þeim á lifandi útgáfu af vefsíðunni þinni. Ekki hafa áhyggjur af því að gera varanlegar breytingar á þessum tímapunkti – áður en breytingunum er beitt hefurðu möguleika á að eyða þeim með því að smella á hætta eða til að staðfesta þær með því að slá á vista hnappinn.

Jafnvel eftir að hafa slegið á vistina muntu samt ekki vera fastur í óæskilegum breytingum. Til að snúa aftur til upprunalegs skaltu fara aftur á efsta stig CSS Hero valmyndarinnar, fara að verkfærakaflanum og velja síðan endurstillingarstillingar á sjálfgefinn valkost þema.

Það er líka mögulegt að endurheimta einstaka þætti í sjálfgefnu verksmiðjustillingarnar – smelltu bara á þann hlut sem þú vilt endurheimta og smelltu síðan á litla „R“ endurstillingarstáknið hægra megin við valmyndina. Ýttu á staðfesta og fantur þátturinn þinn verður endurreistur til fyrri dýrðar sinnar.

Eins og ég gat um áður, eru allar aðlaganir notaðar á viðbótarstílblað. Ef það versta gerist mun upprunalega stílblað þemans vera ósnert. Þetta þýðir, sama hvaða breytingar þú gerir með CSS Hero, ekki er hægt að gera skemmdir til langs tíma. Ef allir aðrir endurreisnarmöguleikar mistakast geturðu endurheimt sjálfgefið þema og sofið auðveldlega!

Breyta hvaða þætti sem er

Einn af styrkleikum CSS Hero er að það gerir þér kleift að breyta hvaða þætti sem er á síðunni þinni – sama hversu stór eða lítill.

Þegar litið er á stóru myndina geturðu breytt bakgrunnsmynd vefsins, stíl hliðarstikunnar og fótfæti.

Þetta er náð með sama ferli og við notuðum til að breyta málsgreininni okkar, en sýnir fram á að hægt er að nota CSS Hero til að gera grundvallarbreytingar á fagurfræði vefsins þíns. Skoðaðu skjámyndina hér að neðan, þar sem ég hef breytt bakgrunni hliðarstikunnar, breytt stíl búnaðarhaussins og einnig endurstillt bilið. Hérna er grunnskotið áður:

CSS Hero Before Skjámynd

Og hérna er það eftir klipið mitt – ég er að vísu ekki hönnuður, en þetta tók bara nokkrar sekúndur að ná.

CSS Hero After Screenshot

Þú getur einnig sérsniðið örsmáar innihaldsefni, svo sem myndir, tengilitir og listastíla. Listastílar eru sérstaklega áhugaverðir, vegna þess að þú færð að velja sérsniðnar byssukúlur úr hlutanum um sérstaka lista. Það eru sex flott fyrirbyggð byssukúlur studdar – þar með talið ferninga, aukastaf og rómversk tölustaf – eða þú getur hlaðið inn eigin sértáknum fyrir persónulegra snertingu.

Vonandi gefur þetta þér hugmynd um hvernig þú getur farið yfir hönnun vefsvæðisins. WordPress þemað þitt veitir grunninn, en þökk sé CSS Hero geturðu fínstillt alla pixla af vefsíðunni þinni að þínum vilja – án þess að snerta kóðalínu.

Aðrir eiginleikar

CSS Hero býr yfir nokkrum öðrum flottum eiginleikum sem ég vil vekja athygli þína á.

Í fyrsta lagi er skoðaskipti. Með vaxandi áherslu á móttækilegri hönnun er mikilvægt að vefsíðan þín vinnur gallalaus á tæki í öllum stærðum og gerðum. CSS Hero er með innbyggðan eiginleika sem gerir þér kleift að skoða síðuna þína á skjáborði, spjaldtölvu og farsíma.

Veldu einfaldlega valinn útsýni af tækjastikunni – það er annar valkosturinn niður – og láttu CSS Hero umbreyta skjánum þínum í viðeigandi stærð. Þetta er frábær leið til að prófa þær breytingar sem þú hefur beitt á smærri tækjum.

CSS Hero tafla útsýni

Næst höfum við mikilvæga sögu eiginleika. Í hvert skipti sem þú smellir á vista hnappinn geymir CSS Hero mynd af vefsíðunni þinni. Hægt er að skoða og endurheimta þessar skyndimyndir með því að smella á hnappinn, sem þýðir að vinnan þín glatast aldrei – þú getur bara hoppað fram og aftur í tímann.

Að lokum höfum við valkostinn Export CSS, sem er fáanlegur frá verkfærakaflanum. Þetta gefur þér tækifæri til að flytja út breyttu CSS til notkunar á annarri vefsíðu eða bara koma þér upp á skjánum til að kynna þér breytingarnar sem þú gerðir (ein besta leiðin til að læra CSS).

Eftirlitsmaður Pro viðbót

Þeir ykkar sem uppfærðir í persónulegar áætlanir eða atvinnumaður áætlanir fá einnig CSS Hero viðbót Inspector Pro fylgir með leyfinu.

Tilkynnt í maí 2015, og nýlega úr beta-ham, er Inspector Pro beint að háþróaðri CSS notendum. Þó að CSS Hero sé tæki sem krefst alls ekki CSS færni, hefur Inspector Pro verið þróað fyrir þá sem vilja aðlaga síðuna sína með því að fínstilla CSS beint.

Inspector Pro birtir CSS þema þíns undir forskoðun í beinni. Þú getur breytt þessum kóða eins og þú vilt og eins og þú gerir það endurspeglast breytingar þínar í forskoðuninni. Með því að gefa þér möguleika á að breyta CSS beint gefur þetta viðbætur þér algera stjórn á sérsniðunum þínum, pixla eftir pixla.

CSS Hero Inspector Pro

Hins vegar býður Inspector Pro einnig upp á gagnlegar aðgerðir, svo þú ert aldrei á eigin spýtur. Til dæmis er hægt að hoppa yfir í ákveðna línu með því að nota hjálpsamlega leitaraðgerðina eða slökkva á tilteknum stíllínum svo skarastir þættir komist ekki í veg fyrir.

Ef þú skrifar CSS þinn frá grunni muntu elska þessa viðbót, þar sem það þýðir að þú þarft ekki lengur að fletta á milli glugga – þú getur gert og skoðað allar breytingar þínar á einum skjá. Handlaginn!

CSS Hero Support

Frá því að þú skráir þig inn á CSS Hero mælaborðið geturðu séð að verktakarnir eiga erfitt með að hjálpa þér að fá sem mest út úr viðbótinni.

Ég hef þegar snortið umfangsmikil skjöl og CSS Hero Academy (akademían er á barnsaldri, en það eru áform um að halda áfram stækkun).

Þessir tveir hlutar eru ótrúlega ítarlegar og akademían inniheldur gagnlegar kennsluefni við myndbönd. CSS Hero getur verið erfitt að nota til að byrja með, þannig að mér fannst þessar stuttu kennsluefni við vídeó nýtast til að finna fæturna – eftir það fannst viðbótin tiltölulega einföld.

CSS Hero Academy

Það er einnig ítarlegri skjöl hlutar, þekktur sem Þróun þekkingargrunnsins. Þetta er beint að forriturum viðbóta / þema sem ganga í gegnum skrefin sem fylgja því að tryggja að vörur þeirra séu að fullu CSS Hero-samhæfar – aka, hetja-tilbúin.

Fyrir þá sem enn geta ekki leyst mál sín, þrátt fyrir ítarleg gögn, er einnig stuðningsmiðstöð. Meðlimir stuðningsfulltrúa CSS Hero eru til staðar til að svara öllum fyrirspurnum – venjulega innan nokkurra klukkustunda. Leyfi veitir þér eins árs aðgang að vettvangi og stuðningsteymi.

Stuðningsvettvangur CSS

Í heildina er ekki hægt að kenna um CSS Hero vegna stuðningsins. Forútskrifaðar og skráðar námskeið eru mjög gagnlegar og þær koma í gegnum notendaupplifunina á þeim stöðum þar sem líklegast er að þeir séu nauðsynlegir.

Eftir því sem WordPress viðbætur verða sífellt háþróaðri, langar mig að sjá fleiri forritara fylgja dæmi CSS Hero, veita háþróaðan stuðning beint úr kassanum, svo að óreyndir notendur finna sig aldrei út úr dýptinni.

Lokahugsanir

Í heildina var ég mjög hrifinn af CSS Hero. Með svo óheftum möguleikum á aðlögun gæti þetta tappi auðveldlega verið yfirþyrmandi – vegna þess snjalla, leiðandi viðmóts (og gagnlegra námsfunda) hefur það verið auðvelt að nota allan tímann.

Sérstillingarmöguleikarnir eru óþrjótandi, þannig að þú getur fínstillt þemað þitt á nokkurn hátt sem þú getur ímyndað þér. Þetta gerir þér kleift að búa til nokkrar flottar, frumlegar hönnun, með því að nota grunn þema þíns og allt án þess að gera hendur þínar óhreinar með kóðanum.

Hins vegar er CSS Hero ekki bara fyrir áhugamannakóða. Inspector Pro er spennandi tæki fyrir reynda forritara sem leita að því að byggja upp vefsíðu frá grunni.

Viðbótin gerir það að verkum að það er alveg mögulegt að þú gætir byggt upp síðu frá grunni og horft á sköpun þína lifna við þegar þú kóðar línu fyrir línu. En raunhæfara er að það tekur ágiskanirnar út úr sérsniðnum þemum, sem mun spara gríðarlega mikinn tíma fyrir forritara sem vinna við viðskiptavini.

Á heildina litið er CSS Hero topptenging og það ætti virkilega að höfða til notenda WordPress á öllum færnistigum. Ef þú hefur ekki gert það skaltu skoða það!

(uppfæra – 16. mars – síðan ég skrifaði þessa færslu hefur CSS Hero vinsamlega útvegað okkur sérstakt afsláttarmiða kóða veitir WinningWP lesendum rétt til allt að 40% afsláttur – skoða afsláttarmiða.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map