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

Відео: Налаштування блогу, як редагувати шаблон 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-довідником команд - https://htmlbook.ru. Перейдіть за цим посиланням, в правому верхньому куті є поле "Пошук по сайту". Введіть шукану команду і натисніть клавішу Enter.
8
У результатах пошуку ви побачите використання цього елемента в варіаціях. Наприклад, вас цікавить, що означає елемент margin. Введіть це слово в пошукове поле і натисніть Enter. Серед результатів пошуку виберіть перше посилання CSS - margin. Після переходу за цим посиланням ви зможете ознайомитися з цією командою і дізнатися все про її застосування.


Увага, тільки СЬОГОДНІ!

Увага, тільки СЬОГОДНІ!
» » Як редагувати шаблон wordpress