Як редагувати шаблон WordPress

Як редагувати шаблон WordPress

Якщо у вас є сайт на платформі WordPress, ви напевно знаєте, що шаблон на своєму блозі можна змінювати нескінченно, тому що немає межі досконалості. Дана платформа стала швидко досліджуваним інструментом для веб-майстри, тим більше редагування «шкурки» можна здійснювати за допомогою звичайних програм.

Вам знадобиться

Програмне забезпечення:
- Інтернет-браузер Firefox;
- Доповнення Firebug.

Інструкція

  1. Багато веб-майстри говорять про те, що ідеальний браузером для серфінгу та сайтобудування є продукт від компанії Mozilla. Firefox, мабуть, єдина програма, яка підтримує таку кількість додатків і доповнень. Для редагування шаблонів на будь-якій платформі вам знадобиться додаток Firebug, яке дозволяє на місці відображати і редагувати будь-які параметри шаблону.
  2. Для його установки необхідно натиснути верхнє меню «Інструменти» браузера і вибрати пункт «Додатки» або натиснути клавіші Ctrl + Shift + A. У вікні, не варто чекати завантаження рекомендованих додатків для Firefox, слід поставити курсор в поле з текстом «Пошук серед доступних додатків» і ввести Firebug.
  3. У списку результатів пошуку натисніть кнопку напроти пункту Firebug. Після завантаження нього стане активною кнопка «Перезапустити зараз». Натисніть її, щоб застосувати зміни. Якщо з яких-небудь причин цієї програми не з’явилося в результатах пошуку, перейдіть на офіційний сайт Mozilla і встановіть Firebug за наступним посиланням https://addons.mozilla.org/ru/firefox/addon/firebug.
  4. Після установки цього доповнення в нижній частині вікна браузера з’явиться невелика іконка з зображенням жука, натисніть на нього — доповнення стане активним. Наприклад, ви захотіли змінити відображення посилань на головній сторінці вашого сайту, для знаходження коду цього елемента у вікні «жука», яке розділене на 2 частини, необхідно по черзі вибрати Html і Style. Тепер в одній частині вікна буде відображатися html-код, в іншій частині буде видно код з файлів style.css.
  5. У блоці html переміщайтеся по файлу, періодично натискаючи блоки, ви побачите, що після натискання на один з блоків в «Жука», на сторінці буде з’являтися виділення такого ж блоку. Таким чином досить просто знайти редагований елемент, код якого ви не знаєте.
  6. Після того, як потрібний блок коду був вами виявлений, перемістіть курсор в сусіднє вікно (Style). Тут ви побачите всі параметри відображення для даного блоку, наприклад, розмір шрифту — це ніщо інше, як елемент font-size. Якщо ви хочете його збільшити, додайте кілька одиниць до вже існуючого значенням. Зверніть увагу, що вам потрібно змінити тільки цифру, скорочення px не варто чіпати (позначення пікселів).
  7. У цьому ж блоці зверніть увагу на всі елементи, серед них можуть виявитися padding, margion і т.д. Щоб розібратися з назвами незнайомих вам елементів, рекомендується скористатися спеціалізованим online-довідником команд — http://htmlbook.ru. Перейдіть по цьому посиланню, в правому верхньому куті є поле «Пошук по сайту». Введіть шукану команду та натисніть клавішу Enter.
  8. У результатах пошуку ви побачите використання цього елементу у варіаціях. Приміром, вас цікавить, що означає елемент margin. Введіть це слово в пошукове поле і натисніть Enter. Серед результатів пошуку виберіть перше посилання CSS — margin. Після переходу за цим посиланням ви зможете ознайомитися з цією командою і дізнатися все про її застосування.