Visual Composer: Isang Patnubay Upang I-drag at Drop Pahina Building

Napakaganda ng WordPress, at ang kakayahang ipasadya ang iyong WordPress run website ay ang icing lamang sa cake. Gayunpaman hindi lahat sa atin ay mga coding gurus. Heck, ang ilang mga mahilig sa WordPress ay walang alam tungkol sa HTML o CSS. Ngunit hindi ka nito mapigilan na magawang ipasadya ang iyong tema ng WordPress. Dito pumapasok ang mga tagabuo ng pahina.


Ang mga tagabuo ng drag at drop page ay malawak na magagamit bilang mga plugin at binuo sa maraming mga tanyag na tema. Ginagawa nilang posible para sa mga gumagamit ng lahat ng mga antas upang makagawa ng mga pagbabago sa pangkalahatang layout ng isang tema, at maaari itong gawin ang pagdaragdag ng mga dagdag na flourish (mga icon, kasanayan-bar, mga talahanayan ng pagpepresyo, atbp.) Napakadali. Partikular na nais naming ipakilala ka sa aming bagong paboritong pahina ng plugin ng WordPress plugin – ang Visual Composer.

Kumuha ng Visual Composer Para sa Libre! Ang plugin ng Visual Composer ay isinama nang libre sa pagbili ng aming Kabuuang Tema ng WordPress at may kasamang ilang mga mahusay na extension para sa plugin para magamit sa tema.

Ano ang Visual Composer

Ang Visual Composer ay isang kamangha-manghang plugin na binuo ng WP Bakery na nagdaragdag ng isang drag at drop page tagabuo sa iyong WordPress tema. Inilipat namin ito sa aming Total na Multipurpose WordPress Theme, ngunit maaari mo ring makita ito sa halos bawat bagong nangungunang nagbebenta sa Themeforest. Binibigyan ka nito ng mga tool na kailangan mo upang makalikha ng kumplikadong mga layout ng pahina nang hindi kinakailangang hawakan ang isang solong linya ng code.

Paano Gumagana ang Visual Composer, At Ano ang Magagawa nito

Ito ay isang plugin, kaya i-install lamang at buhayin upang samantalahin ang lahat ng mga kamangha-manghang tampok. Kapag naaktibo, binibigyan ka ng Visual Composer ng kontrol sa layout ng iyong mga pahina. Magdagdag lamang ng isang bagong pahina at makakakita ka ng mga bagong pindutan upang maaari kang magpalipat-lipat sa pagitan ng mga klasikong mode at tagabuo mode pati na rin ang isang pindutan upang dalhin ka sa live na front-end editor.

visual-composer-button

Mula dito ang mga posibilidad ay limitado lamang sa iyong imahinasyon (o iyong mga kliyente). Maaari kang magdagdag ng mga hilera, mga haligi, mga pindutan, teksto, mga imahe at marami pang gamit sa lahat ng mga pagpipilian sa Visual Composer. Mayroong isang pagpipilian upang i-save ang iyong mga layout bilang isang template na muling gamitin muli.

Mga Linya

Kasama sa tagabuo ay mga elemento ng gusali ng pahina. Maaari mong gamitin ang mga elementong ito bilang literal na mga bloke ng gusali para sa iyong pahina. Una Magdagdag ng Isang Hilera. Ginagawang posible upang magdagdag ng mga haligi sa isang pag-click. Mag-hover lamang sa tab na dilaw na talata sa tuktok na kaliwang sulok ng iyong hilera at pumili ng isang layout. Awtomatikong masisira ang hilera sa mga haligi ayon sa layout na iyong pinili.

kabuuang-add-hilera

Mga Sangkap ng Pahina

kabuuang-add-elemento

Ang susunod na hakbang ay upang simulan ang pagdaragdag ng iyong mga tampok ng pahina. I-click lamang ang Magdagdag ng Elemento pindutan upang buksan ang isang pop-up menu. Mayroong maraming mga pagpipilian para sa pagdaragdag ng mga kahon ng teksto, heading, pagbabahagi ng lipunan, mga imahe at mga gallery, toggles o tab, mga kordyon, mga kamakailang post (na gumagana din sa mga pasadyang mga uri ng post ng iyong tema bilang karagdagan sa mga post sa blog), mga pindutan at kahit mga sidebar na mga widget.

