Настройка блога, или как редактировать шаблон wordpress
Речь этой статье пойдет о том, как менять различные элементы и преобразить внешний вид блога без особых знаний HTML и CSS.
Сразу хочу сказать, что сейчас многие темы, которые выпускаются в последнее время, имеют свои настройки в админзоне самого сайта. И здесь есть возможность на вкладке “Внешний вид”, менять в графическом редакторе настройки внешнего вида.
Но что делать, если таковых настроек нет или они вас по какой-то причине не устраивают, но тема шаблона очень нравиться и хорошо подходит. Так как же внести некоторые коррективы?
Сейчас попробуем разобраться в данной теме и научимся изменять некоторые стили.
Как редактировать шаблон wordpress — начнем с самого простого
Давайте начнем с самых простых вещей. Идем на свой блог и смотрим. Например, мы хотим изменить ширину текстового поля под контент. Увеличим ее за счет того, что сузим чуть-чуть область правого сайтбара (правая колонка).
Сделать это очень просто. Щелкаем правой кнопкой мыши в той области, которую хотим изменить, в нашем случае это сейчас сайтбар, и выбираем в выпадающем меню просмотр кода элемента.
Делать это желательно в браузере Гугл Хром, другие браузеры тоже поддерживают эту функцию, но я привык делать это в Хроме.
Снизу появиться дополнительное окно во всю ширину экрана, где мы сможем посмотреть код страницы и отдельного элемента, а также все стили CSS к конкретной области или к элементу.
Также здесь можно предварительно внести какие-либо изменения и тут же в браузере посмотреть результат этих изменений, что достаточно удобно.
Еще мы можем сразу выяснить, где нам надо подкорректировать уже в самом шаблоне, чтобы изменения вступили в силу.
В видео я все наглядно на примере показываю.
Так вот, в этом окне, в левой его части мы видим код HTML, а справа стили CSS.
Когда мышкой наводим на какую-нибудь строчку (левая область), то вверху видим, что выделяется определенный элемент или область шаблона. Это означает, что данная строчка кода отвечает как раз за ту выделенную часть в нашем шаблоне.
Таким образом, находим нужный нам элемент, который хотим изменить, и щелкаем левой кнопкой мыши по строчке с кодом этого элемента.
Дальше мы сможем посмотреть справа его стиль и сразу попробовать внести какие-нибудь изменения. Затем, когда мы сделали то, что хотели, и увидели желаемый результат, то переходим в админ панель блога и редактируем файл стилей CSS. Сохраняем, идем на блог, обновляем страницу и видим, что изменения вступили в силу.
Таким образом, можно найти любой элемент в шаблоне, изменить его, узнать точное название для корректировки в основном файле шаблона.
Возможно, когда Вы все это сейчас читаете не сразу все понятно, о чем я говорю, поэтому я записал подробное видео, посмотрите его и вам сразу станет все понятно.
https://youtu.be/USmFVuV73MQ
Ну что, сложно было? Думаю, нет. Но, если все-таки возникли какие вопросы или затруднения, пишите в комментариях. И прошу еще написать, полезен был ли вам этот урок по настройке внешнего вида блога.
Если полезна была Вам эта статья, пробежитесь по кнопочкам социальных сетей, возможно и вашим друзьям это необходимо знать.
Рубрики
Фильтр по типу
Рубрики
- Авто
- Адаптивные
- Бизнес
- Детские и образование
- Дом и семья
- Женские и шопинг
- Здоровье и медицина
- Игры и развлечения
- Интерьер
- Искусство и творчество
- Красота и мода
- Кулинария
- Блог и люди
- Минимализм
- Музыка
- Недвижимость и стройка
- Новостные
- Портал
- Природа и животные
- Спорт
- Технологии
- Туризм и путешествия
- Универсальные
- Финансы
Лучшие шаблоны для Wordpress
Лучшие комментарии
Лучшие комментарии
- Алексей Шевченко к записи 5 лучших тем WordPress для создания сайтов, подобных OLX и Авито
- Серж к записи 5 лучших тем WordPress для создания сайтов, подобных OLX и Авито
- Алексей Шевченко к записи 43 темы WooCommerce для интернет-магазина на WordPress 2024
- Валера к записи 43 темы WooCommerce для интернет-магазина на WordPress 2024
- Алексей Шевченко к записи Auto Mechanic – бесплатная тема для СТО, автосервиса и авто механика
Последние темы и подборки
- AC Care – бесплатный шаблон по установке и ремонту кондиционера
- Classy News – бесплатная тема WordPress для новостей
- Лучшие темы WordPress для концертов и выступлений
- Лучшие шаблоны WordPress для ночных клубов
- Shushi Cafeteria – бесплатный шаблон для суши ресторана на русском
- Reboot – многоцелевая тема WordPress с конструктором главной страницы
- 33 шаблона WordPress для сайта гостиницы и отеля
- MagicBook – тема WordPress для 3D-раскладывающейся книги
- Auto Mechanic – бесплатная тема для СТО, автосервиса и авто механика
- FotaWP – бесплатный универсальный шаблон на русском
Действительно и навыки то особые не нужны, зато это позволяет изменить внешний вид, сделать его не таким шаблонным и не как у всех. Быстро и без особых затрат времени. Объяснение легкое и понятное, вплоть до какой кнопкой мыши нужны нажимать)) Не заняло много времени по вашей инструкции, удалось быстро настроить блог и в разы лучше сделать внешний вид, улучить так скажем))