Dëshironi të shtoni një widget WordPress në zonën e kokës së faqes suaj të internetit?

Veglat ju lejojnë të shtoni lehtësisht blloqe të përmbajtjes në seksionet e caktuara të temës tuaj WordPress.

Në këtë tutorial, ne do t'ju tregojmë se si të shtoni me lehtësi një widget WordPress në kokën e faqes tuaj.

shënim: Ky është një udhëzues i nivelit të mesëm. Ju do të duhet të shtoni kod në skedarët e temës suaj të WordPress dhe zotëroni disa CSS.

Por para çdo modifikimi zbuloni tonë plugins WordPress 5 për backup blog juaj ose Si për të instaluar një temë WordPress et Sa plugins ju nevojitet për të instaluar në WordPress.

Atëherë le të kthehemi te pse jemi këtu. 

Pse dhe kur duhet të shtoni një widget në kokë?

Veglat ju lejojnë të shtoni lehtësisht blloqe të përmbajtjes në një zonë të caktuar në temën tuaj WordPress. Këto zona të caktuara quhen " sidebars "Ose zonat e" Widgets'.

Një zonë widget në kokë mund të përdoret për të shfaqur reklama, artikuj të fundit ose çfarëdo që dëshironi.

Ky domain i veçantë përdoret në të gjitha faqet e internetit të njohura për të shfaqur informacione me të vërtetë të rëndësishme.

Zbuloni gjithashtu Si të shtoni widgets me porosi pasi të postoni në WordPress

Zona widgetisee në wordpress head

Si rregull i përgjithshëm, Temat e WordPress shtoni shirita anësor pranë përmbajtjes ose në zonën e futbollit. Shumë pak tema të WordPress shtojnë zona miniaplikacioni mbi përmbajtjen ose në kokë.

Ne gjithashtu këshillojmë të zbuloni tonën MailChimp tutorial në frëngjisht: udhëzues të plotë për të krijuar një buletin

Kjo është arsyeja pse në këtë tutorial do t'ju tregojmë se si të shtoni një zonë widget në kokën e faqes suaj të WordPress-it.

Hapi 1: Krijoni një zonë widget

Para së gjithash, ne duhet të krijojmë një zonë të personalizuar widget. Ky hap do t'ju lejojë të shihni një zonë widget të personalizuar në " Pamja> Veglat Në pultin e WordPress-it tuaj.

Ju duhet të shtoni këtë kod në skedar functions.php Nga tema juaj.

funksioni bpc_widgets_init () {Register_sidebar (vargu ('name' => 'Zona e Miniaplikacionit të Header-it të personalizuar', 'id' => 'widget-header-personal', 'before_widget' => ' ',' after_widget '=>' ',' Before_title '=>' ',' after_title '=>' ',)); } add_action ('widgets_init', 'bpc_widgets_init');

Ky kod kursen një zonë të re anësore ose widget në temën tuaj të WordPress.

Nëse nuk e keni instaluar kurrë WordPress në vend, zbuloni Si të instaloni WordPress në nivel lokal në një PC / Windows me XAMPP

Ju mund të shkoni në " Pamja> Veglat Dhe do të shihni një zonë të re widget të shënuar " Zëri i Përshtatshëm i Zones së Veçantë '.

zona e re e widget WordPress

Shkoni përpara dhe shtoni një widget me tekst në këtë zonë të krijuar rishtazi dhe ruajeni atë.

Provoni gjithashtu udhëzuesi ynë për shtimin e widget-ve.

Hapi 2: Trego widget-in tuaj në kokë

Nëse vizitoni uebfaqen tuaj, nuk do të mund të shihni widget e tekstit që sapo keni shtuar.

Sepse ne ende nuk ju kemi treguar se si të shfaqni zonat e pajisje widgetash WordPress.

Kjo është ajo që ne do të bëjmë në këtë hap.

Këtu është edhe për ju një listë e Plugins WordPress 5 Critical për të rritur të ardhurat e blogut tuaj

Ju do të duhet të redaktoni skedarin header.php Në temën tuaj të WordPress dhe shtoni këtë kod ku dëshironi të shfaqni widget.


 
 
 
 

Mos harroni të ruani ndryshimet tuaja.

Pastaj mund të vizitoni faqen tuaj të internetit dhe do të shihni widget e tekstit në kokën tuaj.

demo site në mendje

Rezultati nuk do të jetë domosdoshmërisht më tërheqës. Kjo është arsyeja pse ju do të keni nevojë për CSS në mënyrë që të shfaqet si duhet.

Hapi 3: Jepni stil header CSS tuaj

Në varësi të temës tuaj WordPress, do t'ju duhet të shtoni disa kod CSS për të kontrolluar se si shfaqen zona e kokës dhe widget-it.

Një nga mënyrat më të lehta për ta bërë këtë është duke përdorur Heroin e CSS. Kjo e fundit ju lejon të përdorni një ndërfaqe përdoruese intuitive për të modifikuar CSS të një teme WordPress.

Ne gjithashtu ju këshillojmë ta zbuloni këtë Farë mund të bëni me plugin Yellow Pencil WordPress?

Nëse nuk doni të përdorni një shtojcë, mund të shtoni CSS me porosi në temën tuaj të WordPress duke vizituar " Pamja »Personalizoni Për të rregulluar temën e WordPress.