Gayundin, depende sa tema ng WordPress at katugmang mga plugin na ginagamit mo sa Visual Composer ay makikita mo ang higit pa o mas kaunting mga elemento ng pahina. Ang halimbawa sa itaas ay mula sa aming kabuuang Tema ng Drag at Drop WordPress, kaya mayroong isang karagdagang 30 mga elemento ng tagabuo ng pahina na nilikha namin at naka-istilong eksklusibo para sa Kabuuan. Kasama dito ang mga pasadyang mga divider, mga kahon ng icon, milestones, carousels at iba pa.

Mag-click sa anumang elemento upang buksan ang mga pagpipilian para sa elementong iyon. Sa ibaba ay isang halimbawa ng “mga pagpipilian” para sa aming module ng Icon Box sa Kabuuang tema. Tulad ng nakikita mo ang bawat module ay maaaring magkaroon ng maraming mga setting at kahit maraming mga tab ng mga setting.

mga setting ng icon-box-box

Sinusuportahan din ng tagabuo ang apat na kahanga-hangang mga plugin ng third party: Layer Slider, Revolution Slider, Gravity Forms at Contact Form 7. Kung mayroon kang anumang mga plugin na naka-install, isang elemento ng pahina ay awtomatikong lilitaw para sa tema. Kapag pinili mong magpasok ng isang elemento ng pahina para sa isa sa mga plugins na ito, ang Visual Composer ay nagpapakita ng isang drop-down ng kani-kanilang mga slider / form na nilikha mo, o nagpapakita ng isang kahon ng entry para sa iyo upang idagdag ang iyong slider ID. Wala nang pagkopya at pag-paste ng mga shortcode!

I-drag at Drop

visual-composer-editor

Sa anumang punto sa proseso ng disenyo maaari mong i-drag at i-drop ang anumang hilera o elemento ng pahina upang muling ayusin ang mga ito. Maaari mo ring duplicate ang anumang hilera o elemento, na ginagawang madali ang pagdaragdag ng paulit-ulit na nilalaman (mahusay para sa mga katulad na mga haligi, Mga FAQ, toggles, atbp.).

Kapag nakagawa ka ng isang disenyo na gusto mo maaari mong mai-save ito bilang isang template. Madaling magamit ito kapag lumilikha ng isang pasadyang layout ng pahina o sidebar na nais mong gamitin muli. Mag-click lamang sa Mga template pindutan, bigyan ang iyong layout ng isang pangalan, at pindutin ang pag-save. Kapag gagamitin mo ang iyong template ay awtomatikong i-populate ang iyong pahina gamit ang layout at mga elemento na na-save mo.

Mga Pagpipilian sa Hilera: Format, I-clone at Tanggalin ang Mga Rows

Mayroong tatlong mga dagdag na tampok na idinagdag sa malayong kaliwang sulok ng bawat hilera na maaaring magamit upang mai-clone o madoble ang isang buong hilera at ang lahat ng mga nilalaman nito, magdagdag ng mga bagong module, i-edit ang mga haligi, atbp. upang ma-access ang mga setting na ito:

kabuuang-visual-kompositor-hilera-setting

Muli, depende sa tema na iyong ginagamit sa Visual Composer ang mga pagpipilian sa pag-format na magagamit mo ay maaaring naiiba. Habang pinipili ng ilang mga developer ng tema na iwan ang Visual Composer as-ay, maraming ipasadya ang plugin upang magkasya sa mga pangangailangan o estilo ng kanilang tema.

Editor ng Frontend

Kasama sa malakas na Visual Composer ang isang frontend editor, na ginagawang mas madali kaysa kailanman upang makapagsimula sa pagbuo ng iyong sariling mga pahina at mga layout. Ang nag-iisang caveat na hindi lahat ng mga tema ay sumusuporta sa front-end editor pa. Siguraduhing i-double check ang listahan ng tampok ng tema, o upang direktang makipag-ugnay sa developer ng tema, upang makita kung ang Visual Composer frontend editor ay katugma sa iyong WordPress tema. Kami Kabuuang tema ng WordPress ay 100% na katugma sa editor ng harap-end kaya kung ang iyong kasalukuyang tema ay hindi mo nais na isaalang-alang ang “pag-upgrade” sa aming tema.

