Хубав долен колонтитул. Как правилно да натиснете плаващия долен колонтитул в долната част на страницата. Последни актуализации на блога

Долният колонтитул е долният блок на страницата на уебсайта, не на последно място. Фактът, че долният колонтитул или „долният колонтитул“ на сайта, както още го наричат, се намира в долната част на страницата, изобщо не означава, че съдържа маловажна информация и малко хора „стигат“ до нея. Но в същото време тази част от страницата не трябва да се претоварва с ненужни данни. Какво е по-добре да включите в долния колонтитул и как да го направите възможно най-функционален?

Наскоро прегледахме уебсайтовете на 50 украински онлайн магазина и оценихме техните колонтитули по няколко параметъра, включително броя на връзките, наличието на връзки към акаунти в социалните мрежи или абонаменти за бюлетин. Сайтовете бяха избрани на случаен принцип, но се опитахме да обхванем различни области на онлайн продажбите, например: електроника и домакински уреди, мода, козметика и парфюми, стоки за деца, храни, строителни материали, пазари, шопинг клубове и др. Списъкът с онлайн магазини, които проучихме, включва както лидери в индустрията, така и новодошли.

полезни връзки

Средният брой връзки, съдържащи се в долните колонтитули, които прегледахме, е 21.

Преброихме най-малък брой активни връзки за онлайн магазина PARFUMS.UA - 5 връзки, без да броим бутона „Нагоре“.

Преброихме най-малко връзки на уебсайта на PARFUMS.UA: страници на магазини в социалните мрежи и информация за контакт.

Най-голям брой връзки, цели 86, преброихме от друг онлайн магазин за козметика и парфюмерия MakeUp.com.ua. Тук, освен линията за абонамент за бюлетин, има връзки към категории и подкатегории, както и към контакти, информация за доставка, новини, статии и профили в социалните мрежи и др.

Повечето от сайтовете, през които преминахме, използваха долния колонтитул като блок за полезна информацияза посетителя, който се интересува да научи повече за магазина и как работи. Много сайтове, включени в долния колонтитул, например връзки към политиката за поверителност, условията за използване на сайта и др.

Връзка към страницата „За нас“ беше включена в долния колонтитул на 88% от сайтовете, които проучихме. И още 88% - връзка към страницата с контакти или самите контакти. Само 22% от сайтовете във футъра могат да намерят връзки, чрез които потребителят да получи услуга от компанията в една или друга степен. Връзките към информация за доставка и плащане и/или условия за връщане в долния колонтитул включваха 56% от всички сайтове, които разгледахме.

Авторско право. Защита на правата

Иконата присъства в долните колонтитули на 76% от онлайн магазините, които анализирахме.

На сайта на онлайн магазина за джаджи и аксесоари "Citrus", както и на много други сайтове, има знак за защита на авторските права.

Съгласно правилата иконата е последвана от името на носителя на авторските права и срока на валидност на авторските права. Въпреки че уникалното съдържание, което се показва на сайта, по подразбиране е предмет на закона за авторското право и не е необходимо да се задава, повечето уеб администратори все още добавят тази икона към долния колонтитул на сайта.

На сайта на онлайн магазина за строителни материали StroyMAG фразата „Всички права запазени“ се използва до знака за авторски права.

Освен това, наред със знака за авторско право, много сайтове използват и израза „Всички права запазени“, което означава, че имат доказателство за авторство, което могат да представят в случай на спешност. По този начин собствениците на сайтове се опитват да предупредят копи-пейстиращите със сигурност, че кражбата не е добра.

Социални медии и друг маркетинг

Както показва практиката, долният колонтитул също е място, където посетителят може да намери връзки към страниците на онлайн магазина в социалните мрежи или друг начин за допълнително взаимодействие с него.

Цели 92% от изследваните долни колонтитули съдържат връзки към акаунти в социалните медии. Това е най-популярният елемент сред футърите на анализираните от нас сайтове.

