Review ng CSS Hero: Ginagawa ang Madaling Pag-customize ng Disenyo ng WordPress

Kung isa ka sa maraming mga nagsisimula na nais ipasadya ang iyong disenyo ng site ng WordPress nang hindi hawakan ang CSS, ikaw ay nasa swerte. Pinapayagan ka ng CSS Hero plugin para sa WordPress na gumawa ka ng pagpapasadya ng disenyo nang hindi hawakan ang isang linya ng code. Sa na-update na pagsusuri ng CSS Hero, ipapakita namin sa iyo kung paano gamitin ang CSS Hero upang ipasadya ang iyong website, at kung bakit naniniwala kami na ito ay isa sa mga plugin na dapat subukan ng bawat nagsisimula sa WordPress..


Ang pagsusuri sa CSS Hero

Ang aming CSS Hero Review

Ang CSS Hero ay isang premium na plugin ng WordPress na nagbibigay-daan sa iyo upang mag-disenyo ng iyong sariling tema ng WordPress nang hindi sumulat ng isang linya ng code (Walang kinakailangang HTML o CSS).

May kakayahan kang mag-undo ng mga pagbabago na lubos na kapaki-pakinabang para sa mga nagsisimula. Ang lahat ng mga pagbabago ay nai-save bilang isang karagdagang styleheet, na nangangahulugang maaari mong i-upgrade ang iyong tema ng WordPress nang hindi nababahala tungkol sa pagkawala ng mga pagbabago.

Kung ikaw ay isang taga-disenyo o nag-develop, makakahanap ka ng CSS Hero nang pantay na mabuti. Gumagana ito nang maayos sa lahat ng mga tanyag na tema ng WordPress at mga frameworks. Maaari mong mabilis na gumawa ng mga pagbabago sa tema ng isang bata, at pagkatapos ay i-export ito upang magamit sa website ng isang kliyente.

Maaaring i-save ka ng CSS Hero ng maraming oras at pagkabigo pagdating sa paggawa ng mga pagpapasadya ng disenyo.

Karaniwan, hindi kami nag-aalinlangan tungkol sa mga plugin ng pag-customize ng point-and-click na disenyo dahil sa kanilang laki ng dugo. Gayunpaman, ang CSS Hero ay tunay na humanga sa amin mula pa sa simula.

Kung hihilingin ka sa amin ng isang tapat na pagsusuri sa CSS Hero, pagkatapos ay bibigyan namin ito ng 5 sa 5 bituin.

Paano Gumamit ng CSS Hero upang Ipasadya ang Iyong Tema ng WordPress

Una kailangan mong mag-install at buhayin ang plugin ng CSS Hero. Para sa higit pang mga detalye, tingnan ang aming hakbang-hakbang na gabay sa kung paano mag-install ng isang plugin ng WordPress.

Ito ay isang premium na plugin ng WordPress na may presyo na nagsisimula mula sa $ 29 para sa isang solong site (lubos na nagkakahalaga ng pamumuhunan na isinasaalang-alang ang oras at abala ay makatipid ka nito).

Gamitin ang code ng kupon ng CSS Hero: WPBeginner upang makakuha ng isang espesyal na diskwento ng 34% Off. Kung binibili mo ang plano ng PRO, pagkatapos ang parehong code ay makakakuha ka ng isang whopping na 40% na diskwento.

Sa pag-activate, mai-redirect ka upang makuha ang iyong key ng CSS Hero Lisensya. Sundin lamang ang mga tagubilin sa screen, at mai-redirect ka pabalik sa iyong site sa ilang mga pag-click.

Ang layunin ng CSS Hero ay upang mabigyan ka ng isang WYSIWG (kung ano ang nakikita mo ay nakuha mo) interface para sa pag-edit ng iyong tema. Bisitahin lamang ang iyong website habang naka-log in, at mapapansin mo ang pindutan ng CSS Hero sa WordPress admin bar.

Pindutan ng CSS Hero

Ang pag-click sa pindutan ay i-convert ang iyong site sa live na preview. Makikita mo na ngayon ang toolbar ng CSS Hero.

Live na editor ng CSS Hero

Susunod, mag-click lamang sa anumang elemento sa iyong website, at ipapakita sa iyo ng CSS Hero ang mga katangian ng CSS na ginamit ng iyong tema para sa partikular na elemento.

Mga katangian ng Elemento

Kasama dito ang mga karaniwang katangian ng CSS para sa napiling elemento tulad ng background, typography, hangganan, spacing, at marami pa. Maaari kang mag-click sa anumang item upang mapalawak ito at pagkatapos ay i-edit ang mga katangian ng CSS gamit ang isang simpleng interface ng gumagamit.

Pag-edit ng mga katangian

Habang gumagawa ka ng mga pagbabago, mapapansin mo ang pasadyang CSS na magically lilitaw sa ibaba. Kung natututo ka ng CSS, makikita mo ito ay kapaki-pakinabang upang makita kung paano ang iba’t ibang mga pagbabago sa CSS ay inilalapat kasama ang resulta sa live na preview.

Pag-edit ng mga istilo para sa iba't ibang mga elemento gamit ang CSS Hero

Ang pagkakaroon ng problema sa paghahanap ng mga libreng imahe ng royalty para sa iyong website? Ang CSS Hero ay may built-in na pagsasama sa Unsplash na nagbibigay-daan sa iyo upang mag-browse, maghanap, at gumamit ng magagandang litrato sa disenyo ng iyong website.

Paggamit ng mga libreng imahe ng royalty sa disenyo ng iyong website

Ang CSS Hero ay may kasamang ilang mga handa na mga snippet na maaari mong ilapat sa iba’t ibang mga elemento sa iyong website. Lumipat lamang sa tab na Snippets sa kaliwang kolum.

Mga handa na mga snippet ng CSS hero

Habang gumagawa ka ng mga pagbabago sa iyong website, aasahin ng CSS Hero ang mga pagbabagong iyon ngunit hindi mailalathala ang mga ito. Upang mailapat ang mga pagbabagong ito sa iyong live na website, kailangan mong mag-click sa pindutan ng I-save at I-publish.

I-save at i-publish ang iyong mga pagbabago

Paano I-undo ang Mga Pagbabago sa CSS Hero

Ang isa sa mga pinakamahusay na tampok ng CSS Hero ay ang kakayahang alisin ang anumang mga pagbabago na ginagawa mo sa anumang oras. Ang CSS Hero ay nagpapanatili ng isang kasaysayan ng lahat ng mga pagbabago na ginawa mo sa iyong tema. Mag-click lamang sa pindutan ng kasaysayan sa tool ng CSS Hero tool upang makita ang listahan ng mga pagbabago.

Kasaysayan ng CSS Hero

Maaari kang mag-click sa isang petsa at oras upang makita kung ano ang tiningnan ng iyong site sa puntong iyon. Kung nais mong bumalik sa estado na iyon, pagkatapos ay i-save o ipagpatuloy lamang ang pag-edit mula sa puntong iyon.

Hindi ito nangangahulugang mawawala ang mga pagbabagong nagawa mo pagkatapos ng puntong iyon. Iniimbak pa rin sila, at maaari kang bumalik sa oras na iyon. Hindi ito nakakakuha ng mas simple kaysa doon.

Ngunit paano kung nais mo lamang ibalik ang mga pagbabagong nagawa mo sa isang partikular na item?

Sa kasong iyon, hindi mo kailangang gamitin ang tool sa kasaysayan. Mag-click lamang sa elemento na nais mong ibalik at pagkatapos ay mag-click sa pindutan ng pag-reset.

I-reset ang isang solong elemento

Babaguhin nito ang item pabalik sa mga setting ng default na tinukoy ng iyong tema ng WordPress.

Pagpapasadya ng Iyong Site para sa Mga Mobile na aparato sa CSS Hero

Ang pinaka-mapaghamong aspeto ng disenyo ng web ay ang pagiging tugma ng aparato. Kailangan mong tiyakin na ang iyong site ay mukhang pantay na nakasisilaw sa lahat ng mga aparato at laki ng screen. Gumagamit ang mga taga-disenyo ng web ng iba’t ibang mga tool upang subukan para sa pagiging tugma ng browser at aparato. Masuwerteng para sa iyo, ang CSS Hero ay may built-in na tool sa preview.

Mag-click lamang sa icon ng desktop sa tool ng CSS Hero at pagkatapos ay mag-click sa isang uri ng aparato. Maaari kang pumili mula sa mga aparatong mobile, tablet, at desktop. Magbabago ang lugar ng Preview sa iyong napiling aparato.

Pag-edit sa iba't ibang mga mode ng aparato

Maaari mo na ngayong i-edit ang iyong site habang ini-preview ito para sa mga mobile device. Ang tool na ito ay partikular na kapaki-pakinabang upang i-tweak ang disenyo ng iyong tema para sa mga mobile at tablet.

Pagkatugma sa Tema ng Hero ng CSS

Ang opisyal na website ng CSS Hero ay may patuloy na lumalagong listahan ng mga katugmang tema. Kasama sa listahang ito ang marami sa pinakamahusay na libreng tema ng WordPress. Mayroon din itong pinakapopular na mga tema ng premium mula sa mga tindahan tulad ng CSSIgniter, Themify, StudioPress, at marami pa.

Ano ang Tungkol sa Mga Tema hindi sa Listahan ng Pagkatugma sa Tema?

Ang CSS Hero ay may tampok na tinatawag na Rocket Mode Auto-detection. Kung gumagamit ka ng isang tema na hindi kasama sa listahan ng pagiging tugma ng tema, awtomatikong magsisimula ang CSS Hero gamit ang rocket mode.

Sinusubukan ng Rocket Mode na hulaan ang mga CSS selectors mula sa iyong tema sa sarili nitong. Ito ay gumagana nang ganap ng halos lahat ng oras. Kung ang iyong tema ay sumusunod sa mga pamantayan sa coding ng WordPress, maaari mong mai-edit ang halos lahat.

Maaari mo ring tawagan ang iyong developer ng tema at hilingin sa kanila na magbigay ng pagiging tugma sa CSS Hero.

Aling mga Plugin ang Katugma sa CSS Hero?

Ang CSS Hero ay regular na nasubok sa mga nangungunang WordPress plugin para sa pagiging tugma. Kasama dito ang mga plugin ng form ng contact, tanyag na tagagawa ng pahina, WooCommerce, at iba pa.

Kung gumagamit ka ng isang plugin na WordPress na bumubuo ng isang output na hindi mai-edit ng CSS Hero, pagkatapos ay maaari mong hilingin ang may-akda ng plugin na ayusin ito. Hindi talaga nila kailangang magawa upang magbigay ng pagiging tugma sa CSS Hero.

Inaasahan naming natagpuan mo ang aming pagsusuri sa CSS Hero na kapaki-pakinabang. Maaari mo ring makita ang aming pinakahuling gabay sa pagpapabuti ng bilis ng WordPress at pagganap para sa mga nagsisimula.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me