Изменить сайт WordPress плагин CSS стили

css wordpress сайт CSS

Привет! Продолжаем разбирать самые интересные и полезные плагины для сайта wordpress. Сегодня вы узнаете у супер плагине, который позволит вам изменить ваш сайт wordpress. Вы сможете очень просто изменять CSS стили своего сайта, цвета текста и фона, размер и стиль шрифта, расположение элементов, фоновое изображение и т.д.

Установить плагин SiteOrigin CSS вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

site origin css

 

После установки и активации плагина, перейдите на страницу: Внешний вид – Custom CSS. Здесь будут отображаться изменённые CSS стили вашего сайта. Чтобы приступить к изменению сайта, нажмите на значок “глазик”, который отображается над полем справа. (смотри скриншот)

 

настройки css

 

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

 

изменить css сайт

 

После сделанных изменений, нажмите вверху страницы слева на “кнопку с галочкой”.

 

сохранить изменения

 

Далее, на странице плагина появятся изменённые CSS стили, чтобы их сохранить нажмите внизу на кнопку – Save CSS.

 

css стили сохранить

 

 

Обозначения инструментов

Text

– Text Color, цвет текста.

– Font Size, размер шрифта.

– Line Height, высота линий.

– Font Weight, вес шрифта.

– Font Style, стиль шрифта.

– Text Decoration, оформление текста.

– Font Variant, вариант шрифта.

– Text Transform, преобразование текста.

– Font Family, название шрифта.

– Text Align, выравнивание текста.

– Text Indent, отступ текста.

– Letter Spacing, межбуквенный интервал.

– Word Spacing, интервал между слов.

– White Space, пустое пространство.

– Text Shadow, тень текста.

 

Decoration

– Background Color, цвет фона.

– Background image, фоновое изображение.

– Background Position, позиция фона.

– Background Repeat, повторение фона.

– Background Size, размер фона.

– Box Shadow, тень рамки.

– Opacity, непрозрачность.

– Borders, бордюр, тип, размер, цвет.

 

Layout

– Margin, края, граница полей, тип, размер.

– Padding, заполнение, набивка.

– Position, позиция.

– Absolute Position, абсолютная позиция.

– Width, ширина.

– Height, высота.

– Display, тип отображения.

– Float, плавающий элемент.

– Clear, свободный элемент.

– Visibility, видимость.

– Overflow, переполнение.

– Overflow X, переполнение X элемента.

– Overflow Y, переполнение Y элемента.

– Z-Index, Z индекс элемента.

 