Например долният колонтитул на сайта на онлайн магазин за цветя „Квитер“, подобно на долните колонтитули на повечето сайтове, които сме посетили, съдържа връзки към техните акаунти в популярни социални мрежи.

34% от онлайн магазините са включили в долните колонтитули ред за абониране за e-mail или sms бюлетини. Някои обещават приятни бонуси за абониране, като купон за определена сума.

Например в онлайн магазина за дрехи Answear абонаментът се променя на 300 UAH. за закупуване.

30% от анализираните колонтитули също включват връзки към някаква форма на маркетингово съдържание. Най-често това бяха връзки към блог, статии, видео ревюта и др.

Работни места

Работите са друг доста популярен елемент на долния колонтитул. 40% от сайтовете, които анализирахме, включваха връзки към тази информация в долния блок на страниците си. Очевидно това е точно мястото, където потребителите могат да търсят потенциални възможности за работа в компанията.

Неочаквани наблюдения

Такъв привидно подходящ елемент за долен колонтитул, като карта на сайта, срещнахме само с 30% от онлайн магазините.

Знаците на доверие, например иконата за гаранция за сигурна покупка, бяха включени в долния колонтитул на само 4 онлайн магазина от всичките 50.

В долния колонтитул на уебсайта на търговския клуб BonPrix можете да намерите икона, която обещава безопасна покупка.

Икони за начини на плащане в долния колонтитул са използвани и от малък брой онлайн магазини - само 18%.

Вашият долен колонтитул

Този скромен анализ на 50 произволно избрани долни колонтитули на онлайн магазин със сигурност не е научно изследване. И числата, които получихме, трудно могат да се приложат към индустрията за електронна търговия като цяло. Ако според нашия анализ 54% от онлайн магазините са включили телефонни номера в долните колонтитули, това не означава, че 54% от всички сайтове за електронна търговия правят същото.

Но тази информация е ценна храна за размисъл, която може да ви помогне да решите какво да добавите към долния колонтитул на вашия сайт. И все пак най-логично е да поставите някои елементи в долния блок на сайта, защото там потребителят ще очаква да ги види.

Footer сайт (footer) е долната част на сайта, долният колонтитул. Това е обратното на (заглавки), правилният дизайн на долния колонтитул играе огромна роля за успеха на промоцията на уебсайта и подобряването на неговата използваемост.


Още видеоклипове в нашия канал - научете интернет маркетинг със SEMANTICA

Какво е долен колонтитул на сайта по пример

„Обувките правят жената жена“, казва секретарката в известния филм. И е права! Ако носите филцови ботуши, вървите през заснежена гора. Ако високите токчета - тогава ще имате незабравима вечер. Ако маратонки, значи ви предстои да спортувате или да ходите много. Не е ли?

Много хора смятат, че ако долният колонтитул е поставен най-долу, потребителят няма търпението да „превърти“ до него и следователно дизайнът му е по-малко важен от дизайна на заглавката. Но не е.

Какво трябва да има в долния колонтитул на сайта

За да работи един уебсайт, той трябва да бъде удобен за потребителя, четим и привлекателен за посетителя. Обмислете елементите на долния колонтитул на сайта и оценете тяхното значение. Долният колонтитул не трябва да съдържа всички тези елементи. Изберете индивидуален списък за вашия сайт.

  • Карта на сайта.

то пълен списъкстраниците на сайта, показани според структурата му. Този елемент подобрява използваемостта, улеснява потребителската навигация, разказва търсачкина всички страници на сайта. Ако в сайта има много страници, изберете най-важните от тях и ги покажете в HTML картата на сайта.

  • Контакти.

Дублирана информация за контакт от заглавката на сайта в долния колонтитул. Можете да поставите най-важните контакти. Ако посетителят е стигнал до края на страницата, това означава, че е прочел цялата информация и има шанс да направи поръчка. За удобство е необходимо да поставите контакти.

  • Форма за обратна връзка.

Позволява на посетителя да се свърже с вас, без да напуска текущата страница. Това е удобно за вашите потенциални клиенти.

  • Стрелка нагоре".

