Želite li dodati WordPress dodatak u zaglavlje vašeg web mjesta?

Widgeti vam omogućavaju da lako dodate blokove sadržaja u naznačene odjeljke vaše WordPress teme.

U ovom tutorialu ćemo vam pokazati kako lako dodati WordPress widget u zaglavlje svoje web stranice.

Bilješka: Ovo je priručnik za srednji nivo. Morat ćete dodati kod u datoteke vaše WordPress teme i savladati neki CSS.

Ali prije bilo koje modifikacije otkrijte našu 5 WordPress plugin za backup svoj blog ili Kako instalirati WordPress temu et Kako plugin treba instalirati na WordPress.

Vratimo se onda zašto smo ovdje. 

Zašto i kada trebate dodati widget na zaglavlje?

Widgeti vam omogućavaju da lako dodate blokove sadržaja u određeno područje u vašoj WordPress temi. Ova označena područja nazivaju se " sidebar "Ili područja" widgeti".

Područje widgeta na zaglavlju može se koristiti za prikazivanje oglasa, nedavnih članaka ili bilo čega što želite.

Ovaj se određeni domen koristi na svim popularnim web lokacijama za prikaz zaista važnih informacija.

Otkrijte i vi Kako dodati prilagođene vidžete nakon objavljivanja na WordPressu

Kao opće pravilo, WordPress teme dodajte bočne trake pored sadržaja ili u području podnožja. Vrlo mali broj WordPress tema dodaje oblasti vidžeta iznad sadržaja ili u zaglavlju.

Takođe savjetujemo da otkrijete naše MailChimp Tutorial na francuskom: kompletan vodič za stvaranje newsletter

Zbog toga ćemo u ovom tutorialu pokazati kako dodati područje widgeta u zaglavlje vaše WordPress web stranice.

Korak 1: Stvorite područje widgeta

Prije svega, moramo stvoriti prilagođeno područje widgeta. Ovaj korak omogućit će vam da vidite prilagođeno područje widgeta u " Izgled> Dodaci Na vašoj WordPress nadzornoj ploči.

Morat ćete dodati ovu šifru u datoteku functions.php Vaše teme.

funkcija bpc_widgets_init () {register_sidebar (niz ('name' => 'Prilagođeno područje widgeta zaglavlja', 'id' => 'custom-header-widget', 'before_widget' => ' ',' after_widget '=>' ',' before_title '=>' ',' after_title '=>' ',)); } add_action ('widgets_init', 'bpc_widgets_init');

Ovaj kôd sprema novu bočnu traku ili područje widgeta na vašu WordPress temu.

Ako nikada niste lokalno instalirali WordPress, saznajte Kako instalirati WordPress lokalno na PC / Windows-u sa XAMPP-om

Možete ići na " Izgled> Dodaci I vidjet ćete novo područje vidžeta sa oznakom " Widget Zone Zone Header ".

Samo naprijed dodajte tekstualni widget u novostvoreno područje i spremite ga.

Probajte takođe naš vodič za dodavanje widgeta.

Korak 2: Pokažite svoj widget u zaglavlju

Ako posjetite vašu web stranicu, nećete moći vidjeti tekstualni widget koji ste upravo dodali.

Zato što vam još nismo pokazali kako prikazati zone na prilagođeni vidžeti WordPress.

Ovo ćemo učiniti u ovom koraku.

Evo i za vas spisak 5 kritični WordPress dodaci za povećanje zarade vašeg bloga

Morat ćete urediti datoteku header.php U svoju WordPress temu i dodajte ovaj kôd na mjesto gdje želite prikazati widgete.

Ne zaboravite spremiti promjene.

Tada možete posjetiti svoju web stranicu i vidjet ćete tekstualni widget u svom zaglavlju.

Rezultat neće nužno biti najatraktivniji. Zato će vam trebati CSS kako bi se pravilno prikazao.

3 Korak: Dajte stil svojim CSS zaglavima

Ovisno o vašoj WordPress temi, morat ćete dodati CSS kôd kako biste kontrolirali način prikazivanja zaglavlja i vidžeta.

Jedan od najjednostavnijih načina za to je korištenje CSS Hero. Potonji vam omogućava korištenje intuitivnog korisničkog sučelja za izmjenu CSS-a WordPress teme.