Если у вас остались вопросы, напишите комментарий

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Алексей

    Большое спасибо за этот удивительный блог с кучей полезных материалов!
    Есть вопрос: на работе создал внутренний сайт. Разумеется фантазия разыгралась по увеличению функциональности, красивостям и т.д
    Сайт находится исключительно в локалке и не имеет доступа в Инет. Разумеется все плагины и другие вещи приходится ставить путём скачивания соответствующих файлов с Инета.
    Но знаком с мнением, что установка с не репозитория WP может грозить неприятностями в виде всякой хрени (извините).
    Можно ли подробней узнать по этой теме о страхах и рисках особенно при загрузке “бесплатно” изначально платного контента?
    Спасибо за блог, спасибо за внимание!

    Ответить
    1. Admin автор

      Привет, нет никаких рисков, если качать плагины с официального сайта WordPress ! Только один минус обновления не доступны, а плагины и система постоянно обновляются !

      Ответить
  2. Daulet Meldeshev

    подскажите как сделать две колонки?

    Ответить
    1. Admin автор

      Смотри на вкладке “Layout” параметр “Display”. Можно добавлять и свои стили, не обязательно только те которые там есть. Поставь себе ещё плагин – Simple Custom CSS, чтобы свои стили добавлять.

      Ответить
  3. Ольга

    Здравствуйте! Подскажите какой-нибудь способ убрать с темы сайта лишние теги h1, h2. Может есть какой-нибудь плагин для этого?

    Ответить
    1. Admin автор

      Здравствуйте, залезть в код и убрать. Внешний вид – Редактор, header.php, возможно и в других файлах.

      Ответить
  4. Роман

    Обязательно ли создавать дочернюю тему? Сохранятся ли изменения после обновления темы?

    Ответить
    1. Admin автор

      Нет, Не обязательно создавать дочернюю тему. Все изменения сохранятся, при любых обновлениях. CSS стили прописываются на странице плагина и они никуда не денутся.

      Ответить
    2. Роман

      Спасибо!
      А может быть у вас есть статья о плагине Theme Customisations? Интересно было бы разобраться

      Ответить
      1. Admin автор

        А что за плагин ? В админ-панели не могу найти его…

        Ответить
    3. Роман

      Это плагин от WooCommerce.
      Скачивается из админпанели:
      Внешний вид – Storefront

      Ответить
      1. Admin автор

        Понял, а зачем вам этот плагин ? Что вы хотите сделать ?

        Ответить
    4. Роман

      Мне подойдет вариант со вставкой кода виджета прямо на страницу Оформление заказа. Только вот где эта страница? Мне нужно в определенном месте вставить код. Как ее найти?

      Ответить
  5. Роман

    Мне нужно разместить виджет службы доставки на страницу оформления заказа.
    Но, возможно, при обновлении темы все изменения удалятся…
    Я только начал разбираться, поэтому – может не совсем в тему

    Ответить
    1. Admin автор

      А проблема в чём ? Вы можете поставить код виджета прям на страницу Оформление заказа, откройте её для редактирования и вставьте код. Можно в виджет “Текст” вставить и отобразить виджет только на странице Оформление заказа с помощью плагина Display Widgets.

      Ответить
      1. Роман

        Вот об этом виджете идет речь…

        Ответить
        1. Admin автор

          Не важно какой виджет. Чтобы вставить его в определённое место, нужно плагин искать соответствующий. Я посмотрю.

          Ответить
          1. Роман

            Спасибо

    2. Роман

      Мне подойдет вариант со вставкой кода виджета прямо на страницу Оформление заказа. Только вот где эта страница? Мне нужно в определенном месте вставить код. Как ее найти?

      Ответить
  6. Анна

    Здравствуйте! У меня проблема с мобильной версией. Товар идет в две колонки и кнопка Заказать плавает, т.е. название товара размещено в двух строках, то кнопка Заказать находится ниже рядом стоящей. Как сделать, чтобы вне зависимости от названия кнопки находились на одном уровне.

    Ответить
    1. Admin автор

      Здравствуйте. Измените стили CSS, margin и padding.

      Ответить
    2. Admin автор

      Используйте CSS стили вот в таком формате:

      @media screen and (max-width: 600px) {
      #chto_izmenit {
      css стили
      }
      }

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

      Ответить
  7. Эдуард

    Здравствуйте!
    У меня редактируется этим плагином только “главная” страница. А как перейти на другие страницы?

    Ответить
    1. Admin автор

      Здравствуйте. Вверху есть специальное поле, вставьте туда любой URL адрес вашего сайта.

      Ответить
  8. Эдуард

    Спасибо за помощь!
    Ещё вопрос: можно ли в этом плагине, после захода в редактирование, убирать на время левую панель (где все настройки). Так, чтобы страница сайта была во всю ширину окна. Это удобно бы было выбирать любые элементы на странице.

    Ответить
    1. Admin автор

      Такой функции нет у плагина.

      Ответить
  9. Надежда

    Спасибо вам за ваши труды, это очень круто!! Странно, я в форме оформления заказа через этот плагин убираю поля, где нужно вводить адрес места жительства, и он показывает, что убрал. Я всё сохраняю, как тут написано. Но, когда потом захожу в “оформление заказа”, там все эти поля присутствуют.

    Ответить
    1. Admin автор

      Может нужно – Удалить кэш и кэш в CSS.

      Только перед удалением кэша, включите плагин в настройках.

      Ответить
  10. Надежда

    Спасибо, я уже убрала эти поля с помощью другого плагина. Хотя непонятно, почему этот не подействовал. Можно ещё вопрос? Я установила плагин Woocommerce Easy Booking, чтобы была возможность бронировать даты к услугам. Всё прекрасно, но смущает, что все его функции отображаются на английском, можно ли как-то его русифицировать автоматически, или может как-то вручную перевести некоторые элементы, которые бросаются в глаза? (кнопка “Select date” ; при выборе даты брони, – слова “start, end”, и т д).

    Ответить
    1. Admin автор

      Лучший плагин для перевода тем и плагинов – Loco Translate.

      Как изменить перевод Woocommerce, пример быстрого перевода.

      Ответить
      1. Надежда

        Спасибо вам за клад информации и оперативную помощь!!!

        Ответить
        1. Admin автор

          Благодарю. Рад стараться.

          Ответить
  11. Александр

    Круто. Получается. Только вот как настроить, чтобы зафиксированный элемент перемещался не за картинками, а поверх всего?

    Ответить
  12. Любовь

    Привет Илья!
    Подскажи, пожалуйста, как мою проблему решить?
    У меня перестал быть управляемым плагин SiteOrigin CSS.
    Полностью!
    Причем когда открываю окно настройки CSS – все идеально, сайт выглядит как надо.
    Сохраняю.
    Смотрю результата нет. И сам сайт отображается не так как надо.

    Как ты пишешь, решила почистить кеш плагином WP Fastest Cache, как ты советуешь.
    Но не могу скачать плагин…
    Пишет: Установка не удалась: Не удалось создать директорию.

    Получается какие-то проблемы на всем сайте?
    Сайт на вирус проверила-чисто.
    Но что то заклинило. Плагин SiteOrigin CSS как парализовало(
    Спасибо огромное огромное!

    Ответить
      1. Александ

        А как отменить все испоавления этим плагином ? а то редактировал цвет, размер текста. не знаю что я сделал, но теперь наводя курсор на пункт меню или товар текст исчезает. не знаю как исправить

        Ответить
        1. Admin автор

          На странице плагина отображается весь CSS код, удалите его и всё.

          Ответить
  13. Любовь

    Спасибо Илья!
    Уже, сейчас же!)

    Ответить
  14. Дмитрий

    Подскажите, если плагин будет удален, все изменения сбросятся, и будет все в первозданном виде?

    Ответить
    1. Admin автор

      Да, если плагин удалить, все изменения вернуться в исходное состояние. Но, вы можете скопировать весь CSS код (который сгенерировал плагин) и добавить его в файл style.css (Внешний вид – Редактор). Тогда все изменения сохранятся, а плагин можно будет удалить.

      Ответить
  15. Дмитрий

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

    Ответить
    1. Admin автор

      Да, у меня у самого такое было. Перенесите все стили в style.css и тогда проблема решится.

      Ответить
      1. Александ

        А как это сделать, где можно подробней об этом почитать.

        Ответить
    2. Admin автор

      Только потом кэш не забудьте удалить. Это можно сделать с помощью плагина WP Fastest Cache.

      Ответить
  16. Дмитрий

    огромное Вам спасибо!

    Ответить
  17. Дмитрий

    рано радовался))) там столько текста в style.css, не подскажите куда именно скопированный текст вставлять?)

    Ответить
    1. Admin автор

      В самый конец ставьте и всё. Не забудьте как-то обозначить стили. Например ///* Custom CSS */// (перед стилями).

      Ответить
  18. Александ

    Хочу поменять цвет шрифта. а он меняет цвет его при наведении курсора. а основной цвет остается таким же

    Ответить
    1. Admin автор

      Вы меняете цвет hover при наведении. Как поменять основной цвет я показывал здесь – http://info-effect.ru/css-stili-izmenit-na-sajte-prosto-i-bystro.html

      Ответить
      1. Александ

        Спасибо огромное!!!

        Ответить
  19. Андрей

    Здравствуйте! Помогите хотя бы в какую сторону “копать”, все запросы попробовал в поисковике. Даже не понимаю как сформулировать точный запрос. Помогите, не проходите мимо!!! Есть страница, при наведении курсора на допкарточку “столы”, двигается цена и корзина, а также элементы “добавить в избранное и просмотр”, как их зафиксировать?! Пожалуйста, хэлп!

    Ответить
    1. Admin автор

      Здравствуйте. Никаких проблем у вас не обнаружил. Просто тема у вас такая, анимированная. Анимацию ищите в стилях, основной файл stile.css. Почему это вас так беспокоит?

      Ответить
  20. Андрей

    Здравствуйте Илья.Посмотрел несколько месяцев назад ваше видео и установил этот плагин SiteOrigin CSS себе на сайт.Все было нормально, но после того как я перевел сайт с http на https (купил сертификаты) этот плагин перестал показывать сайт , когда нажемаеш на “глазик”.И в адресной строке плагина он отображается не https, а по старому – http.Подскажите пожалуйста, если есть возможность, как решить данную проблему.(плагин SiteOrigin CSS удалял и устанавливал снова но проблема осталась)

    Ответить
    1. Admin автор

      Здравствуйте. Думаю дело не в плагине. Скорей всего конфликт возникает из-за того, что у вас в коде остались ссылки с протоколом HTTP. Вам может помочь плагин – HTTP / HTTPS Remover. Попробуйте его. Он удаляет все протоколы http и https из кода, чтобы не было конфликтов.

      Ответить
  21. Андрей

    Большое вам спасибо Илья.Получилось но не сразу. Еще пришлось очистить кэш плагином WP Super Cache.И после этого плагин SiteOrigin CSS заработал .

    Ответить
    1. Admin автор

      Пожалуйста! Пишите, если что.

      Ответить
  22. дмитрий

    здравствуйте Илья. Почему то в плагине нет шрифтов.

    Ответить
    1. Admin автор

      Добрый день. Пропишите название шрифта в поле. Плагин поддерживает не все шрифты. Вам лучше другой плагин использовать для изменения шрифта. Рекомендую:

      Styleguide — Custom Fonts and Colours
      Easy Google Fonts
      Supreme Google Webfonts

      Ответить
  23. Наталья

    Здравствуйте, Илья! Помогите, пожалуйста! Я для изменения на своем сайте использовала плагин SiteOrigin CSS. Многое изменила, плагин понравился. Но почему-то все мерцает: то есть сначала видно то, как было до установки плагина. Например, мелькают бывшие крупные шрифты, другой цвет строки поиска (в верхнем меню). Посмотрите, если можете, мой сайт. Спасибо!

    Ответить
    1. Admin автор

      Здравствуйте! Ваша проблема очень просто решается. Перенесите все стили на страницу: Внешний вид – Настроить – Дополнительные стили. Прямо туда всё скопируйте и сохраните. Поле плагина можно оставить пустым.

      Ответить
  24. Наталья

    Илья, спасибо большое Вам! Все получилось! )))

    Ответить
  25. Ирина

    Спасибо вам большое за такой чудесный сайт!
    Нашла здесь много полезного. Не подскажете, как-то можно в SiteOrigin CSS
    1. опустить ниже меню. Оно выстроено линию, и загораживает часть фото в заголовке. Хотелось бы его опустить, но не получается.
    2. поставила на фон картинку и слегка размыла её. Вместе с ней размылся и текст, можно как-то оставить размытие только на фон?

    Ответить
    1. Admin автор

      Пожалуйста! 1. Вам нужно изменить margin или padding. 2. Как размыли картинку?

      Ответить
      1. Ирина

        Спасибо. По 2 не дождалась, откатила все назад и добавила просто размытую картинку на фон. Теперь в редакторе все хорошо, а на сайте нет. Кэш чистила, но пока грузит по старому. Почему так?

        Ответить
        1. Admin автор

          У вас плагин кэширующий стоит?

          Ответить
  26. Ирина

    Да. Спасибо большое . Примерно через час все стало как надо.

    Ответить
  27. Ирина

    А не скажете еще как убрать мерцание меню?
    Как наводишь мышь на нужный раздел, все мерцать начинает. Очень не удобно.

    Спасибо за ваш сайт!

    Ответить
    1. Admin автор

      Можете ссылку дать, чтобы посмотреть

      Ответить
  28. Ирина

    Конечно.
    Вот сайт – фотопеленка.рф
    Сейчас посмотрела в другом браузере, для пользователя все выглядит хорошо. Мерцать начинает только в консоли.
    Вопрос отпал сам собой, спасибо!

    Ответить
  29. Наталья

    Илья, добрый день! я к вам недавно обращалась, Вы мне очень помогли. ,… Можете еще помочь? Как выводить только одну запись от каждой категории? Но так, чтобы при помощи плагина “Content Views” выводились все же все записи? Вот, посмотрите, если можете, что я имею ввиду (на моем сайте).

    То есть я бы хотела, чтобы выводилась только одна запись-описание “Озера России”, а далее следовали записи с озерами, выводимые плагином Content Views. И все. А у меня выводятся записи и с плагином Content Views, и они же повторяются после вывода плагина. Заранее благодарю и надеюсь на помощь.

    Ответить
    1. Admin автор

      Здравствуйте. Если я вас правильно понял, вам нужно на WordPress, в настройках Чтение, установить 1 запись для параметра “На страницах блога отображать не более”. Но, тогда на всех страницах архивов (Блог, Категории, Метки, Автор) будет отображаться одна последняя запись.

      Ответить
  30. Наталья

    Спасибо, Илья. Неплохой вариант. Получилось))) Очень благодарна Вам!
    Еще можно спросить, как при помощи плагина Content Views не выводить запись-описание? (в моем случае здесь эта запись “Озера России”).

    Ответить
    1. Admin автор

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

      Ответить
  31. Наталья

    Не поняла, это где? В плагине Content Views ?

    Ответить
    1. Admin автор

      Да, в настройках Content Views. Там всё на Русском, очень просто разобраться.

      Ответить
  32. Наталья

    Илья, спасибо, получилось.)))
    Еще мне очень нужно исключать из списка, выводимого плагином Content Views, выбранную запись. Чтобы было понятно, что я имею ввиду, посмотрите – например, мною выбрана запись “Чрезмерная детская застенчивость. Что делать?” – тут – а при прокрутке вниз у меня список других записей в этой же рубрике. Среди них есть и запись “Чрезмерная детская застенчивость. Что делать?” А по идее, ее уже быть не должно в списке, так как она уже выбрана и мы находимся на ней.
    Я не знаю, поняли ли Вы меня? Наверное, в этом случае нужно код какой -то вставлять?

    Ответить
    1. Admin автор

      В настройках фильтрации плагина можно скрыть запись по ID. Как узнать ID записи WordPress смотрите здесь.

      Ответить
  33. Наталья

    “В настройках фильтрации плагина можно скрыть запись по ID. Как узнать ID записи WordPress смотрите здесь.” – Илья, к сожалению, это не поможет в данном случае. Тут наверное надо вставлять код :” если выбрана запись, то не выводить ее через плагин Content-Views” – только как написать этот код в html я не знаю, так как программированием не владею. Вы тоже не можете подсказать? Если нет, так нет, ничего страшного….

    Ответить
    1. Admin автор

      Значит я вас не правильно понял. Возможно в PRO версии плагина есть такая опция, надо у автора уточнить. Разработкой кода, на данный момент, я не занимаюсь. Если есть ещё какие-то вопросы, обращайтесь. Удачи вам!

      Ответить
  34. Наталья

    хорошо, Илья, большое Вам спасибо за все ваши подсказки.

    Ответить
  35. Ram

    Я вот хочу убрать меню, но только с одной страницы и уже готовой. Возможно ли это? 

    Ответить
    1. Admin автор

      Если у этой страницы своё отдельное меню, да, возможно. Если у вас на всех страницах одно и тоже меню, оно везде пропадёт.

      Ответить
  36. Рамиль

    Илья, добрый день.
    Подскажите пожалуйста по такому вопросу.
    В моём случае мне нужно изменить цвет текста. Но дело в том что текст появляется только после выбора Радио кнопки. Так вот в окне плагина я не могу отметить нужную мне Радио кнопку. Есть ли решение у данной проблемы?

    Ответить
    1. Admin автор

      Здравствуйте. Ваш вопрос можно решить без плагина. Вот что сделайте. Выберите радио кнопку, чтобы текст появился. Затем, нажмите правой кнопкой мыши по тексту. В открывшемся окне нажмите на вкладку Посмотреть код (браузер Гугл), либо Исследовать элемент (браузер Яндекс). Справа у вас откроется окно с редактором. Там будут отображаться CSS стили. Вам нужно найти код стилей, где указан цвет текста и скопировать весь этот код. Далее, нужно вставить этот код на страницу: Внешний вид – Настроить – Дополнительные стили. Теперь вам осталось только поменять код цвета и сохранить изменения.

      Как изменить CSS стили любого элемента на сайте, я здесь показывал, смотрите. Если будут ещё вопросы, пишите комментарий на соответствующей странице.

      Ответить
  37. Рамиль

    Спасибо за развёрнутый ответ. Я нашел в коде плагина вот такие строчки отвечающюю за цвет выпадающего текста –
    if(document.getElementById(inputs[ji].value).style.display == \’none\’){
    document.getElementById(inputs[ji].value).style.display = \’\’;
    document.getElementById(inputs[ji].value).style.color = \’inherit\’;
    }
    Но я нашел и[ в файле PHP а не CSS. Я правильно понимаю что если я изменю значение \’inherit\’; на значение нужного мне цвета, то мне не нужно будет ничего изменять в файлах CSS/

    Ответить
    1. Admin автор

      В php я не так силён, мне проще с css работать. inherit просто указывает, что цвет наследуется от родителя. Можно попробовать поставить туда код цвета. Правда я не уверен, делается так или нет.

      Ответить
      1. Рамиль

        Спасибо в любом случае. Благодаря вам я понял в какую сторону рыть.

        Ответить
  38. Владимир

    Привет. Вопрос. Можно ли убрать в Вордпрессе картинку из хедера. Из папок я все поубирали заменил на новые, но старая все висит в хедере.

    Ответить
    1. Admin автор

      Привет. Для начала кэш почисти, удали. Если фото удалили, а она висит на сайте, значит это кэшированная версия.

      Ответить
  39. Наталья

    Илья, у меня такой вопрос, редактировала ранее дочернюю тему Storefront. Теперь нашла решение – убрать “Работает на Storefront и WooCommerce”. Для этого нужно редактировать тему. Залезаю в дочку, а там снова пишет, что нужно редактировать родительскую тему. Это нормально?

    И не находили ли еще решение по поводу удаления этой фразы? Про скрытие плагином SiteOriginCSS читала – но хочу именно удалить

    Ответить
    1. Admin автор

      Да, есть ещё вариант. Откройте для редактирования файл footer.php, с 20 по 28 строку удалите код. Он вот так выглядит: Код футера footer.php темы Storefront. Только при обновлении, естественно слетать будет.

      Ответить
      1. Наталья

        Упс, а у меня удалилось все, вместе с контактами)))

        Ответить
        1. Admin автор

          Что именно удалилось и из-за чего?

          Ответить
          1. Наталья

            Я удалила из футера код, как Вы сказали выше. А у меня там была размещена информация о контактах. Вот все и удалилось вместе с Политикой конфиденциальности и “работает на storefront…”

          2. Admin автор

            Информация была в виджете? Да, похоже сайдбары ещё убирает. Мне этот вариант один из подписчиков подсказал. Всё таки с помощью CSS лучший вариант.

  40. Наталья

    Да, в виджете. Но все равно спасибо))

    Ответить
  41. Наталья

    Илья, скрыла “работает на storefront…” с помощью SiteOriginCSS, но скрылась и ссылка на политику конфиденциальности, как мне тогда быть? Хотела именно в футере разместить

    Ответить
    1. Admin автор

      Для футера есть специальный виджет, попробуйте через него.

      Ответить
  42. Mery

    Подскажите пожалуйста, как из целого абзаца выделить ОДНО слово для замены цвета? Навожу курсор на нужный абзац со словом, высвечивается всё с тегом . Поменять цвет одного слова не получается, опять же меняется цвет ВСЕХ абзацев.

    Ответить
    1. Admin автор

      Ну вы даёте))) В редакторе WordPress не пробовали? На странице создания записи или страницы, вверху есть визуальный редактор. Именно там можно изменить цвет одного слова и никак иначе.

      Ответить
  43. Артем

    Здравствуйте,у меня такая проблема,что в пункте Decoration при загрузке фонового изображения(Background image),ничего не меняется,картинка не появляется и при выходе для сохранения изменений,нет никаких кодов в окне плагина.Можно поменять только цвет фона.Причем пробовал на разных шаблонах выставить изображение в секциях сайта или заменить,одинаково не работает.В чём может быть проблема?Спасибо.

    Ответить
    1. Admin автор

      Добрый день. Где именно хотите установить фоновое изображение? Когда жмёте по данной области, она выделяется для редактирования?

      Ответить
      1. Артем

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

        Ответить
        1. Admin автор

          Изображение загружается в библиотеку медиафайлов WordPress?

          Ответить
  44. Наталья

    Здравствуйте, Илья! Мне необходимо вывести категории товаров в 2 колонки. Тема Ocean WP. Подскажите, пожалуйста, как это сделать?

    Ответить
    1. Admin автор

      Добрый вечер. Товары Woocommerce?

      Ответить
      1. Наталья

        Да

        Ответить
        1. Admin автор

          Может размер или вес не подходит. Точно не могу вам сказать причину. Надо разбираться более детально. Скорей всего плагин не совместим с вашей темой. Попробуйте на другой теме, если получится, значит так оно и есть. Другие CSS стили получается изменять с помощью данного плагина?

          Ответить
          1. Наталья

            Вы, наверное, не мне ответили? )) я спрашивала про категории товаров в 2 колонки)))

          2. Admin автор

            Добрый день! Вы смотрели здесь: Внешний вид – Настроить – Woocommerce – Отображение товаров. Какая у вас тема?

  45. Наталья

    Да, смотрела, Илья. У меня тема Ocean WP. Здесь нет такой возможности. Весь сайт можно делать сеткой (т.е. колонками распределять и категории, и товары в них) или списком (т.е. одна категория/товар в строке). А мне надо категории сеткой, а товары списком.
    И еще один вопрос не решается самостоятельно. Никак в шапке не поменять длину формы поиска, хочу ее сделать длиной прямо до логотипа, но никак не получается. Если не сложно, взгляните, пожалуйста.

    Ответить
    1. Admin автор

      Есть плагины такие, посмотрите их: Grid/List View for WooCommerce, Grid & List Toggle for Woocommerce. Какими стилями вы пытались изменить длину формы поиска? Попробуйте менять стили: margin, padding, Absolute Position, Width.

      Ответить
  46. Наталья

    Илья, скажите, пожалуйста:
    1. Настроила поисковую форму – все ок. Но не видно текста, который ввожу – где копать?..
    При этом поиск производится
    2. В моей теме в мобильной версии форма поиска включена в выпадающее меню. Как мне вынести поиск в хедер? Просто отдельной строкой на весь экран.

    Ответить
    1. Admin автор

      1. Можно поискать стили через редактор браузера, думаю там они есть. У меня есть инструкция как самому изменить CSS стили без плагина. В инструкции я там писал, что нужно плагины использовать. Но сейчас уже не надо. Стили нужно перенести сюда: Внешний вид – Настроить – Дополнительные стили. 2. Перепрограммировать, убрать из выпадающего меню, и вставить отдельно код поиска в хедер. Внешний вид – Редактор – Header.php. Либо сами изучайте код, либо к программисту обратитесь.

      Ответить
  47. Наталья

    Спасибо, нашла на 1 вопрос ответ – нужно было в стилях формы изменить max-width: 178px на min-width: 700px. И все получилось
    Пошла разбираться с кодом по второму вопросу. Люблю сложности :)

    Ответить
  48. Дмитрий

    Привет.
    Подскажите что за проблема, установил плагин SiteOrigin CSS указано что с темой поддерживается, но при нажатии на кнопку перехода в рабочий так скажем режим редактирования страниц никуда не переходит. в том же браузере работаю с другим сайтом и этот плагин работает на ура, и темы схожи(тот же поставщик). SSL в порядке установлен еще до скачивания плагина, кэши почищены через плагин WP Fastest Cache. Что еще может быть не ясно.

    Ответить
    1. Admin автор

      Привет. Значит тема не совместима с плагином. Либо плагин Origin конфликтует с другим плагином. Попробуй ещё раз перейти в режим редактирования CSS. Затем зайди в корень сайта, где все файлы WordPress, типа wp-content, wp-includes и т.д. Там должен быть файл error_log, открой его и посмотри там записи. В отчёте об ошибке должно быть указано в каком файле возникает ошибка. Будет указан путь к файлу, в нём указано название плагина или темы.

      Ответить
  49. Дмитрий

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

    Ответить
    1. Admin автор

      Вы можете менять CSS стили и без плагина. Жмите правой кнопкой мыши по любому элементу на сайте. В открывшемся окне жмите Посмотреть код элемента. Справа откроется редактор браузера. Там вам покажут CSS стили данного элемента. Их можно скопировать и перенести сюда: Внешний вид – Настроить – Дополнительные стили. Затем меняйте стили как хотите. Добавляйте свои и т.д. Всё очень просто, если разобраться. Есть вопросы ещё?

      Ответить
  50. Дмитрий

    Спасибо. Исчерпывающе)

    Ответить
  51. Светлана

    Здравствуйте, спасибо за такие обучающие материалы для работы ) Как правильно изменить ширину сайта т.к. в теме узкий шаблон три столбца . А сделать с помощью плагина этого два столбца можно ?) Ну и ширину как вписать в пикселях ?))

    Ответить
    1. Admin автор

      Здравствуйте. Два столбца вряд ли сделаете, для этого надо шаблон перешивать, проще найти другой шаблон, на WordPress их много. Попробуйте изменить параметр Background Size размер фона, а также Margin граница полей, Absolute Position и Absolute позицию, Width ширину. Здесь всё зависит от шаблона, есть ли у него такие CSS стили, можно конечно и вручную добавить.

      Ответить
      1. Светлана

        Спасибо большое за ответ .Хотела вам сюда скриншот прислать чтоб вы поняли о чем речь так не объяснишь подробнее это нужно увидеть . А нельзя тут отправить скриншот может вам в почту написать если есть @?

        Ответить
        1. Admin автор

          Вы можете скинуть мне ссылку на скриншот сюда, либо просто URL адрес

          Ответить
  52. Юлия

    Здравствуйте. Может вы мне поможете, так как ваши статьи мне очень помогли во многих вопросах. Дело в том, что у меня создан интернет-магазин на WP с плагином Ву-коммерц. Сделала красивый баннер на главной странице. Но когда заходишь в какой-нибудь товар, то картинка баннера меняется на картинку данного товара, это так некрасиво. Не знаю, как быть. Что посоветуете?

    Ответить
    1. Admin автор

      Здравствуйте. Где именно показывается баннер и каким образом вы его туда добавляли?

      Ответить
  53. Ирина Иванькина

    Вы оказываете платные услуги?

    Ответить
  54. Ирина Иванькина

    Обнадежили зря! Это картинка! Но и на том спасибо.

    Ответить
    1. Admin автор

      Что вы хотите сделать?

      Ответить
  55. Александр

    Как сделать чтобы не было видно метки на страницах Вордпресса ?

    Ответить
    1. Admin автор

      Можно скрыть с помощью CSS, как раз этот плагин может помочь.

      Ответить