Зміна ширини теми wordpress, перші кроки в wordpress

Часто буває так, що вподобана тема має вузьку область для записів і в її настройках не передбачено зміну ширини. В цьому випадку, її можна збільшити, з мінімальним знанням HTML і CSS. Для прикладу, використовуємо популярну, безкоштовну тему Patagonia. Розширити тему можна за допомогою чудового плагіна Firefox - Firebug. Спочатку його треба встановити, скачавши звідси. Потім включаємо плагін. як показано на малюнку - Вкладка Інструменти - Веб розробка - Firebug - відкрити Firebug:

Зміна ширини теми wordpress, перші кроки в wordpress

Після цього в нижній частині екрана, необхідно, наводячи курсор і клікаючи мишкою, вибирати різні елементи. При цьому в правій частині, будуть виводиться стилі CSS. а в області сторінки, буде підсвічуватися та чи інша область - основна, sidebar. header. Нас же зараз цікавить основна область, на яку ми потрапимо, коли «вийдемо» на тег

. У правій частині буде виведений фрагмент файлу style.css. І тут видно, що ширина основної області дорівнює 580 пікселям. А це мало для наших потреб.
Зміна ширини теми wordpress, перші кроки в wordpress

Переходимо на сайт і бачимо, що область постів розширилася, але місцями «наїхала» на праву колонку. В цьому випадку, нам треба пропорційно звузити цю область. Для цього також скористаємося плагіном Firebug. як і в попередньому випадку. знаходимо тег

. У файлі style.css. бачимо, що ширина sidebar задана неявно за допомогою властивості width. а за допомогою margin: 0 0 0 580px;
Зміна ширини теми wordpress, перші кроки в wordpress

Проробляємо тугіше процедуру з редагуванням style.css, що і в попередньому випадку з основною областю, тільки тепер редагуємо рядок margin: 0 0 0 580px; Міняємо в ній значення відступу з 580px до 630px. Ось тепер все нормально. Область записів стала ширше і не наїжджає на область sidebar. Також буває, що стилі прописані не тільки в файлі style.css, але і в файлі screen.css.

Схожі записи:

Тема Вордпресс Atahualpa

Схожі статті