Індивідуальний шаблон кожної сторінки своя шапка, MnogoBlog
як створити сайт на wordpress, налаштувати та оптимізувати wordpress
Розглянемо, як можна поміняти шапку для конкретних сторінок вашого сайту через індивідуальний шаблон.Завантажити вихідні статті для статті можна нижче
Приступимо до створення нової шапки.
Припустімо, що ви вже створили індивідуальний шаблон для конкретної сторінки, якщо ні, то зачитайте мою статтю:
У статті я розповідав як створити шаблон з ім'ям moishablon.php. Ось із ним і продовжимо працювати.
Ця інструкція складається з 5 кроків.
Крок 1. Підключаємо в індивідуальному шаблоні moishablon.php інший файл шапки.
У коді знаходимо наступний рядок
Даною заміною ми підключаємо не header.php, а окремий шаблон для шапки з ім'ям moiheader.php. Відповідно, нам потрібно його створити.
Крок 2. Створюємо шаблон moiheader.php.
Для цього копіюємо файл header.php з поточної теми вашого сайту, знаходимо в його коді наступний рядок:
Цим рядком ми змінили блок header на блок headernew.
Оскільки шлях до фонового зображення у моїй темі прописується у файлі стилів style.css у блоці header.
Тобто, щоб змінити зображення шапки, ми просто створимо новий стиль відображення для нашого нового блоку headernew.
Крок 3. Створюємо стиль оформлення для нового блоку headernew.
Відкриваємо в панелі керування Редактор коду, для цього в лівому меню вибираємо пункт Зовнішній вигляд, далі підпункт Редактор, вибираємо в ньому праворуч у списку шаблонів файл style.css (Список стилів).
У ньому шукаємо стиль оформлення для блоку header і копіюємо його, далі вставляємо його в кінці файлу style.css, змінюємо його назву з header на headernew.
У моїй темі у файлі style.css стиль оформлення блоку header виглядав так:
Далі я скопіював його і вставив у кінець і перейменував, ось так у мене вийшло:
Як бачите, я змінив також назву самої картинки шапки, про це в кроці 4.
Крок 4. Створюємо нову картинку для нашої шапки.
Завантажуємо картинку вашої шапки і редагуємо її або створюємо нову, але з тим же дозвіл.
Шлях до зображення нам відомий – він прописується у файлі style.css для блоку header.
Крок 5. Підключаємо наш індивідуальний шаблон до потрібної сторінки.
Для цього в панелі керування в лівому меню заходьте в пункт Сторінки, вибираєте потрібну сторінку, праворуч в блоці Атрибути сторінки вибираєте шаблон moishablon.
Ось і все, шапка для конкретної сторінки змінена, а на інших сторінках залишилася незмінною.
За аналогією можна змінити картинку у підвалі (footer) або фонове зображення у сайдбарі (sidebar).
PS: Іноді в коді стилів (файл style.php) замість фонового зображення стоїть просто колір:
Тоді вам потрібно забрати параметр color і поставити замість нього background.
Даний метод також не підійде для складних тем, таких як Twenty Eleven, які мають вибір картинки для шапки через панель управління.
У деяких темах шлях до зображення може прописуватися не через стилі (файл style.css), а безпосередньо в шаблоні, для цього вам достатньо скопіювати даний шаблон, перейменувати його, поміняти в ньому шлях до зображення і підключити його до індивідуального шаблону потрібної сторінки.
Як бачите нюансів дуже багато і залежить все від структури теми, але здебільшого цей метод спрацьовує.
PS: Відповідь питання Юлії: Юля, 1. створіть шаблон для шапки(для прикладу назву його 111.php – назва пов'язана з моєю останньою статтею) на основі файлу header.php і видаліть у ньому висновок всього, що не потрібно, ось наприклад так:
2. Я так розумію, ви використовуєте шаблон без сайдбару, який вже є в темі Twenty Twelve, давайте ж тоді його трохи підкоригуємо (приберемо у ньому виведення стандартної шапки та замінимо на виведення нашої шапки – файл 111.php)
Для цього входимо в панелі управління, в лівому меню, в пункт "Зовнішній вигляд" - "Редактор" і праворуч у списку шаблонів вибираємо шаблон "page-templates/full-width.php", відкриваємо його та замінюємо рядок:
На наступне, тобто на створений нами індивідуальний шаблон шапки – 111.php (у прикладі нижче вказаний шлях до файлу 111.php, який я створив на тестовому сайті http://mnogoblog6.p.ht/, у вас він має бути свій (шлях)):
Ось і все, результат тимчасово можете переглянути на сайті http://mnogoblog6.p.ht/sample-page/
Схожі записи:
Допоможіть будь ласка. У мене був шаблон без сайдбара, треба тепер шапку прибрати, щоб не висвічувалася "головна" та ін. сторінки, а так само назва сторінки.
Юля, відповідь на ваше запитання написав наприкінці цієї статті у PS.
Костянтине, величезне спасибі! Все вийшло. А ви знаєте ще, як зробити так, щоб такі сторінки на головній не висвічувалися, де список усіх сторінок?
Юля, якщо ви про віджет в сайдбарі (Pages), то в ньому є рядок – Exclude (виключити) – вкажіть у ній >
Заплуталася остаточно, а щастя було так близько: (Спробую, все-таки, добити, якщо допоможете поясненнями. Індивідуальний шаблон я створила, поки там теж не все гладко. Але зараз з шапкою хочу розібратися. “Для цього копіюємо файл header. php із поточної теми вашого сайту”Скопіювала, змінила як було написано, а далі цей файл теж потрібно завантажити на сервер? Розумію питання чайника, але я і так чайник. Не маю стосунку ні до сайтобудування, ні до програмування.
Оксана, і файл шапки (у цьому прикладі moiheader.php) теж необхідно завантажити в папку з поточною темою сайту.
Дякую, файл закачала. Чи можна далі питання? Все ж таки хочеться дійти до кінця, це саме те, що давно хотілося. “Далі я скопіював його і вставив на кінець і перейменував…” На кінець коду #header < або в кінець файлу styles.css?
Оксана, наприкінці файлу style.css.
Скажіть цілодобовому чайнику, ось у мене кінець файлу #hmenu ul float:none; >
*/ Вставляти код між дужкою та */ або взагалі після */
Все вийшло, все працює, але шапки тепер взагалі немає. У мене тема F2 і шапка в ній вантажиться прямо з адмін-панелі. Але як завантажити відразу дві шапки, та ще щоб вони відображалися в різних шаблонах, я зовсім поки не розумію. Завантажила картинку і на сервер і медіафайли, прописувала обидва шляхи, але реакції нуль. У цій темі такий фокус не спрацьовує.
Оксана, завдяки вам, знайшов невелику помилку в статті: - у крок 3 потрібно вставляти стилі для блоку з id headernew, а не headermoi, скоро виправлю.
Оксана, змінив для вас тему F2 – додав файли – moishablon, moiheader, а також додав наприкінці файлу style.css стиль для нової шапки.
Демо приклад можете, тимчасово, переглянути на тестовому сайті – “mnogoblog4.p.ht/sample-page/”
Є. Вийшло! Я навіть не змінювала на Ваші дані шаблону, просто побачила, що у Вас background:url(…) без лапок, а у мене було з лапками. Видалила їх і ось воно-щастя. :) Все-таки як складно, коли не розумієшелементарного, як треба написати, щоб було правильно. Скрізь бекграунд пишуть у дужках, ну я теж їх вліпила, а не треба було. Або, можливо, тільки моя улюблена Т2 так не розуміє. Залишилося розібратися із сайдбаром, Він-то пішов, але місце від нього залишилося і на описані дії не реагує. Він має файл s >
Здрастуйте, Костянтине! Я хочу змінити для певної сторінки не всю шапку, а лише її частину (шапка складається з трьох картинок, а я хочу змінити лише одну з них). Чи не підкажете, як це можна зробити? З повагою, Олександре.
Вітаю. А ось немає в стилях прописаного шляху для картинки! Береться для заміни з адмін панелі ВордПресса (налаштувати) А потрібно дуже на окрему сторінку вставити ІНДИВІДУАЛЬНУ шапку - картинку. В header.php крім коду нічого не знайшов, а він - як я думаю загальний для виведення єдиного заголовка! Так навіщо я створюю окремий файл header_(назва) якщо я не можу прописати в ньому картинку заголовка? І як це зробити? Дякую.