Позволява на посетителя незабавно да се върне към заглавката на сайта, без да превърта през дълга страница.

  • Формуляр за поръчка за обратно обаждане.

Работи по същия начин като формата за обратна връзка. Не забравяйте, че обратното обаждане трябва да бъде направено най-късно кратко време. В противен случай ще загубите доверието на потенциален клиент.

  • Връзки към социалните мрежи.

Ако комуникирате активно с посетители в социалните мрежи, поставете връзки към вашите групи и страници по-долу. Социалните мрежи са важни инструменти за свързване с клиенти и повишаване на тяхната лоялност.

Донякъде остаряла версия на навигационния блок, която дава възможност за бързо намиране на желаните страници.

  • Връзка към разработчика

Каква роля играе долният колонтитул

Красивият долен колонтитул – в противен случай основата на даден ресурс – не само подобрява външен видсайт, но и полезен за потребителското изживяване.

Ще дадем основни съвети как да направите функционален футър за сайта.

Обърни внимание на:

  • Значението на йерархията. Не обединявайте информацията. Потребителят трябва да може лесно да го разбере.
  • Яснота на списъците. Оставете повече място за заглавията на списъка, отколкото за самия текст.
  • Наличието на граници между елементите.
  • Единство на шрифта. Използвайте стилове, които вървят добре един с друг.
  • Разделяне на колони. Той структурира информацията.
  • Наличието на отстъп между долния колонтитул и последния блок на сайта.
  • Единството на долния колонтитул на всички страници на портала.
  • Единството на стиловете за долния колонтитул и целия сайт.
  • Простота. Поставете се на мястото на потребителя. Трябва да е лесно да се намери информацията, която ви интересува.
  • Използване на поддолен колонтитул, ако има твърде много информация в основния долен колонтитул.

Всеки колонтитул трябва да бъде ясно отделен от основното съдържание на сайта. Обикновено долният колонтитул е декориран в различен цвят, съдържателната част на уеб ресурса. Цветът на долния колонтитул също може леко да се различава от фона на сайта, обикновено долният колонтитул е по-тъмен.

Украсете долния колонтитул по необичаен начин. Например дизайнът на сутерен може да има сгънато парче пергамент. Ако в шапката има остров и вълни, тогава дъното може да бъде украсено под формата на морско дъно, а отвореният сандък със съкровища ще бъде интересен елемент. На сайта на художник ключовият елемент на долния колонтитул може да бъде четка и палитра, а на сайта на музиканта - черно пиано, което избледнява в черен долен колонтитул. Дъното на сайта също може да бъде проектирано в ясен класически стил.

Едно интересно мазе също може да привлече вниманието на потребителя.

Това е някакъв кошмар! Защо долният колонтитул на вашия сайт изскача отново и променя дизайна? Наистина ли е невъзможно правилно да натиснете долния колонтитул в долната част на страницата с нещо? Съдържание или тухли поне! Тухла в монитора не се изкачва?

Виждам, тогава седнете и не правете нищо, докато не прочетете нашата статия до края.

Изработка на правилния колонтитул за вашия сайт

Много собственици на сайтове се сблъскват с този проблем, когато долният колонтитул на страницата просто изскача "нагоре". И тогава не е ясно какво да се прави. Най-често дизайните на уебсайтове, направени на припряно, самостоятелно ( кръг "луди ръце") или начинаещи уеб администратори.

В същото време в началото на живота на сайта не се случва нищо ужасяващо. И такава идилия продължава, докато съдържанието притиска „със собствената си тежест“ върху мазето, не му позволява да се издигне. Но си струва да поставите по-малко материал на страницата и наскоро „спокойният“ долен колонтитул моментално се издига, привеждайки целия дизайн на сайта в неподходящ вид.

За да премахнете този "дефект" на измисления шаблон, не е необходимо да харчите пари за услугите на уеб администратор. Най-често долният колонтитул на сайта може да бъде поставен сами. Обмислете всичко възможни вариантиотстраняване на подобен проблем:

