Як змінити тему (шаблон) wordpress за допомогою дочірньої теми, дві секунди - все дійсно просто
Ну, буває іноді потрібно. Навіть якщо Ви вже вибрали шаблон WordPress. або використовуєте один зі стандартних, Вас все влаштовує, і Ви зовсім нічого міняти не плануєте, така необхідність може виникнути все одно.
Навіщо це потрібно
Наприклад, в чудовій і дуже популярній темі Twenty Eleven внизу сторінки може знадобитися додати копірайт для Вашого сайту, як у мене:
Оскільки у WordPress немає настройки, що дозволяє змінити або хоча б додати щось до стандартної написи «Сайт працює на WordPress«, то варіантів два: або шукати плагін, або змінити цей напис в шаблоні самому.
Це лише одне із завдань, і якщо Ви збираєтеся розвивати сайт, то неминуче виникнуть і інші.
Плагін або зміна теми?
Скажу відразу: я затятий прихильник плагінів, але не для всього вони є, і, як в попередньому прикладі, іноді плагін - це стрілянина з гармати по горобцях.
Встановлювати плагін краще, так як він живе своїм життям, незалежної від шаблону. До нього виходять оновлення окремих програмного забезпечення, окремо оновлюється сам шаблон. Якщо Ви вирішуєте піти по шляху зміни шаблону, і змінюєте його код, то Ваші зміни будуть втрачені при наступному оновленні WordPress ... швидше за все.
Тому я пропоную дуже радикальне рішення: не змінювати шаблон взагалі! Благо WordPress з недавніх пір дозволяє створювати дочірні теми. Давайте розберемося, що це таке.
Дочірні теми, і з чим їх їдять плодять
Дочірня тема - це тема, яка розширює можливості батьківської, не зачіпаючи саму батьківську тему. Щоб не розтікатися мислію по древу, я просто дам посилання на офіційний сайт, вичерпний опис можна знайти тут.
Трохи теорії, що переходить в практику
Для Вас, напевно, не секрет (якщо Ви встановлювали хоч одну тему, то вже точно), що будь-яка тема містить в собі багато різних файлів. Якщо Ви скачували її з якогось сайту, то, ймовірно, це був один файл - архів - але він розпакував, і у Вас на сайті додалася купа файлів.
Файли там є різні, але нам будуть цікаві ті, що мають розширення .php - всі ці файли відповідають за створення сторінок Вашого сайту та їх частин.
Так ось принадність створення дочірньої теми в тому, що Ви можете створити її за дві хвилини, вказати батьківську тему для неї і все. Ваша дочірня тема буде виглядати точь-в-точь як батьківська. На цьому етапі вона буде складатися тільки з одного файлу, що ідентифікує її і все.
А коли Вам знадобиться внести якісь зміни, Ви повинні будете зрозуміти, який .php файл батьківської теми потрібно змінити, скопіювати його в дочірню тему і змінити тільки цей файл!
Чудесно? Я теж так думаю!
Ближче до діла!
У нашому прикладі ми будемо робити дочірню тему для Twenty Eleven. Пара хвилин, і вона вже буде красуватися у Вашій «адмінки»:
Найкраще, якщо у Вас є доступ до свого сайту по FTP. Тоді Вам треба дістатися до каталогу
Там Ви побачите всі встановлені у Вас теми. У мене набір такий:
Ось для першої з них, Twenty Eleven. ми і будемо створювати дочірню тему. Тому створіть новий каталог (уникайте пробілів!) І назвіть його, наприклад, twentyeleven-child.
Усередині цього каталогу створіть файл
Файл можна створити за допомогою «Блокнота» на своєму комп'ютері, а потім скопіювати на сервер. У файлу повинна бути такий вміст:
Ось що означають ці рядки
Усе. Тепер Ваша тема є точною копією теми Twenty Eleven.
Установка Вашої нової теми
Якщо Ви використовуєте FTP. то просто запишіть файл style.css в створений на Вашому сайті каталог twentyeleven-child.
Якщо у Вас немає доступу по FTP. то Ви в ході роботи на своєму комп'ютері повинні були створити каталог twentyeleven-child в якому зараз розміщується файл style.css. Заархівуйте цей каталог, щоб вийшов .zip архів. Тепер Вашу нову тему можна встановити через «адмінку» WordPress (Зовнішній вигляд - Теми - Встановити теми - Завантажити), вказавши цей архів.
Внесення змін
Тепер Вам належить саме складно - визначати, в який файл потрібно вносити зміни. Якщо повернутися до прикладу з копірайтом, то Вам знадобиться файл
Ви копіюєте цей файл з батьківської теми twentyeleven в свою нову twentyeleven-child. і шукаєте там блок:
Ну або що вважаєте за потрібне.
установка змін
Тепер файл footer.php потрібно скопіювати в Вашу нову тему, якщо Ви використовуєте FTP. а якщо не використовуєте, як і раніше зробіть архів каталогу twentyeleven-child. тільки тепер перед його установкою Вам доведеться видалити Вашу дочірню тему з «адмінки», інакше повторна установка теми з тією ж назвою викличе помилку.
Тепер Ваша нова тема буде користуватися всіма файлами батьківської, крім footer.php. який Ви тільки що створили і додали до неї, а сайт буде виглядати точно так само, як при встановленій Twenty Eleven. тільки зі зміненою підписом на всіх сторінках.
Тепер, коли змінюється батьківська тема (в нашому випадку Twenty Eleven), Вам доведеться порівняти по вмісту всі файли, які Ви включили в Вашу дочірню тему.
Ось приклад. На малюнку верхня рядок таблиці символізує Ваш файл (скажімо, footer.php) до внесення змін (зліва, в стовпці Twenty Eleven), і після (праворуч, в стовпці Twenty Eleven Child). Синім відзначена рядок, яку Ви привнесли в цей файл (слово «Півтора»).
Тепер виходить нова версія теми Twenty Eleven (дивимося нижній рядок таблиці). Розробники WordPress додали в файл ще один рядок (зеленим - слово «Чотири»), і очевидно, що Ваших змін в цьому файлі немає. Тому треба оновити відповідний файл у Вашій дочірньої темі.
Що Ви будете робити: дописувати «Півтора» до нового файлу з Twenty Eleven або візьмете свій з Twenty Eleven Child і допишете туди «Чотири» - справа Ваше, але я дуже рекомендую підтримувати файли в актуальному стані.
Два рази успіхів!
Якщо зовсім нічого не виходить (або не зовсім, а тільки щось), то звертайтеся за допомогою до мене.
Олена, я забув про цю особливість. Кращий вихід тут - підготувати картинку розміром 10х10 пікселів, просто білий квадратик з потрібним ступенем прозорості, збережений в png, і зробити його фоном полотна з опцією «замостити». Тоді вам потрібно в тому місці, де ви додавали opacity, прибрати background-color зовсім (або поставити none замість коду кольору), знайти в style.css блок
hentry background-color: #fff;
padding-top: 7.6923%;
position: relative;
>
і додати туди
background-image: url (images / bg.png); / * Шлях до фонового малюнку * /
background-repeat: repeat; / * Замостити картинкою все * /
Картинку попередньо завантажте на сайт, шлях вказується без домену.
hentry, здається, це стиль основного полотна, зміни не торкнуться фон під меню. Якщо його теж треба зробити прозорим, за допомогою правої кнопки миші визначте, який там стиль і зробите так само.
І ще потрібна допомога. Як поміняти колір тексту в меню, тобто назви заголовків. у мене все чорне. І як вирівняти по центру?
Вітаю! Дякую за цікаву статтю, все зробила так, як написано, але дочірня тема чомусь з'їжджає і вся крива. Тема Twenty Thirteen. Які можуть бути причини? Заздалегідь дякую!
Добре б бачити, що вийшло, щоб сказати щось певне.
Ви замінили в моєму прикладі twentyeleven на twentythirteen в двох місцях, коли створювали style.css?
Якщо дочірня тема буде складатися тільки з одного style.css, заповненого як в зразку в статті, то дочірня тема повинна виглядати точно як батьківська.
Все запрацювало.
Дякуємо.
Заздалегідь дякую,
Баходур.
Дякую за приголомшливу і цікаву статтю!
Мені одного разу довелося це робити. Спробувавши різні варіанти, я зупинився на такому: треба підготувати картинку із заданим ступенем прозорості (визначається експериментальним шляхом). Картинка не повинна бути великою, я використовував 10х10 точок. Це повинен бути просто білий квадратик з налаштуванням прозорості. У Photoshop, наприклад, це робиться так: створюєте нове зображення розміром 10х10 на прозорій підкладці, заливаєте білим кольором, далі на панелі шарів (Layers) ставите для нього прозорість скільки потрібно (движочек Opacity), зберігаєте як png.
Далі на сайті ви просто вказуєте цю картинку в якості фонової до того елемента, який повинен бути напівпрозорим. За рахунок властивості «замостити», маленька картинка буде «розтиражована» на всю площу.
Для того, щоб зробити напівпрозорим фон під текстом на сторінках, вставте в style.css вашої дочірньої теми такий шматочок:
#page background-image: url ( '/ wp-content / uploads / куди / далі / захочете / імя_картінкі.png');
background-color: transparent;
>
Картинку треба завантажити попередньо на сервер, і вказати реальний шлях замість «/wp-content/uploads/куда/дальше/захотіте/імя_картінкі.png».
P.S. Може бути знадобиться додати всередині фігурних дужок ще background-repeat: repeat;
Це якщо квадратик НЕ буде тиражуватися сам.
Михайло, якщо говорити про техніку питання, то зізнаюся чесно, я не знаю. Ніколи не робив. З того, що встиг прочитати по темі, слід, що за виведення дати і часу відповідає функція the_time (), також говорять про get_the_date (). Але в темі зазвичай буває багато форматів відображення записів: у вигляді стрічки, в режимі читання запису, в результатах пошуку і так далі. За різні види відображення відповідають різні .php файли, тому відредагувати доведеться їх все. І якщо слідувати концепції дочірніх тим, то ваша дочірня тема буде «роздуватися», при оновленні доведеться порівнювати по вмісту бо льше кількість файлів і т.д. Нарешті, таким чином ви знищите відображення дати на екрані, але вона залишиться в розумінні WordPress. І якщо, скажімо, у вас буде працювати календар або пошук за датою, то записи можна буде знайти за датою.
У такому ключі мало б сенс скористатися плагіном, він би позбавив від масової правки файлів заради одного невеликого зміни. Мені вдалося знайти плагіни «WP Date Remover» і «Date Exclusion SEO», вони як раз роблять те, що Ви хочете, але ... вони дуже старі. А я не раджу використовувати плагіни, які давно не оновлювалися. Шукав не надто прискіпливо, але з ходу нічого потрібного не виявляється.
Можливо, варто було запитати в першу чергу, але для чого Ви хочете прибрати дату? З моїх особистих відчуттів, коли я шукаю щось в Інтернеті, і знаходжу замітку без дати, мені це не подобається. Я хочу розуміти, коли це було написано. Є також теми, де показуються тільки число і місяць, а рік - немає. Особисто мені буває дуже незручно. Я швидше йду з таких сайтів. Власне, поки зараз шукав по темі видалення дат, знайшов пару обговорень, де висловлювалися такі ж думки: інформація без дати часто менш приваблива.
До речі, коли з'являється щось нове, роблю вставки в статті, позначаючи червоним, зі словами «Додано хх.хх.хххх», як, наприклад, в цій же замітці можете бачити.
Я намагаюся залишати. Коли шукаю що-небудь і потрапляю на якусь статтю, і не розумію, наскільки вона актуальна, коли була написана, то сильно дратуюся. Світ (особливо комп'ютерний) дуже швидко змінюється, і багато речей сильно залежать від часу. У деяких блогах ще буває місяць і день без року - мені теж незручно.
Спробуйте встановити тему за допомогою .zip архіву
так і робив, згідно статті. Все нормально вийшло, крім невеликого нюансу, описаного вище. До речі, без архіву не вантажилось.
Прибрав - 01 в назві. Результату немає.
у мене 4 файлу:
css, шапка, підвал і функції. не проглядається тільки css. Проблема не смертельна, але ворогів треба знати в обличчя.
Дякую за увагу до моєї проблеми.