? ЯК редагувати шаблон Wordpress :: Програмне забезпечення

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

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

Програмне забезпечення:
- інтернет-браузер Firefox;
- додаток Firebug.

Інструкція

Багато веб-майстри говорять про те, що ідеальний браузером для серфінгу та сайтобудування є продукт від компанії Mozilla. Firefox, мабуть, єдина програма, яка підтримує таку кількість додатків і доповнень. Для редагування шаблонів на будь-якій платформі вам знадобиться додаток Firebug, яке дозволяє на місці відображати і редагувати будь-які параметри шаблону.

Для його установки необхідно натиснути верхнє меню «Інструменти» браузера і вибрати пункт «Додатки» або натиснути клавіші Ctrl + Shift + A. У вікні не варто чекати завантаження рекомендованих додатків для Firefox, слід поставити курсор в поле з текстом «Пошук серед доступних доповнень »і ввести Firebug.

У списку результатів пошуку натисніть кнопку напроти пункту Firebug. Після завантаження цього доповнення стане активною кнопка «Запустити зараз». Натисніть її, щоб застосувати зміни. Якщо з яких-небудь причин дане додаток не з'явилося в результатах пошуку, перейдіть на офіційний сайт Mozilla і встановіть Firebug за наступним посиланням https://addons.mozilla.org/ru/firefox/addon/firebug.

Після установки цього доповнення в нижній частині вікна браузера з'явиться невелика іконка із зображенням жука, натисніть на нього - доповнення стане активним. Наприклад, ви захотіли змінити відображення посилань на головній сторінці вашого сайту, для знаходження коду цього елемента у вікні «жука», яке розділене на 2 частини, необхідно по черзі вибрати Html і Style. Тепер в одній частині вікна буде відображатися html-код, в іншій частині буде видно коду з файлів style.css.

У блоці html переміщайтеся по файлу, періодично натискаючи блоки, ви побачите, що після натискання на один з блоків в «Жука», на сторінці буде з'являтися виділення такого ж блоку. Таким чином досить просто знайти редагований елемент, код якого ви не знаєте.

Після того, як потрібний блок коду був вами виявлений, перемістіть курсор в сусіднє вікно (Style). Тут ви побачите всі параметри відображення для даного блоку, наприклад, розмір шрифту - це ніщо інше, як елемент font-size. Якщо ви хочете його збільшити, додайте кілька одиниць до вже існуючого значенням. Зверніть увагу, що вам потрібно змінити тільки цифру, скорочення px не варто чіпати (позначення пікселів).

У цьому ж блоці зверніть увагу на всі елементи, серед них можуть виявитися padding, margion і т.д. Щоб розібратися з назвами незнайомих вам елементів, рекомендується скористатися спеціалізованим online-довідником команд - https://htmlbook.ru. Перейдіть за цим посиланням, у правому верхньому куті є поле «Пошук по сайту». Введіть шукану команду та натисніть клавішу Enter.

У результатах пошуку ви побачите використання цього елемента в варіаціях. Наприклад, вас цікавить, що означає елемент margin. Введіть це слово в пошукове поле і натисніть Enter. Серед результатів пошуку виберіть перше посилання CSS - margin. Після переходу за цим посиланням ви зможете ознайомитися з цією командою і дізнатися все про її застосування.