Първи начин

Първият начин за "закотвяне" на долния колонтитул "към дъното" на страницата е базиран на CSS. Нека започнем с примерния код и след това да разгледаме по-подробно неговата реализация:

html (височина: 100%;) горен колонтитул, навигация, раздел, статия, отстрани, долен колонтитул (дисплей: блок;) тяло (височина: 100%;) #обвивка (ширина: 1000 пиксела; поле: 0 автоматично; мин. височина: 100 %; височина: автоматично !важно; височина: 100%; ) #header (височина: 150px; цвят на фона: rgb(0,255,255); ) #content (padding: 100px; височина:400px; цвят на фона: rgb(51,255,102) ; ) #долен колонтитул (ширина: 1000px; поле: -100px автоматично 0; височина: 100px; позиция: относителна; цвят на фона: rgb(51,51,204); )

За да залепите долен колонтитул в долната част на етикета на страницата

преместихме го извън контейнера (слой обвивка). Разтягаме цялата страница и съдържанието на "тялото" до границите на екрана. За да направите това, в CSS кода задаваме височината на таговете и на 100%:

html (височина: 100%;) тяло (височина: 100%;)

Задайте минималната височина на контейнерния слой на 100%. За случая, когато ширината на съдържанието е по-голяма от височината на контейнера, задайте свойството на auto. Благодарение на това обвивката автоматично ще се адаптира към ширината на съдържанието, поставено на страницата:

#wrapper ( min-height: 100%; height: auto !important; height: 100%; )

Редът "height: 100%" е за по-стари версии на IE, които не приемат свойството min-height.

За да отделим пространството за долния колонтитул в дизайна на страницата, задаваме отстъп за тага на 100 пиксела:

#content (padding: 100px;)

В този момент имаме уеб страница на цял екран плюс допълнителни 100 пиксела, които са „неутрализирани“ от отрицателна стойност за подпълване на долния колонтитул (поле: -100px), когато се позиционира спрямо нея (position: relative). Така че, с отрицателна стойност на подложка, ние "преместваме" долния колонтитул в областта на контейнера, която има височина 100%.

AT този примермаркирането на уеб документ се определя с помощта на сравнително нов HTML тагове 5, които могат да бъдат изтълкувани погрешно остарели версиибраузъри. Поради това целият дизайн на страницата може да не се показва правилно. За да избегнете това, трябва да замените новите тагове от арсенала на версия 5 на хипертекстовия език с обикновени.

:

съдържание

Подобрена версия

Обсъденият по-горе метод за това как да направите долния колонтитул в долната част на страницата „непоклатим“ не е подходящ за всички. Ако в бъдеще ще промените и подобрите дизайна на вашия сайт с помощта на изскачащи прозорци, тогава е по-добре да се откажете от използването на предишното изпълнение.

Най-често при изпълнението на изскачащи прозорци се използва css свойство z-индекс. Неговите стойности определят реда, в който слоевете се подреждат един върху друг.

Колкото по-висока е стойността на z-индекса на даден елемент, толкова по-висок ще бъде той в общия стек за „наслояване“.

Но тъй като използвахме отрицателна подложка в долния колонтитул в предишния пример, долната част на изскачащия прозорец ще се припокрива с горната област на долния колонтитул. Въпреки че ще има по-висока стойност на z-индекс. Тъй като родителят на изскачащия прозорец (обвивка) все още има по-малка стойност за това свойство.

Ето по-добра версия:

CSS - примерен код:

html, тяло (височина: 100%;) .header (височина:120px; цвят на фона: rgb(0,255,102);) .main (мин. височина:100%; позиция: относителна; цвят на фона: rgb(100,255,255); ) .footer (височина:150px; позиция: абсолютна; ляво: 0; дъно: 0; ширина: 100%; цвят на фона: rgb(0,0,153); )

