amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Как оперировать CSS WordPress с помощью плагина

Некоторые темы нуждаются в корректировке или доработке в соответствии с нуждами пользователя, особенно это касается, если был выбран бесплатный шаблон. У всех свои запросы и предпочтения. Однако, не у всех тем есть встроенный редактор позволяющий изменять дизайн темы и делать его особенным. Приходится прибегать к работе с CSS в WordPress. Но не все пользователи знают правила языка каскадных таблиц стилей.

Для того чтобы все пользователи могли редактировать свои темы, существует плагин CSS Hero. Плагин позволяет с помощью программирования в CSS в WordPress настраивать шаблон вашего сайта, не имея при этом знаний программного кода.

CSS в WordPress с плагином CSS Hero

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

Плагин можно скачать с официального сайта Csshero. Установка этого дополнения стандартная и не имеет никаких особенностей. После активации плагина, вам предложат получить лицензию для сайта, на котором вы собираетесь его использовать. Для этого нажмите на «Получить ключ сейчас» и вы перейдет на официальный сайт плагина. После того, как вы его активировали, можно преступать к редактированию темы.

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

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

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

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

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

Адель Гадельшин

View Comments

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

9 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

9 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

9 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

10 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

10 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

10 месяцев ago