Настройка блога, или как редактировать шаблон wordpress
Речь этой статье пойдет о том, как менять различные элементы и преобразить внешний вид блога без особых знаний HTML и CSS.
Сразу хочу сказать, что сейчас многие темы, которые выпускаются в последнее время, имеют свои настройки в админзоне самого сайта. И здесь есть возможность на вкладке “Внешний вид”, менять в графическом редакторе настройки внешнего вида.
Но что делать, если таковых настроек нет или они вас по какой-то причине не устраивают, но тема шаблона очень нравиться и хорошо подходит. Так как же внести некоторые коррективы?
Сейчас попробуем разобраться в данной теме и научимся изменять некоторые стили.
Как редактировать шаблон wordpress — начнем с самого простого
Давайте начнем с самых простых вещей. Идем на свой блог и смотрим. Например, мы хотим изменить ширину текстового поля под контент. Увеличим ее за счет того, что сузим чуть-чуть область правого сайтбара (правая колонка).
Сделать это очень просто. Щелкаем правой кнопкой мыши в той области, которую хотим изменить, в нашем случае это сейчас сайтбар, и выбираем в выпадающем меню просмотр кода элемента.
Делать это желательно в браузере Гугл Хром, другие браузеры тоже поддерживают эту функцию, но я привык делать это в Хроме.
Снизу появиться дополнительное окно во всю ширину экрана, где мы сможем посмотреть код страницы и отдельного элемента, а также все стили CSS к конкретной области или к элементу.
Также здесь можно предварительно внести какие-либо изменения и тут же в браузере посмотреть результат этих изменений, что достаточно удобно.
Еще мы можем сразу выяснить, где нам надо подкорректировать уже в самом шаблоне, чтобы изменения вступили в силу.
В видео я все наглядно на примере показываю.
Так вот, в этом окне, в левой его части мы видим код HTML, а справа стили CSS.
Когда мышкой наводим на какую-нибудь строчку (левая область), то вверху видим, что выделяется определенный элемент или область шаблона. Это означает, что данная строчка кода отвечает как раз за ту выделенную часть в нашем шаблоне.
Таким образом, находим нужный нам элемент, который хотим изменить, и щелкаем левой кнопкой мыши по строчке с кодом этого элемента.
Дальше мы сможем посмотреть справа его стиль и сразу попробовать внести какие-нибудь изменения. Затем, когда мы сделали то, что хотели, и увидели желаемый результат, то переходим в админ панель блога и редактируем файл стилей CSS. Сохраняем, идем на блог, обновляем страницу и видим, что изменения вступили в силу.
Таким образом, можно найти любой элемент в шаблоне, изменить его, узнать точное название для корректировки в основном файле шаблона.
Возможно, когда Вы все это сейчас читаете не сразу все понятно, о чем я говорю, поэтому я записал подробное видео, посмотрите его и вам сразу станет все понятно.
https://youtu.be/USmFVuV73MQ
Ну что, сложно было? Думаю, нет. Но, если все-таки возникли какие вопросы или затруднения, пишите в комментариях. И прошу еще написать, полезен был ли вам этот урок по настройке внешнего вида блога.
Если полезна была Вам эта статья, пробежитесь по кнопочкам социальных сетей, возможно и вашим друзьям это необходимо знать.
Рубрики
Фильтр по типу
Рубрики
- Авто
- Адаптивные
- Бизнес
- Детские и образование
- Дом и семья
- Женские и шопинг
- Здоровье и медицина
- Игры и развлечения
- Интерьер
- Искусство и творчество
- Красота и мода
- Кулинария
- Блог и люди
- Минимализм
- Музыка
- Недвижимость и стройка
- Новостные
- Портал
- Природа и животные
- Спорт
- Технологии
- Туризм и путешествия
- Универсальные
- Финансы
Лучшие шаблоны для Wordpress
Лучшие комментарии
Лучшие комментарии
- Алексей Шевченко к записи OTT TV Shows – бесплатный шаблон WordPress для ТВ-шоу
- Алексей Шевченко к записи Real Estate Manager – бесплатная тема для агента по недвижимости
- Виктория к записи OTT TV Shows – бесплатный шаблон WordPress для ТВ-шоу
- Svitlana к записи Real Estate Manager – бесплатная тема для агента по недвижимости
- Алексей Шевченко к записи Лучшие темы WordPress для ритуальных услуг 2025
Последние темы и подборки
- Лучшие плагины WordPress для каталога продуктов
- 15 лучших свадебных шаблонов WordPress 2025 года
- Лучшие плагины внутренней перелинковки для WordPress
- 13+ шаблонов WooCommerce для магазинa товаров ручной работы на WordPress
- Lifeline Hospital – бесплатный шаблон WordPress для клиники и больницы
- Лучшие WordPress темы для сайта продажи и аренды велосипедов, велоспорта
- OTT TV Shows – бесплатный шаблон WordPress для ТВ-шоу
- Подборка лучших тем WordPress для сайта детского лагеря
- 6 лучших конструкторов тем WordPress на 2025 год (в сравнении)
- Многоцелевая тема Flash – скачать бесплатно и на русском языке
Действительно и навыки то особые не нужны, зато это позволяет изменить внешний вид, сделать его не таким шаблонным и не как у всех. Быстро и без особых затрат времени. Объяснение легкое и понятное, вплоть до какой кнопкой мыши нужны нажимать)) Не заняло много времени по вашей инструкции, удалось быстро настроить блог и в разы лучше сделать внешний вид, улучить так скажем))