Както можете да видите от кода, поставихме долния колонтитул като част от основния елемент. Дадохме на контейнера относителна позиция и абсолютна позиция за долния колонтитул. Фиксирахме долния колонтитул в самото дъно на контейнера, като зададохме неговата лява и горна позиция на 0.

Вариант за сутерен с нефиксирана височина

Предишните реализации могат да гарантират, че долният колонтитул винаги е в долната част на страницата. Но само ако долният колонтитул е с фиксирана ширина. Но какво ще стане, ако количеството съдържание, поставено в него, не може да бъде предвидено?

Това ще изисква по-усъвършенствана опция за нефиксирано мазе. Той задава долния колонтитул на table-row за свойството display. Това ще го накара да се появи като ред от таблица.

Ако обувките са последният компонент на всяко облекло, тогава долният колонтитул за сайт за електронна търговия е последният елемент от неговия дизайн за продажба. Фокусирайки се върху най-долния елемент на долния колонтитул, съвременните уебсайтове са готови да покажат своята индивидуалност по всякакъв начин. В конкурентна среда за електронна търговия има достатъчно оригинални идеи, креативност и дизайнерски тенденции. Преди да разнообразите долния колонтитул на сайт за електронна търговия, струва си да разгледате важни моменти. Какво да поставите първо и как най-добре да го направите? Разгледайте нашия преглед на вдъхновяващи дизайни на долен колонтитул за интересни опции.

Прочетете също: 13 маркетингови тенденции в електронната търговия за 2019 г

Любопитна статистика от компанията Chartbeat. Проучване на поведението на 25 милиона потребители показа колко дълбоко сърфират в страниците. Оказва се, че вниманието на потребителя е привлечено от пространството под линията на сгъване. Получавайки повече практически полезна информация, посетителите се задържат най-дълго в зоната от 1200px от горната част на страницата (със средно 700px вертикално на екрана в браузъра), или зад втория екран.

Време за преглед (сек.) / Разстояние от горната част на страницата (пиксели)

Голяма разлика в продължителността на гледане на първия и втория екран. Самият TOP е 4 секунди, продължителността достига максимум (16 секунди) на 1200 пиксела от върха и с по-нататъшно превъртане бавно намалява.

Дял на посетителите (%) / Разстояние от горната част на страницата (пиксели)

Значителна част от посетителите (над 25%) дори не изчакват съдържанието да се зареди и започват да превъртат страницата. Това означава, че само 75% ще видят най-горе първи. Най-гледаната област на страницата е 550px (точно над линията на сгъване).

Проучването развенчава мита, че потребителите не превъртат до края на страницата и не гледат цялото съдържание. Долният колонтитул също е важен за един модерен сайт за електронна търговия и дори има своите предимства.

Идеи как да проектирате "мазе" (футър), примери за дизайни за продажба

Тези 10 съвета ще ви покажат как красиво да проектирате долния колонтитул за сайта - според правилата за композиция в уеб дизайна и с разрешаването на приоритетни задачи. Приложете най-подходящите тактики за подобряване на използваемостта, UX ( потребителски опит) и дори да увеличи продажбите.

1. Необходима информация

Традиционно необходимите организационни и правни въпроси са разгледани в долната част на сайта. Известията са оформени в по-малко видим текст, което освобождава други области на страницата за по-смислени елементи. Ето примерен списък, който трябва да имате предвид:

  • Бележки за авторските права
  • Правни откази от отговорност
  • Данни за плащане
  • Известие за бисквитки

Уебсайтът, който продава стоките, трябва да отговаря на законовите изисквания и да предоставя информация за процедурата, условията за връщане. Местоположението му в долния колонтитул е удобно както за продаващия ресурс, така и за посетителите.

Пример за долен колонтитул: Yves Rocher

Онлайн магазин Yves Rocher: долен колонтитул на цял екран с приятен дизайн от редуващи се слоеве. Информира за компанията, инфраструктурата на продаващия сайт - от проследяване на поръчки до политика за лични данни. Ето съвети за използване на продукта, бонуси, промоции

Пример за долен колонтитул: Lumity

