Kaip pridėti WordPress valdiklį prie savo svetainės antraštės

Ar norite pridėti „WordPress“ valdiklį į savo svetainės antraštės sritį? Valdikliai leidžia lengvai pridėti turinio blokus prie tam skirtų temos skyrių. Šiame straipsnyje parodysime, kaip lengvai pridėti „WordPress“ valdiklį į savo svetainės antraštę.


Pridėkite „WordPress“ valdiklį prie savo svetainės antraštės

Pastaba: Tai yra vidutinio lygio pamoka. Turėsite pridėti kodą prie savo „WordPress“ temos failų ir parašyti CSS.

Kodėl ir kada jums reikia antraštės valdiklio jūsų svetainėje?

Valdikliai leidžia lengvai pridėti turinio blokus prie nurodytos „WordPress“ srities. Šios paskirtos zonos vadinamos šoninėmis juostomis arba valdikliams parengtomis sritimis.

Valdiklio parengta sritis antraštėje arba prieš turinį gali būti naudojama skelbimams, naujausiems straipsniams ar viskam, ko norite, rodyti.

Ši konkreti sritis vadinama „žemiau matomos ribos“ ir visos populiarios svetainės naudoja ją norėdami parodyti tikrai svarbius dalykus.

Antraštės skyrius populiarioje „List25“ svetainėje

Paprastai „WordPress“ temos prideda šonines juostas šalia turinio arba poraštės srityje. Nedaug „WordPress“ temų prideda valdikliams paruoštas sritis virš turinio arba antraštėje.

Štai kodėl šiame straipsnyje aptarsime, kaip pridėti valdiklio sritį prie savo „WordPress“ svetainės antraštės.

1 veiksmas. Antraštės valdiklio sukūrimas

Pirmiausia turime sukurti pasirinktinį valdiklio sritį. Šis veiksmas leis pamatyti tinkintą valdiklio sritį Išvaizda »Valdikliai puslapis „WordPress“ informacijos suvestinėje.

Šį kodą turėsite pridėti prie temos „function.php“ failo.

funkcija wpb_widgets_init () {

register_sidebar (masyvas (
‘vardas’ => „Individualizuotos antraštės valdiklio sritis“,
‘id’ => „Custom-header-widget“,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘prieš pavadinimą’ => ‘

‘,
‘po pavadinimo’ => ‘

‘,
));

}
add_action (‘valdikliai_init’, ‘wpb_widgetai_init’);

Šis kodas užregistruoja naują jūsų temos šoninę juostą arba valdikliui pritaikytą sritį.

Dabar galite eiti į Išvaizda »Valdikliai puslapyje, ir pamatysite naują valdiklio sritį, pavadintą „Individualizuotos antraštės valdiklio sritis“..

Individualizuotos antraštės valdiklio sritis

Eikite į priekį ir pridėkite teksto valdiklį prie šios naujai sukurtos valdiklio srities ir išsaugokite ją. Išsamias instrukcijas, kaip pridėti valdiklius, rasite mūsų vadove, kaip pridėti ir naudoti valdiklius „WordPress“.

2 veiksmas: parodykite savo pasirinktinės antraštės valdiklį

Jei dabar lankysitės savo svetainėje, negalėsite pamatyti teksto valdiklio, kurį ką tik pridėjote prie naujai sukurto antraštės valdiklio..

Taip yra todėl, kad dar nenurodėme „WordPress“, kur rodyti šią valdiklio sritį.

Padarykime tai šiame žingsnyje.

Savo temoje turėsite redaguoti failą header.php ir pridėti šį kodą ten, kur norite rodyti pasirinktinę valdiklio sritį..

<?php

if (is_active_sidebar (‘custom-header-widget’)): ?>

<?php dynamic_sidebar (‘pasirinktis-antraštė-valdiklis’); ?>

<?php endif; ?>

Nepamirškite išsaugoti pakeitimų.

Dabar galite apsilankyti savo svetainėje ir pamatysite antraštės valdiklio sritį.

Neišvalytas antraštės valdiklis

Pastebėsite, kad jis atrodo šiek tiek nepoliruotas. Čia jums reikės CSS, kad ji atrodytų geriau.

3 žingsnis: Parašykite antraštės valdiklio sritį naudodami CSS

Priklausomai nuo jūsų temos, turėsite pridėti CSS, kad galėtumėte valdyti, kaip rodoma antraštės valdiklio sritis ir kiekvienas jos viduje esantis valdiklis..

Paprastesnis būdas tai padaryti yra naudojant CSS Hero įskiepį. Tai leidžia naudoti intuityvią vartotojo sąsają norint pakeisti bet kurios „WordPress“ temos CSS. Norėdami gauti daugiau informacijos, skaitykite mūsų CSS herojaus apžvalgą.

Jei nenorite naudoti papildinio, galite pridėti pasirinktinį CSS prie savo temos apsilankę Išvaizda »Tinkinkite puslapis.

Bus paleista „WordPress“ temos tinkinimo sąsaja. Turėsite spustelėti skirtuką „Papildoma CSS“.

Pridėkite pasirinktinę CSS prie „WordPress“ temos

Papildomas CSS skirtukas temos pritaikymo priemonėje leidžia pridėti pasirinktinę CSS, stebint, kaip pakeitimai rodomi tiesioginėje peržiūroje.

Siekdami šio vadovo, darome prielaidą, kad jūs naudosite šią sritį tik tam, kad pridėtumėte vieną valdiklį reklamjuostės skelbimams rodyti arba pasirinktinį meniu valdiklį..

Čia yra keletas CSS pavyzdžių, kurie padės jums pradėti.

div # antraštės valdiklio sritis {
plotis: 100%;
fono spalva: # f7f7f7;
kraštas-dugnas: 1px kietas #eeeeee;
suderinti tekstą: centre;
}
h2.chw-title {
„margin-top“: 0 taškų;
tekstas lygiuoti: kairėn;
teksto transformacija: didžiosios raidės;
šrifto dydis: mažas;
fono spalva: #feffce;
plotis: 130 taškų;
paminkštinimas: 5px;
}

Taip mūsų pasirinktinės antraštės valdiklio sritis atrodė pagal numatytąją „Dvidešimt septyniolikos“ temą.

Antraštės valdiklio peržiūra

Jums gali reikėti pakoreguoti CSS, kad atitiktų jūsų temą. Peržiūrėkite mūsų vadovą, kaip pridėti pasirinktinius stilius prie „WordPress“ valdiklių.

Tikimės, kad šis straipsnis padėjo jums išmokti pridėti „WordPress“ valdiklį prie savo svetainės antraštės. Taip pat galbūt norėsite pamatyti mūsų 25 naudingiausių „WordPress“ valdiklių sąrašą jūsų svetainei.

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