Как изменить ширину шаблона wordpress

4 Комментария(ев)

image_thumb39

Часто при подборе шаблона wordpress возникает проблема – это недостаточная ширина блоков. У многих тут же возникает желание изменить ширину шаблона. Для тех, кто хорошо разбирается в html или php это не создаст особых проблем. Но для того чтобы подробно написать о том, как вносить изменения в размеры шаблона wordpress для неподготовленного человека, понадобится целая брошюра.

Самое простое – заказать, но тот, кто пытается сделать это самостоятельно, получает знания. В дальнейшем, ему не придется обращаться к специалистам по каждой мелочи. Зная «основу» сделать это вполне возможно. Перед началом, каких – либо изменений, обязательно сделайте запасную копию всех страниц вашего ресурса. В случае неточной работы, вы без проблем восстановите первоначальный вид сайта.

Шаблонов wordpress невероятное множество, все они различны и каждый меняется по-своему. Но такие основные блоки как: ширина основной страницы, шапка, левая и правая колонка, подвал имеют все. Для работы нам понадобится:

  • Веб – браузер Mozilla Firefox.
  • Плагин Firebug установленный на Firefox.

Когда все необходимое скачано, установлено и готово к работе, открываем выбранный шаблон в Mozilla Firefox и запускаем Firebug, нажав значок жука.

Панель плагина

Внизу открывается панель плагина, в которой мы будем работать. Все вносимые изменения тут же будут отображаться в верхней части монитора. На вкладке справа мы видим CSS стиль выбираемого элемента, слева html код страницы. Чтобы увеличить или уменьшить ширину шаблона, первым делом мы должны узнать текущий размер основы. Нажимаем на значок курсора нашего плагина.

Элементы на странице будут подсвечиваться различными цветами, и вы сможете, выделяя каждый элемент страницы, детально ознакомиться со структурой вашего сайта. Получив название, узнаете точные размеры. После того как текущая ширина будет установлена, левой кнопкой мыши нажимаем на это значение. Методом проб, создаем наиболее подходящую ширину и тестируем, ее отображение.

Важно!
Вы можете смело экспериментировать с любыми элементами и значениями. Текущие изменения никак не могут воздействовать на вашу страницу на сервере, они активны лишь в окне плагина (текущем кэше Мозилы). При обновлении все настройки сбрасываются.

Правим style.css

Теперь осталось сохранить эти изменения для шаблона wordpress. Обычно ширина шаблона прописывается в style.css. Входим в административную панель веб-сайта → внешний вид → редактор → style.css → строка 79, меняем значение width. Сохраняем.

(Всего посетителей: 10 769, сегодня: 1)
Алексей Шевченко
Автор и редактор на wptheme.us
Опыт работы с WordPress более 10 лет. Создал более 1500 сайтов на Вордпресс. Перевел более 400 тем на русский и украинский язык. Сотни вылеченных сайтов от вирусов. Тысячи установленных и настроенных плагинов. Задать вопрос мне можно на https://profiles.wordpress.org/wpthemeus/
 

Рубрики

Лучшие шаблоны для Wordpress

Лучшие комментарии

Подписка на новые шаблоны
Введите свой email:

Доставка от FeedBurner

Миниатюра к услугам.
4 Комментария(ев)

Оставьте свой комментарий

    • Николай
    • 4 января 2015
    Ответить

    Добрый день. Нужно величить ширину меню рубрик, а следовательно и шаблона. У меня после wrapper (где должны быть размеры) просто стоят скобки{ } и нигде нет размеров. Span находятся в файле screen, но там правка приводит только к косякам. Пробовал в скобках прописывать размеры, ничего не меняется. Где ещё можно поискать, чтобы изменить размеры?

      • Темы WP
      • 6 января 2015
      Ответить

      как называется шаблон? и можно ссылку на архив, чтоб его скачать?

    • Константин
    • 7 июня 2014
    Ответить

    Здравствуйте. Здесь описана работа с Firefox. А как же быть с Хромом?

      • Темы WP
      • 9 июня 2014
      Ответить

      Не вижу проблем установить firefox. Тем более свой сайт обязательно необходимо проверять на работоспособность во всех популярных браузерах.