Привіт читачі блогу! Тільки по одній назві цієї статті не всі зможуть одразу зрозуміти, про що я хочу сьогодні розповісти. Для цього потрібно прочитати хоча б кілька абзаців тексту нижче.
Всі блогери, які поставили собі за мету вивести який-небудь об'єкт, наприклад, текст на головній сторінці в шапці блогу WordPress або зображення, з легкістю знайдуть в Інтернеті безліч інструкцій про те, як це реалізувати.
Особисто я на своєму блозі зробив висновок тексту в шапці тільки на головній сторінці за допомогою ось такого коду.
<? Php if ((is_front_page ()) and (! Is_paged ())) {?> <? Php}?>
Не питайте, чому в шапці - так треба! Код був проведено успішно, текст відображається правильно і в потрібному місці. Ось результат.
Але, якщо обмежитися тільки цим кодом, тоді на всіх інших сторінках сайту, крім головної, в хедері залишиться порожнє місце. І ось, захотів я на цьому порожньому місці відображати банер. Програміст з мене не дуже який і реалізувати цю задумку самостійно я, природно, не зміг. Довелося звертатися до фахівців на форумі:
http://mywordpress.ru/
(Окрема подяка BizWebmaster і Ю.Б.) які і підказали правильне рішення. Сьогодні я спробую розповісти і показати на скріншотах, як була реалізована ця задача у мене на ресурсі.
Може, у когось з вас і виникне необхідність зробити що-небудь подібне в майбутньому, тому приступимо. До доопрацювання коду було ось так:
- текст в шапці на головній сторінці;
- порожнє місце на всіх інших сторінках блогу.
Після доопрацювання коду стало ось так:
- текст в шапці на головній сторінці;
- банер на всіх інших сторінках сайту.
Тепер приступимо до самої реалізації задуманого. Заходимо в Панель адміністратора WordPress і відкриваємо для редагування сторінку "header.php".
Вибираємо місце після тега <body>, куди і вставляємо наступний код.
<Div id = "text_header"> <? Php if ((is_front_page ()) and (! Is_paged ())) {?> Тут вставляємо текст або код, який відображається на головній сторінці (у мене просто текст). <? Php} else {?> Тут вставляємо текст або код, який відображається на інших сторінках (у мене код банера). <? Php}?> </ Div>
Спробую пояснити (хоч я і не фахівець):
- <Div id = "text_header"> - початок блоку з ідентифікатором "text_header" служить для додання стилю об'єкту в таблиці стилів;
- <? Php if ((is_front_page ()) and (! Is_paged ())) {?> - служить для виведення тексту або коду на головній сторінці;
- <? Php} else {?> - служить для виведення тексту або коду на всіх інших сторінках;
- </ Div> - кінець блоку.
Далі необхідно тег <body> замінити на такий.
<Body <? Php body_class (); ? >>
Тепер переходимо в таблицю стилів, де задаємо стилі для об'єктів.
Стиль для банера.
#text_header {left: 550px; position: absolute; right: 9px; text-align: right; top: 55px; }
Стиль для тексту.
body.home #text_header {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; left: 550px; position: absolute; right: 9px; text-align: justify; text-shadow: 1px 1px 1px black, 0 0 1em black; top: 36px; }
Стилі і ідентифікатори, звичайно ж, міняєте на свої. Дякую за увагу! Якщо хтось із Вас розбирається в цій темі більше мене і зможе щось додати в код (поліпшити його або зробити виправлення), прошу в коментарі!
Lt;?Php if ((is_front_page ()) and (! Is_paged ())) {?
Php}?
Php if ((is_front_page ()) and (! Is_paged ())) {?
Lt;?
Php} else {?
Lt;?
Php}?
Php if ((is_front_page ()) and (! Is_paged ())) {?
Php} else {?