Mga Extension

Ang huling tampok na nais kong hawakan ay ang pagpapalawak ng Visual Composer. Kung ikaw ay isang advanced na coder o developer ng tema maaari mong isama ang iyong sariling mga shortcode sa plugin. Sa katunayan, idinagdag namin sa aming sariling Mga Sintip na Shortcodes Premium upang mabigyan ang Kabuuang mga gumagamit ng karagdagang mga elemento ng gusali ng pahina. Nagbibigay ito sa mga gumagamit ng higit pang mga pagpipilian kapag nagtatayo ng mga pahina!

Kung hindi ka isang coder, mag-checkout ng CodeCanyon at gumawa ng mabilis na paghahanap para sa Visual Composer Add-on. Mayroong maraming mga mahusay na premium na plugin na nagdaragdag ng mga karagdagang tampok sa Visual Composer at kahit na ang ilang mga magagandang libre tulad ng plugin ng Mga Shortcodes ng Symple.

Mga Opsyon sa Mga Setting ng Visual Composer

Patuloy kong tinutukoy ang Visual Composer bilang isang tagabuo ng pahina, ngunit mahusay din ito sa mga post at pasadyang mga uri ng post. Ang kailangan mo lang gawin ay paganahin ang pagpipilian. Mag-navigate sa Mga setting> Visual Composer. Dapat mong makita ang isang screen na katulad nito:

Mga Setting ng Visual Composer

Awtomatikong ipapakita ng plugin ang iba’t ibang mga uri ng nilalaman na kasama sa iyong tema ng WordPress. Piliin lamang kung alin ang gusto mong gamitin sa tagabuo ng Visual Composer. Ang halimbawa sa itaas ay mula sa aming kabuuang tema, na kung bakit may mga idinagdag na pagpipilian para sa portfolio, kawani at mga testimonial (lahat ng mga pasadyang uri ng post) pati na rin ang mga forum, paksa, tugon at mga produkto (na nauugnay sa mga bbPress at WooCommerce plugin na suportado ng Kabuuan).

Maaari mo ring i-map ang anumang mga shortcode plugin sa Visual Composer na na-install mo sa iyong WordPress site. Sa ilalim ng pahina ng mga setting, mag-click sa tab na Aking Mga Shortcode sa tuktok at i-click ang pindutan sa Shortcode ng Map. Dapat itong idagdag ang iyong mga shortcode ng partido sa iyong mga elemento ng kompositor. Madali!

Tingnan Ito Sa Pagkilos

Tulad ng sinabi ko, gustung-gusto namin ang Visual Composer kaya’t itinayo namin ito sa aming nangungunang nagbebenta ng kabuuang tema ng WordPress (kasama nang libre sa iyong pagbili). Tingnan ang iba’t ibang mga pahina sa anuman sa aming mga live na demo para sa Kabuuang Tema. Karamihan sa mga pahina na makikita mo sa aming mga live na demo ay nilikha kasama ang Visual Composer! Pagdaragdag ng mga background, heading, teksto, mga imahe, mga icon … atbp. Lahat ito ay isang “piraso ng cake”.

total-demos

Kumpletong Gabay sa Paggamit ng Visual Composer

Kung nagmamay-ari ka na ng plugin at naghahanap ng isang gabay sa kung paano gamitin ito ay tumingin sa aming buong gabay sa paggamit ng Visual Composer na lalakad ka sa pamamagitan ng hakbang at ipakita sa iyo kung paano gamitin ang plugin.

Saan Ka Makukuha

Magagamit ang Visual Composer sa CodeCanyon kung nais mong makuha ito mismo. Ganap din itong isinama sa aming premium na WordPress Tema Kabuuan (kasama ang dalawang iba pang mga premium na plugin para sa isang kabuuang halaga ng $ 67 – na higit pa sa kung ano ang babayaran mo para sa tema!).

Kumuha ng Kabuuang Kumuha ng Visual Composer

Ipaalam sa amin kung ano ang iniisip mo sa plugin sa ibaba. Kami ay talagang humanga sa Visual Composer, at nais naming marinig ang iyong gawin!

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