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";}

Как изменить шаблон WordPress без знаний PHP и CSS

Шаблоны сайтов состоят из набора файлов PHP и CSS, и поэтому, чтобы их редактировать, необходимо понимать эти языки программирования. Такие обстоятельства ставят в тупик новичков. И когда они устанавливают какую-то тему себе на сайт, то оставляют её внешний вид таким, как есть, даже если он чем-то не нравится. В этой статье мы расскажем вам, как изменить шаблон WordPress без знаний CSS и PHP.

Решать задачу мы будем с помощью одного плагина, который создаёт на сайте визуальный редактор шаблонов.

Визуальный редактор WaspThemes – Yellow Pencil Lite

WaspThemes – Yellow Pencil Lite – это плагин, который создаёт визуальный редактор, с помощью которого можно изменить шаблон как угодно. Скачайте его, установите и активируйте. В итоге вы получите дополнительный подпункт «Yellow Pencil» в пункте «Внешний вид».

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

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

Во-вторых, слева есть маленькая выдвижная панель, в ней:

  • CSS-editor. Редактор CSS. Если вы знаете CSS, то можете изменить шаблон через него.
  • Undo/Redo. Возвращение внесённых изменений и наоборот.
  • Fullscreen. Открывает редактор на весь экран, и тогда изменять шаблон становится удобней.

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

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

  • шрифт;
  • фон;
  • отступ;
  • положение;
  • границы;
  • скругление;
  • размер;
  • анимация.
  • и ещё много других.

После внесения необходимых поправок, нужно нажать кнопку «Save», и тут вам ложка дёгтя в эту большую бочку с мёдом. Сохранить можно будет только в PRO версии плагина, то есть, в платной. И стоит такое удовольствие чуть более 20$. Однако за такие возможности можно и заплатить, если не хочется учить программирование.

А если платить не хочется, то можно изменить шаблон встроенными возможностями. Об этом тут.

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

View Comments

Recent Posts

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

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

7 месяцев ago

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

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

7 месяцев ago

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

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

7 месяцев ago

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

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

8 месяцев ago

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

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

8 месяцев ago

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

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

8 месяцев ago