На търговците на хранителни добавки се налага засилен законов отговорност. Има доста неща, които трябва/не трябва да казват на своя сайт за продажби. Връзките към правна информация са с удебелен шрифт за по-добра видимост.

Долен колонтитул с красиво фоново изображение се вписва много органично в цялостния дизайн на сайта. Няма ясна граница, по-скоро самото съдържание служи като разделител

Пример за долен колонтитул: Saddleback Leather Co

Продавам сайт с красив ретро хедър и футър дизайн. 100 години гаранция срещу дефекти в материала и покритието. Условията за връщане са придружени интересни истории… не всичко е толкова тъжно с необходимата информация за електронната търговия, оказва се

2. Негативно пространство – достатъчна визуална дистанция

Когато ограничавате броя на връзките в долния колонтитул, не пестете отрицателното пространство - това ще има невероятен ефект върху визуалното възприятие и ще подобри четливостта. Общо правило: При поддържане на визуална йерархия, централните елементи се забелязват по-бързо (може да се използва с предимство!).

Пример за долен колонтитул: QUAY AUSTRALIA

С минималистичен стил и фиксирано падащо меню, онлайн магазинът може да си позволи просторен долен колонтитул.

пример за долен колонтитул: Incase

За много микроотрицателно пространство (между малки елементи) можете да кажете следното: стига цялата необходима информация да е налице, тя е четлива и бързо възприемаема - всичко е наред

Пример за долен колонтитул: Stumptown Coffee Roasters

Просторният футър на сайта за кафе е страхотен завършек на изчистената дизайнерска композиция, която има много макронегативно пространство („въздух“ между секциите/секциите)

3. Последен призив за действие

Прочетете също: 30+ примера и идеи за дизайн на бутони за целеви действия

Стилният дизайн на колонтитула говори красноречиво за самия ресурс. Важно е да се отбележи, че купувачът остава тук малко по-дълго, отколкото в останалата част на страницата. Добра възможност за още един последен призив за действие. Често това е абонамент/пощенски списък, но можете също да свържете CTA повикване с регистрация на акаунт.

пример за долен колонтитул: Greetabl

Greetabl има скромно проектирана долна част на страниците, включително призив за абониране. С минимум елементи призивът става забележим и в хармония с тюркоазения фон се превръща в декорация на сайта

Пример за долен колонтитул: Ecwid

Приятен дизайн с призиви за действие в долната част на страниците. Структурата на създателя на продаващ уебсайт е универсална. Тя е преведена на 35 езика за своите милиони клиенти.

4. Плаваща количка - увеличаване на наличието на функционалност за продажба

Достъпът до количката за пазаруване от долната част на сайта е чудесен начин за подобряване на използваемостта и продажните качества на сайта.

Пример за долен колонтитул: Lemonadela

Продажбният сайт на кетъринг фирмата е приятен на външен вид и удобен за купувача

5. Навигация в долния колонтитул

Долната част на сайта е идеална за рядко преглеждана информация: за компанията, условия за обслужване и политика за поверителност. В случая функцията на долния колонтитул е да спасява всички. Чувствайки се изгубен в среда на електронна търговия, някой се интересува от инфраструктура електронен магазин, инстинктивно превъртайки по-нататък ...

