Некорректное отображение Темы-Шаблона Worldpres – Как исправить ошибку темы на сайте

5 1 голос
Рейтинг статьи

Возникла ошибка в теме шаблона Worldpress? Некорректное отображение Темы-Шаблона Worldpres? Возможно это урок тебе поможет исправить возникшую проблему. Для решения проблемы, мы будем копаться в файлах css.


Исправляем ошибку неправильного отображения темы-шаблона на Worldpress

У меня не так давно, в один прекрасный момент возникла проблема с темой сайта. Самое интересное, возникла она даже не знаю почему, не плагинов, не изменений на сайте я не каких не делал. Занимался тем, как обычно. С начало я пытался решить проблему через настройки темы, но не к чему это не привело. Потом все таки решил сменить тему, провозился 2 дня и тупик, не знал что делать! Я не мог выбрать не одну тему. В итоге вернулся обратно на старую OceanWP и начал искать разные решения своей проблемы. Не нашел не одного!

Вот как выглядела моя проблема.

Шапка сайта была растянута до неимоверных размеров, я не знал что делать. В итоге, один из уроков подтолкнул меня на мысль, изменения правил в стилях Css.


Решения проблемы которая возникла у меня

Наводим мышкой на область где возникла проблема, нажимаем правой кнопка и просмотреть код. В появившемся окне, нужно обратить внимание на вкладку styles, и в моем случае второй пункт site-header-inner.

Теперь переходим в настройки темы и открываем вкладку дополнительные стили. Возможно у вас, название вкладки будет отличатся. Копируем все что находится в блоке site-header-inner и вставляем в дополнительные стили.

Где значения height: 100% нужно поменять. К примеру на 50%, и посмотреть какие произошли изменения. В моем случае, шапка сайта стала меньше.

Теперь изменим значения до нормального, на 10%. Как можно видеть, теперь шапка сайта выглядит нормаьно и сайт стал намного привлекательнее. Для сохранения настроек нажмите опубликовать и есливам понгадобится изменить заданные значения, тогда перейдите во вкладку стили снова. В ней будут отображдаться все внесенные вами стили.

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


Решения проблемы: пример с текстом и блоками

Если у вас не правильно отображается блок, то принцип решения проблемы схож. Например: ваши блоки очень большие или на оборот маленькие.

Решается эта проблема так же: жмем правой кнопкой мыши по той части блока которая нас не устраивает и нажимаем просмотреть код. Выделяем нужный код и копируем в стили.

На заметку! В коде элемента можно сразу редактировать изменяя значения на те, которые нам нужны. Но только после обновления страницы, все изменения внесенные через код элемента исчезнут.

Теперь делаем настройку в стилях меняя значения. В padding: 150px, я поставил значения 50px, и внешний вид сразу изменился.

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

Если вам это решения проблемы не помогло, прочтите статью: как полностью удалить Тему-Шаблон в Worldpress. Возможно оно вам поможет.

Решения проблемы теперь стало еще проще! Не нужно копаться в файлах самому, есть плагин который позволяет это все дела настраивать в визуальном редакторе. Плагин называется: “YellowPencil“.


Прошу обратить внимание на меню, там вы найдете полезную информацию. Оставляй свой комментарий и делись своим мнением.

Поделиться записью:
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии