Добавить в корзинуПозвонить
Найти в Дзене

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

Для начала нужно выяснить ширину какого именно блока требуется изменить. Помочь в этом может встроенная в браузер панель разработчика. Переходим на нужную страницу Вашего сайта и нажимаем клавишу F12. Открывается панель (красные полосы ни в счет): Далее нужно будет найти блок, отвечающий за основной контент на странице, а уже внутри него - блок нуждающийся в расширении. Обращаем внимание на номер строки в файле style.css (3594): Запоминаем его и переходим в административную панель. Как видим нужная строка в вышеуказанном файле найдена: Меняем значение max-width на нужное Вам (в моем случае это 70rem). После внесенных изменений жмем кнопку "Обновить файл". Возвращаемся на страницу (не забыв ее также обновить) и смотрим на результат. Если все было сделано правильно то изменения сразу должны вступить в силу, но бывает что ничего не происходит. Как тогда быть? Как вариант можно попробовать почистить кэш браузера, если и это не поможет придется прибегнуть к помощи плагинов. Пожалуй самый де
cubes with acronym CMS and a computer keyboard on wooden background. Автор: fotogestoeber
cubes with acronym CMS and a computer keyboard on wooden background. Автор: fotogestoeber

Для начала нужно выяснить ширину какого именно блока требуется изменить. Помочь в этом может встроенная в браузер панель разработчика.

Переходим на нужную страницу Вашего сайта и нажимаем клавишу F12. Открывается панель (красные полосы ни в счет):

-2

Далее нужно будет найти блок, отвечающий за основной контент на странице, а уже внутри него - блок нуждающийся в расширении.

Обращаем внимание на номер строки в файле style.css (3594):

-3

Запоминаем его и переходим в административную панель.

-4

Как видим нужная строка в вышеуказанном файле найдена:

-5

Меняем значение max-width на нужное Вам (в моем случае это 70rem). После внесенных изменений жмем кнопку "Обновить файл". Возвращаемся на страницу (не забыв ее также обновить) и смотрим на результат.

Если все было сделано правильно то изменения сразу должны вступить в силу, но бывает что ничего не происходит. Как тогда быть? Как вариант можно попробовать почистить кэш браузера, если и это не поможет придется прибегнуть к помощи плагинов. Пожалуй самый действенный из них это - Simple CSS. Он абсолютно бесплатный и отлично справляется со своей задачей. Когда плагин установится нужно скопировать строки с 3594 по 3597 в редактор кода и сохранить:

-6

Затем обновить страницу сайта и посмотреть результат. Ну вот и все! Теперь прибегая к подобной схеме Вы можете подстаивать любую тему WordPress под себя)

Остались вопросы? Что-то не получилось? Пишите в комментариях. Вместе мы сможем со всем разобраться)

Если статья оказалась полезной предлагаю подписаться на канал.