Файли шаблону wordpress - як легко орієнтуватися в темі, історія одного блогу
Не полінуйтеся і прочитайте цю статтю до кінця - і вона обов'язково допоможе Вам у майбутньому або навіть в цьому! Як тільки знадобитися щось змінити або додати в шаблон, або Вам захочеться написати свою власну тему - за плечима вже буде необхідні знання про те як і що тут влаштовано.
У правій колонці Ви побачите приблизно наступну картину, в залежності від встановленої версії WordPress:
Тут представлені всі файли Вашого шаблону WordPress - вони мають формат .php і в самому низу обов'язково повинен бути файл стилів style.css. Варто зауважити, що файл стилів може бути не один.
Не варто лякатися їх назв і невідомістю. Відкрили, подивилися, закрили. А після прочитання даного матеріалу відкрили знову і порівняли результат. Отже, давайте почнемо по пунктах і з використанням живого прикладу!
Послідовність вивчення файлу шаблону обумовлена логічним будовою будь-якого блогу.
1 файл: index.php - шаблон головної сторінки.
2 файл: single.php - шаблон записів.
Ви прямо зараз перебуваєте на сторінці записи. Саме шаблон записи задає оформлення до них. Ви з легкістю можете побродити по записах цього блогу і побачити що сторінка виглядає скрізь однаково - відрізняється тільки контент, всі інші елементи зроблені за шаблоном single.php.
3 файлs: page.php - оформлення сторінок.
4 файл: archive.php - шаблон архівів / рубрик.
5 файл: style.css - файл стилів.
Цей файл знаходиться в самому низу списку, а над ним стоїть говорить напис: "Стилі". Саме файл style.css відповідає за все візуальне оформлення блогу - кольору, шрифти, розташування елементів відносно один одного і так далі.
По суті це все необхідні файли, які потрібні для функціонування блогу на CMS WordPress. Але залишається відкритим питання: якщо це все що потрібно, то чому тоді в будь-якій темі більше файлів?
- Введення додаткових файлів допоможе скоротити загальну кількість довжини коду у всіх файлах разом узятих, тобто весь шаблон буде займати менше місця і грузиться швидше;
- Так само додаткові файли допоможуть легше і швидше редагувати шаблон.
Будь-блогер напевно помічав, що деякі елементи повторюються на всіх сторінках, це:
- Шапка або Хедер (header) - верхня частина блогу;
- Підвал або Футер (footer) - нижня частина блогу;
- Бічна колонка або Сайдбар (sidebar) - права чи ліва колонка на блозі, а може бути і та і інша.
Що б кожен раз не прописувати те, що повинно знаходитися в цих місцях на блозі в файлах: index.php, single.php, page.php і archive.php було прийнято рішення створити файли шапки, підвалу і бічний колонки і посилатися на них.
6 файл: header.php - шаблон шапки.
У цьому файлі прописано те, що повинно виводиться у верхній частині блогу:
7 файл: footer.php - шаблон підвалу.
У файлі footer.php прописано те, що повинно виводиться в нижній частині блогу:
8 файл: sidebar.php - шаблон бічної колонки.
Файл sidebar.php як правило, не задіють при правці шаблону, так як в WordPress передбачено його редагування через віджети (які підключені спеціальним файлом functions.php - про нього нижче). Коли я створював тему я додав підтримку віджетів, однак у мене зараз не доданий жоден з них, все таки кому як зручніше - мені легше відредагувати файл sidebar.php і дописати безпосередньо туди все, що потрібно:
10 файл: functions.php - функції теми.
Мабуть самий незрозумілий і "могутній" файл в збірці будь-якого шаблону WordPress. З його допомогою можна зробити з блогом практично все, що завгодно. Ось кілька прикладів, що ми може зробити редагуючи цей файл:
- Додати підтримку віджетів в сайдбар;
- Додати підтримку меню, щоб додавати їх з інтерфейсу адмінки;
- Додати підтримку мініатюр;
- Підключати різні бібліотеки, які допоможуть розширити можливості движка;
- Прописати код, який може реалізовувати будь-який функціонал. Наприклад вивести посторінкову навігацію. хлібні крихти і так далі;
- Скоротити кількість плагінів встановлених на блозі до 0 просто прописавши всі їх функції в цьому файлі;
- Створити на базі движка WordPress сайт будь-якого призначення і складності, аж до інтернет-магазину.
Багато розробники поважають WP через цього файлу. Ще б пак - безмежні можливості завжди будуть в ціні Але будьте особливо уважними редагуючи файл functions.php, так як він пов'язує всю тему воєдино і неправильно прописаний код може видати сторінку помилки. Знайте, якщо блог взагалі не завантажується, то швидше за все проблема саме в файлі functions.php.
Отже 10 файлів, необхідні для оптимального і повноцінного функціонування шаблону WordPress:
Так само зазначу ще 5 файлів шаблону WordPress, які зустрічаються досить часто і які зазвичай я створенню при написанні теми:
11 файл: 404.php - шаблон 404 помилки.
Коли Ваш блог не завантажується браузер видає 404 помилку. Для того щоб ця сторінка була гарно оформлена створюється її шаблон. Зараз у мене на блозі найпримітивніший варіант: в цьому файлі прописаний виклик шапки, сайдбара і футера і з'являється напис, що сторінка не знайдена:
12 файл: searchform.php - шаблон форми пошуку.
13 файл: search.php - шаблон результатів пошуку.
Принцип роботи цієї сторінки такої ж як і файлу index.php або archives.php, тільки список статей повинен відповідати введеному пошуковому запиту.
Я не використовую в даному шаблоні 12 і 13 файли, так як у мене реалізований пошук від Яндекса. 12 файл мені ні до чого - в шапку вставлений "прямий код", а 13 файл замінює звичайна сторінка (page.php) з кодом результатів пошуку.
14 файл і 15 файл: loop.php і theloop.php - файли циклів виведення статей.
Якщо Ви уважно прочитали статтю, то напевно помітили що шаблон головної сторінки (index.php) і сторінок рубрик (archives.php) складаються із запитів до інших шаблонах, тобто "своєї інформації" в файлі index.php немає ніякої, є лише запити до файлів (зверху вниз, зліва направо по розмітці сторінки):
Так само в шаблоні WordPress можуть зустрічатися інші файли, які реалізують додатковий функціонал і зручність (дуже суперечливе як мені здається). Часом зустрічаю шаблони де файлів близько 40 штук - ось тут то вже є де запитується
Щоб укомплектувати всі знання і запам'ятати найбільш поширений варіант шаблону WordPress я створив ось таку картинку, в якій все зібрав в одному місці. Після прочитання цієї статті питань: що? звідки і куди? напевно не залишиться, а графічна частина закріпить пройдений матеріал:
Через фтп хостингу правити файли? О Боже. ))
І найголовніше. Все оце -
написано для тих, хто розуміє хоча б трохи в структурі шаблону. А "новачок" полізе - і знесе собі сайт. Ну не роблять люди бекапи, не роблять. У кращому випадку - тижневої давності.
У будь-якому випадку - кожен користується тим, чим йому зручніше користуватися. Мені зручніше все робити через Notepad +, а заливати через Filezillу.
Не пам'ятаю, щоб я хоч раз згадував десь - скільки тижнів-місяців-років-тисячоліть я правлю шаблони. ))))) Ну хоч як мене хвалюся і все таке інше. Та й особливо хвалитися-то нічим, для мене вордпресс - це захоплення, а не спосіб заробляння грошей. Хоча якщо пропонують - я звичайно ж не відмовляюся.
Загалом - кому що подобається. Кожному своє.
Я, якщо чесно, не зовсім зрозумів навіщо loop потрібно створювати. В принципі не набагато більше індексний файл вийде. А взагалі, wordpress може обійти взагалі тільки одним index.php і виводити все через нього, і статті та сторінки, головне щоб цикл був прописаний і висновок контенту через функцію. У движку варто умова, шукати файли page і single, а якщо не знайдемо, то хрін з ними, виводимо через індекс
Так я теж хотів написати що можна одним файлом + стилями до нього обмежиться, але не побачив в цьому сенсу)
А loop - ну не знаю, зручніше все ж
Ух ти, а я про loop.php і theloop.php взагалі перший раз чую тепер буду знати.
А з приводу дискусії, яка виникла, я, якщо чесно, теж вважаю за краще користуватися Notepad ++ мені так зручніше (в основному через підсвічування коду), але тут як то кажуть на смак і колір ...
Вітаю!
Підкажіть будь ласка, куди звернутися з такою проблемою:
Вибрав собі шаблон StarStruck, у якого шапка сторінки сайту візуально розширюється по горизонталі до країв екрану за рахунок позиціонування з помощю style.css в тезі body фонової картинки методами: top left repeat-x. Весь інший фон набуває кольору, присвоюється відповідним атрибутом. Підсумок: атрибут вибору картинки фону зайнятий прикрасою шапки, решті фон має просто колір, але не оформлений зображенням. Хотілося б: замість кольору замостити весь фон будь-якої картинкою.
Що намагався зробити: з помощю фокуса CSS3 застосувати в стилях МультіФон таким способом -
body border: 0;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
background: orange url (images / bg_header.gif) top left repeat-x, url (images / background_wood.jpg);
>
Метод не спрацьовує, навіть якщо я міняю в описі background місцями посилання на зображення і граю з описом атрибутів, в результаті одне з двох виходить, або моститься весь фон і пропадають аолоскі по краях шапки, або пропадають всі фонові зображення вообщеа фон стає просто білий. Чи може проблема полягатиме в тому, що тестую сайт я не Денвері? Як бути, врятуйте ?!