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

Categories: Дизайн сайта

Выводим дизайн WordPress за пределы сайта

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

С одной стороны повлиять на оформление интерфейса устройства посетителей сложно и не корректно с точки зрения конфиденциальности. С другой – от того, на каком фоне отображается дизайн WordPress, может зависеть восприятие всей картины пользователей. И тут как бы не старались дизайнеры доработать шаблон, что-то будет постоянно не так.

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

Scrollbar Designer

Scrollbar Designer – это плагин, который позволяет изменить скрол любого браузера на устройстве пользователя. Казалось бы, эта настройка управляется опциями самого устройства и браузера, и дизайн WordPress на неё не влияет, однако есть способ его изменить. О похожем плагине мы рассказывали вам тут.

Скачайте, установите и активируйте плагин Scrollbar Designer. После этого у вас в консоли образуется новый пункт «Scrollbar Designer». Кликните по нему, и вы подпадёте в панель управления скролом браузера.

Enable Plugin. Первое, что нужно сделать, это включить здесь плагин.
Scrollbar Cursor Color. Цвет скрола. Нужно подобрать что-то под установленный дизайн WordPress.
Scrollbar Cursor Width. Толщина скрола.
Scrollbar Cursor Border Style. Толщина границы скрола, её цвет и стиль отображения.
Scrollbar Cursor Border Radius. Закругление скролла, что придаст дизайну WordPress, отображаемом на его фоне, более мягкий вид.
Auto Hide On Inactive. Можно включить эту функции, чтобы скрол прятался в те моменты, когда страницы не прокручиваются. Выглядит очень оригинально.

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

Android 5.0 Lollipop Status Bar Customiser

Android 5.0 Lollipop Status Bar Customiser – это плагин, который позволяет изменить строку состояния в устройствах под управлением Android (полосу, где располагаются часы). Поэтому это дополнение будет интересно тем, у кого большинство мобильного трафика. На сегодня ни один дизайн WordPress не позволяет изменять строку состояния в телефонах.

Скачайте, установите и активируйте плагин Android 5.0 Lollipop Status Bar Customiser. После этого перейдите в пункт консоли «Внешний вид» и выберите подпункт «Android Status Bar». Здесь в вашем распоряжении будет возможность выбора цвета строки состояния на всех или только некоторых страницах сайта. Таким образом, вы сможете выбрать такое оформление, которое будет соответствовать установленному дизайну WordPress.

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