ПредишенСледващото

Първият - да се направи най-информационен блок

вторият - за почистване saytbar, като същевременно максимално ниво на сигурност на популярни материали.

В края на краищата, аз се обърнах тук е такава единица:

Как да създадете мулти-функционална единица с позиции и популярни материали в WordPress плъгин без

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

Затова реших да създам този многофункционален единица независимо, като се използват HTML рамка, заявки на базата данни и CSS стилове.

Как да създадете HTML рамка мултифункционален единица

В основата на целия блок е HTML рамка, в която разделите се осъществява чрез бутон за избор. Погледнете раздели финализирани през CSS стилове.

Ето код HTML рамка, която може да се усъвършенства, за да отговарят на вашите нужди в зависимост от броя на разделите:

Имайте предвид, че се проверява имуществото е на стойност на втория раздел. т.е. този превключвател (раздел) ще бъде открита по подразбиране.

А сега нека да видим как това изглежда рамка без визуални стилове.

Както можете да видите, бутонът активен радио е инсталиран на втория раздел. Превключване вече работим, но съдържанието на блоковете

Тя ще бъде на разположение на всеки раздел. Не се притеснявайте, ние ще реши този проблем по-късно.

Сега, нека да направим едно обяснение на кода:

Всички раздели са затворени в DIV блок

с присвояване на класа да се изработи стилове.

Tabs осъществява чрез използване на INPUT етикет, чийто бутон тип радио

Името на раздела се осъществява чрез маркер LABEL

Според съдържанието на разделите са създадени отделни блокове DIV

. с един дизайн клас. В тези блокове, можете да поставите необходимите кодове, текстове, снимки, и така нататък.

Създаване на стил за мултифункционална единица

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

Така че, ако нашата рамка за прилагането на тези стилове тук:

вие ще получите тук е такъв вид мулти-функционална единица.

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

Както дисплей колони в блок Omni

където цифрата е десет точки за броя на изходните документи.

Как да се покаже архивни материали в мулти-блок

Отново в блока DIV

Можете да добавите раздел, който е кода:

където можете да промените интервала, месечната - месечен архив; ден - всеки ден; година - от година.

И ето какво съм написал в тази статия. просто трябва да се предприемат необходимите кода и го поставете в DIV блок

съответните раздели.

Къде да въведете код готов мултифункционален единица

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

Ако не се използва в неговата част, PHP код, което означава, че имате само голи HTML код и текст вътре, можете да използвате текст, джаджа, която е налична в администрацията панел на WordPress.

И ако използвате PHP - запитвания, джаджа вече не е подходящ. Трябва да въведете код блок директно във файл, който е отговорен за saytbara на заключение (sidebar.php).

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

Как да създадете мулти-функционална единица с позиции и популярни материали в WordPress плъгин без

Открихме, на точното място, поставете и проверете работата си.

Свързани статии

Подкрепете проекта - споделете линка, благодаря!