Lexoni gjithashtu artikullin tonë në 10 plugins WordPress për të përmirësuar trafikun e një blog

Kjo do t'ju lejojë të shfaqni ndërfaqen WordPress Customizer. Ju do të duhet të klikoni në " CSS shtesë '.

css shtesë WorDPress

Skeda « CSS shtesë Në " Customizer Ju lejon të shtoni CSS tuaj të personalizuar ndërsa shikoni ndryshimet në pamjen paraprake në të djathtë.

Për arsye të natyrshme të këtij udhëzimi, supozojmë se ju do të përdorni këtë zonë për të shtuar një widget të vetëm për të shfaqur reklamat e banderolave, ose një widget të menusë me porosi.

Këtu keni një shembull të CSS për të filluar:

div # header-widget-zonë {gjerësi: 100%; background-color: # f7f7f7; fundja e kufirit: 1px solid #eeeeee; text-align: qendra; } h2.chw-title {margin-top: 0px; text-align: majtas; tekst-transformohet: uppercase; font-size: i vogël; background-color: #feffce; gjerësia: 130px; mbushje: 5px; }

Ja se si widget-i ynë i personalizuar do të shfaqet në header Njëzet e Shtatëmbëdhjetë temë.

temë demo njëzet e shtatëmbëdhjetë wordpress

Zbuloni gjithashtu disa shtesa premium WordPress  

Mund të përdorni të tjera WordPress plugins për të dhënë një pamje moderne dhe për të optimizuar trajtimin e blogut ose faqes tuaj të internetit.

Ne ju ofrojmë këtu disa shtesa premium WordPress që do t'ju ndihmojnë ta bëni atë.

1. Smart4y Tooltip

Smart4y Tooltip është një plugin WordPress mjet fleksibël i dedikuar për krijimin e këshillave moderne të veglave pa ndonjë varësi nga biblioteka Javascript. Është plotësisht responsive dhe ofron mundësinë e futjes së përmbajtjes HTML.

Shtojcë WordPress e Përgjegjshme e Smart4y Tooltip

Redaktori i saj WYSIWYG do t'ju lejojë të krijoni vizualisht çdo udhëzues mjeti pa pasur nevojë të shkruani ndonjë kod, por nëse jeni të gatshëm, gjithmonë mund ta bëni.

Zbuloni edhe tonë 10 WordPress plugins për të vlerësuar artikujt nga Blog juaj

Karakteristikat e tjera të tij janë: Mbështetja e faqes ndërtuese, një paraqitje mjaft e përgjegjshme, aftësia për të përcaktuar parametrat globalë për të gjitha këshillat e mjeteve ose për të përcaktuar parametra specifikë për secilën këshilla të mjeteve, mbështetje për efektet vizuale të paracaktuara, llogaritjen e pozicionit të këshillave të mjeteve në dritaren e ndryshuar, dokumentacion i detajuar, etj….

Shkarkim | Demo | web hosting

2. justifikuar

Le plugin WordPress Justified është një shtesë e përgjegjshme e galerisë që rreshton fotografitë tuaja në një rrjet të justifikuar duke përdorur jQuery, si në Flickr. 

Justified-Plugin për WordPress-Photographers,

Ajo sjell veçori që do të dallojnë galeritë tuaja nga ato të konkurrentëve!

Karakteristikat e saj kryesore janë: paraqitja e përgjegjshme, efektet speciale të fluturimit, rivendosja automatike e rrjetit,  një redaktor i kodit të shkurtër, pamja eplotësisht i personalizueshëm, mbështetja e fshikuesit dhe shumë të tjerë…

Shkarko | DEMO | web hosting  

3. Listoni email-et

ce plugin WordPress siç sugjeron emri ju lejon të planifikoni publikimin e emailit në faqen tuaj të internetit. Është pjesë e shtojcave të shtojcave të WordPress "Ndiqni postimin tim të blogut". Programoni postat elektronike Ndiqni shtojcën time wordpress Posto Blog-in tim

Tani do të jeni në gjendje të planifikoni publikimin e postave tuaja elektronike sipas orëve, ditëve ose javëve.

Lexoni gjithashtu artikullin tonë në Shtojcat 10 WordPress për të përdorur hartat në faqen tuaj te internetit

Ai ofron mundësinë për të dërguar një email të kombinuar për të gjitha njoftimet në vend të çdo emaili për secilin njoftim dhe gjithashtu lejon të përcaktoni shabllone të ndryshme emaili për email të ndryshëm, më në fund për ta bërë marrjen e emailit tuaj më të tretshëm. .

ShkarkoDEMO |web hosting

Burimet e rekomanduara

Mësoni rreth burimeve të tjera të rekomanduara për t'ju ndihmuar të ndërtoni dhe menaxhoni uebfaqen tuaj.

Përfundim

Kjo është ajo! Kjo është gjithçka për këtë tutorial, shpresoj se do t'ju ndihmojë të shtoni një zonë widget në kokën e temës tuaj WordPress. Mos hezitoni të ndajeni me miqtë tuaj në rrjetet tuaja të preferuara sociale

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress.

Nëse keni sugjerime ose vërejtje, lërini ato në seksionin tonë komente.

...