Како додати ВордПресс виџет у заглавље веб локације

Да ли желите да додате ВордПресс виџет у заглавље вашег веб локације? Видгети вам омогућавају да лако додате блокове садржаја у одређене делове теме. У овом чланку ћемо вам показати како лако додати ВордПресс виџет у заглавље своје веб локације.


Додајте ВордПресс виџет у заглавље своје веб локације

Белешка: Ово је водич за средњи ниво. Морате да додате код у датотеке са темама ВордПресс-а и напишете ЦСС.

Зашто и када вам је потребан додатак заглавља на вашој веб локацији?

Видгети вам омогућавају да лако додате блокове садржаја на одређено место у вашој ВордПресс теми. Ова одређена подручја називају се бочне траке или подручја спремна за видгете.

Подручје спремно за видгет у заглављу или пре него што се садржај може користити за приказивање огласа, недавних чланака или било чега што желите.

То посебно подручје назива се „Испод преклопа“ и све популарне веб локације користе га за приказивање заиста важних ствари.

Одељак заглавља на популарној веб локацији Лист25

Обично ВордПресс теме додају бочне траке поред садржаја или у подножју. Много ВордПресс тема додаје области спремне за видгете изнад садржаја су или у заглављу.

Због тога ћемо у овом чланку описати како да додамо област видгета у заглавље своје веб локације ВордПресс.

Корак 1. Стварање подручја видгет заглавља

Прво морамо да направимо прилагођено подручје виџета. Овај корак ће вам омогућити да видите своје прилагођено подручје виџета на Изглед »Додаци странице на вашој ВордПресс контролној табли.

Овај код ћете морати да додате у датотеку фунцтион.пхп теме.

функција впб_видгетс_инит () {

регистер_сидебар (низ (
‘име’ => „Подесиво подручје виџета“,
‘ид’ => ‘цустом-хеадер-видгет’,
‘бефоре_видгет’ => ”,
‘афтер_видгет’ => ”,
‘пре_титле’ => ‘

‘,
‘афтер_титле’ => ‘

‘,
));

}
додавање (‘видгетс_инит’, ‘впб_видгетс_инит’);

Овај код региструје нову бочну траку или спреман виџет за вашу тему.

Сада можете ићи на Изглед »Додаци страници, а ви ћете видети ново подручје виџета са ознаком „Подесиво подручје видгета заглавља“.

Прилагођено подручје за видгет заглавља

Идите напред и додајте текстуални виџет у новостворено подручје виџета и сачувајте га. Погледајте наш водич о томе како додати и користити видгете у ВордПресс-у за детаљна упутства о додавању видгета.

Корак 2: Прикажите свој видгет за прилагођено заглавље

Ако сада посетите вашу веб локацију, нећете моћи да видите текстуални видгет који сте управо додали на ново створени видгет заглавља.

То је зато што још увек нисмо рекли ВордПресс-у где да приказује ову област виџета.

Учинимо то у овом кораку.

Морате да измените хеадер.пхп датотеку у својој теми и додате овај код где желите да прикажете своје прилагођено подручје виџета.

<?пхп

иф (ис_ацтиве_сидебар (‘цустом-хеадер-видгет’)): ?>

<?пхп динамичка_страна (‘цустом-хеадер-видгет’); ?>

<?пхп ендиф; ?>

Не заборавите да сачувате своје промене.

Сада можете посјетити своју веб страницу и видјет ћете подручје видгета за главу.

Непознати додатак заглавља

Примјетићете да изгледа помало неисполирано. Ту ће вам требати ЦСС да би изгледао боље.

Корак 3: Означите подручје видгета заглавља користећи ЦСС

У зависности од ваше теме, мораћете да додате ЦСС да бисте контролисали како се приказује виџет подручја заглавља и сваки видгет унутар њега.

Једноставнији начин је то помоћу ЦСС Херо додатка. Омогућава вам да користите интуитивно корисничко сучеље за промену ЦСС-а било које ВордПресс теме. За више детаља погледајте нашу рецензију ЦСС Херо.

Ако не желите да користите додатак, можете додати прилагођени цсс својој теми тако што ћете посетити Изглед »Прилагоди страна.

Ово ће покренути ВордПресс интерфејс за прилагођавање тема. Морате да кликнете на картицу „Додатни ЦСС“.

Додавање прилагођеног ЦСС-а теми ВордПресс

Додатна ЦСС картица у алату за прилагођавање тема омогућава вам да додате свој прилагођени ЦСС док гледате како се промене појављују у прегледу уживо.

Ради овог водича, претпостављамо да ћете помоћу овог подручја користити само један виџет за приказивање огласа са натписима или прилагођени мени.

Ево неколико примера ЦСС-а који ће вам помоћи да започнете.

див # хеадер-видгет-ареа {
ширина: 100%;
позадинска боја: # ф7ф7ф7;
граница-дно: 1пк чврста #ееееее;
поравнавање текста: центар;
}
х2.цхв-титле {
маргин-топ: 0пк;
поравнавање текста: лево;
трансформација текста: велика слова;
величина слова: мала;
позадинска боја: #феффце;
ширина: 130пк;
паддинг: 5пк;
}

Овако је изгледало наше прилагођено подручје виџета на задану тему Двадесет седамнаест.

Преглед видгета заглавља

Можда ћете морати да прилагодите ЦСС према вашој теми. Погледајте наш водич о томе како додати прилагођене стилове у ВордПресс виџете.

Надамо се да вам је овај чланак помогао да научите како да додате ВордПресс виџет у заглавље своје веб локације. Такође бисте желели да видите нашу листу 25 најкориснијих ВордПресс виџета за своју веб локацију.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me