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;} /* Inline styles */ h2.acss2f015{text-align:center;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Как редактировать CSS в шаблоне темы

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

Тут есть два выхода. Либо менять шаблон на такой, который вам больше подойдёт. Либо редактировать шаблон. Здесь мы писали о том, как можно отредактировать тему. Но там требовались знания CSS, которые у многих web-мастеров отсутствуют или имеются в зачатке.

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

Для того чтобы решить быстро проблему незнания CSS стилей, следует воспользоваться плагином для Word Press – CSS Hero. Это геройское дополнение платное – 14$ в год за один сайт, 29$ за пять сайтов и 99$ за 100 сайтов. Эта немалая расценка как стимул к тому, что надо учить CSS, и знать, как правила русского языка.

Однако работу этого плагина разберём. Всё-таки, у него есть достоинство – он хорошо экономит время даже тем, кто разбирается в CSS, но просто не хочет лазить в коды.

 

CSS Hero

Принцип работы геройского плагина. Он переводит редактирования шаблона в визуальный режим, и после внесения определённых корректур, сохраняет новые стили CSS в файлах шаблона Word Press. Те, кто имел дело с визуальными редакторами сайтов на всяких бесплатных хостингах, должны хорошо себе это представлять.

Возможности плагина широки. К ним относится следующее:

  • Редактировать можно шаблоны не только для настольных компьютеров, но так же планшетов и мобильников.
  • Можно редактировать цвета на сайте, настраивать шрифты, изменять таблицы стилей, теней, градиентов и текста.
  • Плагин сохраняет историю редактирования, что позволяет быстро вернуться к предыдущим действиям, если что-то сделано не так.

Как видно, возможностей очень много. И оно стоит своих денег.

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

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

Recent Posts

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

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

8 месяцев ago

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

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

8 месяцев ago

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

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

8 месяцев ago

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

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

8 месяцев ago

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

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

8 месяцев ago

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

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

9 месяцев ago