Želite li dodati WordPress widget u područje zaglavlja vaše web stranice?

Widgeti vam omogućuju jednostavno dodavanje blokova sadržaja u određene dijelove vaše WordPress teme.

U ovom ćemo vam vodiču pokazati kako jednostavno dodati WordPress widget u zaglavlje vaše web stranice.

bilješke: Ovo je lekcija srednje razine. Morat ćete dodati kod u datoteke vaše WordPress teme i ovladati nekim CSS-om.

Ali prije bilo kakve izmjene otkrijte našu 5 WordPress čep za backup blog ili Kako instalirati WordPress temu et Koliko dodaci bih trebao instalirati na WordPress.

Vratimo se onda zašto smo ovdje. 

Zašto i kada trebate dodati widget na zaglavlje?

Widgeti vam omogućuju jednostavno dodavanje blokova sadržaja na određeno mjesto u vašoj WordPress temi. Ta označena područja nazivaju se " Naznake "Ili područja u" dodaci".

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

Ova se domena koristi na svim popularnim web mjestima za prikaz zaista važnih podataka.

Otkrijte i vi Kako dodati prilagođene widgete nakon objavljivanja na WordPressu

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

Također savjetujemo otkrivanje naših MailChimp tutorial na francuskom: potpuni vodič za stvaranje newsletter

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

Korak 1: Stvorite područje widgeta

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

Morat ćete dodati ovaj kôd u datoteku functions.php Od 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 s XAMPP

Možete ići na " Izgled> Widgeti I vidjet ćete novo područje widgeta s oznakom " Widget za prilagođenu zonu zaglavlja ".

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

Pokušajte također naš vodič za dodavanje widgeta.

Korak 2: Pokažite svoj widget u zaglavlju

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

Budući da vam još nismo pokazali kako prikazati zone na prilagođeni widgeti WordPress.

To ćemo učiniti u ovom koraku.

Ovdje je i za vas popis 5 kritični WordPress dodaci za povećanje zarade vašeg bloga

Morat ćete urediti datoteku header.php U svoju WordPress temu dodajte ovaj kôd 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 ispravno prikazao.

3 Korak: Unesite CSS zaglavlja

Ovisno o vašoj WordPress temi, morat ćete dodati CSS kôd kako biste kontrolirali prikaz zaglavlja i područja widgeta.

Jedan od najjednostavnijih načina za to je pomoću CSS Hero. Potonji vam omogućuje upotrebu intuitivnog korisničkog sučelja za izmjenu CSS-a WordPress teme.

Također savjetujemo da to otkrijete Što možete učiniti s dodatkom Yellow Pencil WordPress?

Ako ne želite koristiti dodatak, možete dodati prilagođeni CSS svojoj WordPress temi posjetom " Izgled »personalizirajte 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 ".

The " Dodatni CSS U odjeljku " Prilagoditi Omogućuje vam dodavanje vlastitog CSS-a tijekom pregledavanja promjena na pregledu s desne strane.

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

Evo primjera CSS-a za početak:

div # header-widget-područje {širina: 100%; boja pozadine: # f7f7f7; granični dno: 1px solid #eeeeee; tekst uskladiti: centar; } h2.chw-naslov {margin-top: 0px; tekstno poravnanje: lijevo; tekstna pretvorba: velika; veličina slova: mala; boja pozadine: #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 dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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

1. Smart4y opis alata

Smart4y Tooltip je a WordPress plugin fleksibilan alat namijenjen stvaranju modernih opisa alata bez ikakve ovisnosti o Javascript biblioteci. Potpuno je responzivan 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 dodataka za procjenu članaka s vašeg bloga

Ostale su njegove značajke: Podrška na web stranici za graditelje, prilično responzivan 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čun položaja opisa na promijenjenom prozoru, detaljna dokumentacija itd ...

Preuzmi | Demo | Web hosting

2. opravdana

Le WordPress plugin Justified je responzivni galerijski dodatak koji poravnava vaše minijature u opravdanu mrežu pomoću jQueryja, kao na Flickru. 

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

Njegove glavne značajke su: prilagodljiv izgled, posebni preletni efekti, automatsko preusmjeravanje rešetke,  uređivač kratkog koda, izgled epotpuno prilagodljiv, podrška strgledatelja i mnogi drugi…

Preuzmite | demo | Web hosting  

3. Rasporedi e-poštu

ce WordPress plugin kao što naziv sugerira omogućuje vam da zakažete objavljivanje e-pošte na vašoj web stranici. Dio je proširenja WordPress dodatka “Follow My Blog Post”.

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

Pročitajte i naš članak o 10 WordPress dodataka za korištenje karte na Vašoj web stranici

Nudi mogućnost slanja kombinirane e-pošte za sve obavijesti umjesto svake e-pošte za svaku obavijest, a također omogućuje definiranje različitih predložaka e-pošte za različitu e-poštu, konačno kako bi prijem vaših e-adresa bio probavljiviji. .

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

• Kako stvoriti Excel i Word dokumenata na WordPress
• Kako prilagoditi WordPress logotip nadzorne ploče
• Kako pronaći datoteke za uređivanje iz WordPress teme
• Kako prilagoditi CSS svoje web stranice 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đer ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

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

...