Takođe savjetujemo da ovo otkrijete Šta možete učiniti sa dodatkom Yellow Pencil WordPress?

Ako ne želite koristiti dodatak, možete dodati prilagođeni CSS svojoj WordPress temi posjetom " Izgled »Prilagodite Prilagođavanje WordPress teme.

Pročitajte i naš članak o 10 WordPress dodaci za poboljšanje prometa na blogu

To će vam omogućiti prikaz WordPress Customizer sučelja. Morat ćete kliknuti na " Dodatni CSS ".

Kartica « Dodatni CSS U „ customiZer Omogućava vam dodavanje vašeg prilagođenog CSS-a dok gledate promjene na pregledu s desne strane.

Iz razloga svojstvenih ovom vodiču, pretpostavljamo da ćete ovo područje koristiti za dodavanje jednog widgeta za prikaz reklama s natpisima ili prilagođenog menija.

Evo primjera CSS-a za početak:

div # header-widget-area {širina: 100%; background-color: #f7f7f7; border-bottom: 1px solid #eeeeee; tekstualno poravnanje: centar; } h2.chw-naslov {margin-top: 0px; tekstualno poravnanje: lijevo; tekst-transformacija: velika; font-size: small; pozadina: #feffce; širina: 130px; padding: 5px; }

Evo kako će se naš prilagođeni widget prikazati u zaglavlju teme Dvadeset sedamnaest.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Smart4y Tooltip

Smart4y Tooltip je a WordPress dodatak fleksibilan alat namijenjen kreiranju modernih opisa alata bez ikakve ovisnosti o Javascript biblioteci. Potpuno je prilagodljiv i nudi mogućnost umetanja HTML sadržaja.

Njegov WYSIWYG uređivač omogućit će vam da vizualno kreirate svaki tooltip bez potrebe za unošenjem bilo kojeg koda, ali ako želite, to uvijek možete učiniti.

Otkrijte i naše 10 WordPress plugins za procjenu članaka s vašeg bloga

Ostale njegove karakteristike su: Podrška za stranice graditelja, prilično prilagodljiv izgled, mogućnost definiranja globalnih parametara za sve opise alata ili definiranje specifičnih parametara za svaki opis, podrška za unaprijed definirane vizualne efekte, izračunavanje položaja opisa na promjenom veličine prozora, detaljna dokumentacija itd ...

Preuzmi | Demo | web hosting

2. Justified

Le WordPress dodatak Justified je prilagodljivi dodatak za galeriju koji poravnava vaše sličice u poravnatu mrežu koristeći jQuery, kao na Flickr-u. 

Donosi značajke koje će razlikovati vaše galerije od onih konkurenata!

Njegove glavne karakteristike su: prilagodljiv izgled, posebni preletni efekti, automatsko preusmjeravanje rešetke,  uređivač kratkog koda, izgled epotpuno prilagodljiv, podrška strgledaoci i mnogi drugi ...

download | Demo | web hosting  

3. Raspored e-poruka

ce WordPress dodatak kao što ime govori omogućava vam da zakažete objavljivanje e-pošte na vašoj web stranici. To je dio WordPress dodataka „Prati moj blog post“.

Sada ćete moći zakazati objavljivanje svojih e-adresa prema satima, danima ili sedmicama.

Pročitajte i naš članak o 10 WordPress plugins za upotrebu mapa na vašem web sajtu

Nudi mogućnost slanja kombinirane e-pošte za sva obavještenja umjesto svake e-pošte za svako obavještenje, a također omogućuje definiranje različitih predložaka e-pošte za različitu e-poštu, konačno da bi prijem e-pošte bio probavljiviji. .

download | Demo | web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.

• Kako kreirati Excel i Word dokumente na WordPress
• Kako prilagoditi WordPress logotip nadzorne ploče
• Kako pronaći datoteke za uređivanje iz WordPress teme
• Kako prilagoditi CSS web lokacije WordPress

zaključak

To je to! To je sve za ovaj tutorial, nadam se da će vam pomoći da dodate područje widgeta na zaglavlje svoje WordPress teme. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku komentari.

...