Отрицателното пространство е необходимо за четливостта на съдържанието. По принцип "долният колонтитул" не е за навигационни цели, за разлика от менюто или картата на сайта. Само в редки случаи сайтовете за електронна търговия поставят определени категории продукти в долния колонтитул (

всичко wordpress шаблонисе състои от няколко файла, които отговарят за обработката и показването на една или друга част от блога - заглавка, основно съдържание, странична лента и долен колонтитул. Днес ще говорим за последното. Футърът (футърът на сайта) е долната му част с цялото съдържание. Най-често се използва от уеб администратори за представяне на информация като дата на създаване, защита на авторските права, заглавие и т.н. Но не във всички теми за wordpressтова е лесно за изпълнение, някои просто нямат прости опции за добавяне на информация към долния колонтитул.

Какво да поставим в футъра на сайта?

Като начало, нека решим какъв тип сайт, какво може да се постави в долния колонтитул, за да се подобрят поведенческите фактори.

Информация за връзканай-подходящ за уеб магазини. Поставянето в мазето на адреса на карта, телефон, пощенски адрес на магазин или организация и т.н. позволява на човек да направи поръчка или покупка по-бързо.

Навигацияили повтарянето на блока за навигация е добре за всякакъв вид сайтове. Това е много вярно за дълги страници. В този случай потребителят не трябва да се връща в горната част, за да отиде до желания раздел. Но ако не искате да поставите блок за навигация в долния колонтитул, тогава бързо връщане в горната част може да се осъществи със стрелката нагоре.

социални отметки,ако съдържанието на вашия сайт включва масова дискусия или публикувате прегледи на събития, свързани с развитието на темата, тогава в долния колонтитул можете да поставите връзки към социални мрежив който популяризирате ресурса. Облакът от етикети, както и допълнителният блок за навигация, ще отговарят на всички видове сайтове. Местоположението в долния колонтитул на облака с 3D етикети ще бъде не само удобно за потребителите, но и красиво от страна на дизайна.

Трябва да се отбележи, че шансът да щракнете върху връзките на долния колонтитул, ако не е красив и информативен, е близо до нула поради незабележимостта на такъв футър.

Примери за красиво проектирани колонтитули на уебсайтове

За да създадем красив и информативен колонтитул, предлагаме на вашето внимание най-известните произведения на студия за уеб дизайн:

1. Дизайнерско решение на френското уеб студио KDIGIT:

2. Дизайн на футъра на дизайнерското уеб студио SNOWDEN industries:

3. Дизайнерско решение в дизайна на футера на шведската компания Uforia CMS:

4. Елегантен дизайн на долния колонтитул на Tapbots:

5. Долен колонтитул на готови дизайни:

6. Дизайн на долния колонтитул от Mecannical:

7. Красив дизайн на долния колонтитул:

Както вероятно вече сте разбрали, всички тези колонтитули са базирани на красиви фонови изображения и блокове информация, поставени върху тях. Ако не трябва да имате особени затруднения при създаването на фоново изображение, тъй като за това има различни редактори на изображения като Photoshop, тогава е възможно с бързо и удобно поставяне в информационни блокове.

Добавяне на информационни блокове към долния колонтитул

от най-много по прост начиндобавянето на блокове с информация към долния колонтитул ще добави към административния панел на WordPress блок от джаджи за долния колонтитул. За да създадете такъв блок от уиджети, трябва да отворите администраторското меню —> редактор и в колоната вдясно да изберете файла functions.php, в който добавяме кода:

if (function_exists("register_sidebar")) register_sidebar(array("name" => "Footer Sidebar", "before_widget" => "", "after_widget" => "", "before_title" => "

", "after_title" => "
",));

if (function_exists("register_sidebar") )

register_sidebar(масив(

"име" => "Странична лента на долния колонтитул" ,

"before_widget" => "" ,

"after_widget" => "" ,

"before_title" => "

" ,

"след_заглавие" => "

" , ) ) ;

Това е кодът за регистриране на нов уиджет блок в администратора, където 'name' е името на уиджета, 'before_widget' е изобразеният HTML код преди уиджета и 'after_widget' е изобразеният HTML код след уиджета, както и кода преди и след заглавието на заглавието. Обикновено се добавя в самото начало на файла functions.php.

Запазете съдържанието на functions.php и отидете в секцията „Виджети“. Ако всичко е направено без грешки, тогава ще намерите нов блок там:

И така, направихме показването на нов блок от джаджи в менюто на администратора, сега трябва да покажем джаджите на този блок на сайта. За да направите това, отворете менюто на администратора -> редактор и изберете файла footer.php вдясно, между другото, такива блокове с джаджи могат да се показват не само в долния колонтитул, но и на всяко друго място на сайта.

Във файла footer.php добавете следния код.