Layers wp: Layers for Elementor | Layers

Layers — Плагин для WordPress

• Детали
• Отзывы
• Установка
• Разработка

Поддержка

The simplest and most elegant way of adding full-width, layered content areas to your website, with a simple shortcode: [layer]…[/layer]. Add as many layers and colors and images as you like.

1. Install and activate the plugin.
2. Create a new page or edit an existing one.
3. Under Page Attributes, change the Template to Layers and save.
4. Now, add as many content sections as you like by adding the [layer]...[/layer] shortcode into the content area of your page.

Example with all the optional parameters:

[layer color="" padding="" background-color="" background-image=""]
Hello World!
[/layer]

You may add whatever id you like and as many classes (space-separated) as you like.

Built-in classes include:

left
center
right
layer-inner
overlay
force-white-text
force-black-text

layer-inner creates a more narrow content area within the layer, if needed.

overlay allows you to fade a background image for more legible text, if needed.

force-white-text and force-black-text can override theme styles to force all text within the layer to be white or black, if and when needed.

For color, padding, background-color, and background-image parameters, you may treat this just like normal CSS, adding either a color name like red or color code like #ff0000 or a full image URL.

I’ve tried to think of and address common pitfalls that might occur with themes and tested with the most popular themes to work out wonky design issues. Even so, there are just too many variables. It’s inevitable that this plugin will break someone’s design on the Layers page only (as everything is self-contained), so I’ll be available to support you by either adding updates to the plugin or offering you custom CSS for your unique situation.

Нет отзывов об этом плагине.

«Layers» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

• StripesWP
• Bryan Hadaway

Перевести «Layers» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Оценки

У этого плагина ещё нет оценок.

Войдите, чтобы оставить отзыв.

Участники

• StripesWP
• Bryan Hadaway

Поддержка

Решено проблем за последние 2 месяца:

1 из 1

Перейти в форум поддержки

Пожертвование

Would you like to support the advancement of this plugin?

Пожертвовать на развитие плагина

Конструктор сайтов на основе Layers WP

ТемыТемы бесплатные

Harymata01. 07.2015

14 5 950 2 minutes read

Layers WP– это относительно новая, бесплатная тема-конструктор, способная заинтересовать самый широкий круг WordPress пользователей. Во-первых, данный продукт будет полезен «чайникам» и всем, кто не может и/или не хочет копаться в коде, но желают создавать собственные, оригинальные страницы для своего сайта. Во-вторых, данный продукт способен заинтересовать и разработчиков тем, так как с помощью него можно быстро создавать так называемые (Style Kit) стайлкиты и (Child themes) дочерние темы для продажи на ThemeForest. Но стоит упомянуть, что данный продукт все же был создан именно для массового пользователя в качестве продвинутого WordPress настройщика.

Сама по себе структура шаблонов Layers очень проста — это горизонтальные ряды, которые можно заполнять всевозможными контент-блоками и виджетами.

С помощью Layers можно создавать:

Style kit, в котором, по большому счету, можно изменять только стили. Этот вариант вам не подойдет, если в вашем проекте есть сложные стили или большое количество java-скриптов.

Child themes — дочерние темы. Здесь ограничений нет, и можно создавать темы любой сложности, но сам процесс естественно, сложнее чем в первом случае.

Плюсы  Layers

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

Минусы Layers

• Если у вас есть страницы, созданные в Layers, то вы не сможете безболезненно переключиться на другую тему, так как страницы эти построены не на чистом HTML/CSS, а с применением виджетов. Но, как бы то ни было, эту проблему можно решить следующим образом. Итак, необходимо экспортировать  Layers-страницу в JSON-формате и изменить ее под нужды новой темы.
• Может снижаться скорость загрузки сайта.  Дело в том, что все данные кастомизации хранятся в таблице options — каждый виджет занимает собственную строчку. Например, если вы используете контент-виджет от Layers на множестве страниц, то все данные будут хранится в единственной строке база данных, что не особо хорошо сказывается на быстродействии сайта.
• Не лучший выбор для блоггеров в виду отсутствия готовых блоговых шаблонов. Можно сказать, что Layers применим для создания абсолютно любых сайтов, но не блогов как таковых.

Работа с темой

Чтоб начать работу с темой, нужно ее скачать, установить и активировать, как и любую другую. После установки кликаем «Давайте начнем!». Теперь вы видите наглядное объяснения того, как работать с блоками Layers. Далее вам предлагают ввести название сайта и его теглайн, сопровождая это все дальнейшими подробными объяснениями. Загружаем логотип и приступаем к созданию первой страницы, выбрав нужный  макет (есть практически все основные страницы: от лэндинга до портфолио).

Например, создадим страницу «лэндинг» и приступим к ее кастомизации. Посмотрим, какие блоки нам даны. На данной странице мы видим контент-блоки, которые мы можем переставлять и изменять, как душе угодно, используя для кастомизации виджеты: в частности, можно загружать кастомные фото, фоны, изменять цвета и быстро создавать кнопки, а также использовать собственные css файлы или одним щелчком сделать «шапку» липкой, и конечно же, каждый блок представляет собой универсальную виджет-область. Более того, разработчики даже создали собственные полезные виджеты для управления контентом, слайдерами, Google-картами.

Управление Layers страницами

Управлять страницами, созданными в Layers, можно с помощью специальной панели в меню темы Layers—>страницы Layers, которая также затрагивает и управление всеми wp-страницами в целом. Панель управления записями в блоге остается неизменной.

В сухом остатке

Можно прочитать множество статей и посмотреть все обилие роликов о Layers, но гораздо проще просто один раз опробовать этот билдер на практике, чтобы понять, что это достаточно полезный, доступный и интуитивный инструмент. К тому же, это еще и прекрасный способ заработка с помощью разработки стайлкитов и дочерних тем. Настолько, что Envato даже создал для него отдельный раздел на ThemeForest.

Официальный сайт Layers

Раздел Layers на ThemeForest

Похожие

Конструктор сайтов WordPress | Layers

Layers — это тема WordPress с конструктором сайтов по принципу «укажи и щелкни», настолько простым, что вы станете профессионалом с первого раза.

Начало работы со слоями

Более 650 000 человек использовали Layers для создания необходимого веб-сайта

Интерфейс Point & Click

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

Responsive

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

WooCommerce Ready

WooCommerce — самая популярная платформа электронной коммерции в мире, и Layers работает с ней с самого начала.

SEO Friendly

Целенаправленная и интеллектуальная структура HTML обеспечивает наилучшие результаты для позиций в поисковых системах.

Инновационный интерфейс дизайна, которым приятно пользоваться

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

Создание страниц с помощью виджетов

Используйте знакомый интерфейс перетаскивания виджетов для создания страниц с нуля.

Это наведи и щелкни

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

Уникальная панель дизайна™

Мощная панель параметров, которая позволяет вам стилизовать все элементы ваших виджетов.

Мгновенный просмотр изменений

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

Код не требуется

Предустановленные макеты и простая в использовании панель дизайна позволяют больше никогда не беспокоиться о коде.

Изменение порядка страницы с помощью перетаскивания

Страницы слоев создаются с помощью виджетов, которые позволяют быстро изменять порядок макетов, просто перетаскивая их в новое место.

Достигайте сложных макетов

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

Добавляйте динамический контент на свои страницы

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

Гибкие виджеты для создания страниц

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

Content Widget

Самый мощный инструмент в арсенале Layers, позволяющий создать практически любой макет.

Slider Widget

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

Post Widget

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

Post Carousel Widget

Настройте автоматический слайд списка сообщений, показывая новый контент посетителям вашего сайта.

Contact Widget

Отобразите форму электронной почты, контактную информацию и карту Google с местоположением вашего офиса с помощью Contact Widget.

Social Widget

Перечислите свои социальные сети в интуитивно понятном и настраиваемом интерфейсе.

Виджет призыва к действию

Добавьте столько кнопок, сколько хотите, в специальном виджете призыва к действию.

Tab & Accordion Widgets

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

Правильный стиль заголовка

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

Сделайте логотип БОЛЬШЕ

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

Добавьте фоновые изображения

Добавьте красивое фоновое изображение в шапку вашего сайта.

Регулировка высоты жатки

Дайте вашей жатке больше свободы действий с помощью регулировки высоты.

Расстояние между меню управления

Отрегулируйте расстояние между элементами меню, чтобы улучшить читаемость.

Получите больше контроля над своим блогом

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

Рекомендуемое изображение

Включение/выключение

Дата публикации

Включение/выключение

Категории сообщений

Включение/выключение

Почтовые теги

Включение/выключение

Автор сообщения

Включить/выключить

Выдержка из поста

Включить/выключить

И это еще не все…

Виджеты — не единственная фишка темы Layers WordPress

Мобильные макеты

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

Интеграция шрифтов Google

Выберите один из сотен шрифтов Google или используйте свой собственный с интеграцией TypeKit.

Интеллектуальные параметры цвета

Layers предлагает подробные параметры цвета, которые интеллектуально реагируют на темные и светлые выделения.

Blogger Friendly

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

Фоновое видео

Добавьте красивое видео на слайдер основного сайта и поразите своих посетителей красивой и увлекательной презентацией.

Фоновый параллакс

Придайте своим фоновым изображениям ощущение глубины с помощью параметра «Параллакс», доступного во всех виджетах «Слои» при обновлении до версии Pro.

Расширенные параметры CSS

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

Предустановленные макеты страниц

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

Автоматическое изменение размера изображения

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

Встроенная поддержка

Layers Messenger предоставляет поддержку прямо у вас под рукой с помощью чатов в реальном времени прямо с панели управления WordPress.

Автоматическое резервное копирование страниц

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

Интеграция с Google Analytics

Просто вставьте свой идентификатор Google Analytics в Layers и начните отслеживать посетителей за считанные секунды.

Встроенный поиск по сайту

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

Стиль кнопок

Layers Pro предлагает более подробные параметры цвета для кнопок, элементов меню, виджетов и многого другого.

Скрыть на устройствах

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

Плавная прокрутка

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

Посмотреть полный список функций

Сравните бесплатную и профессиональную версии Layers в полном списке функций.

Сравните функции

Самая удобная тема, которую вы когда-либо использовали

Более 650 000 человек использовали Layers для создания нужного им веб-сайта.

Скачать Слои бесплатно Купить Слои Pro Получить слои + хостинг

Посмотрите, что было создано с помощью слоев

Взгляните на некоторые удивительные сайты, созданные с помощью слоев.

Скачать Layers Now

Самый мощный плагин для самой удобной темы в мире.

GT Digital Media сообщает:

«Слои сделают вашу жизнь проще, ваш веб-сайт будет выглядеть лучше, и ваши клиенты будут любить вас».

Jamz говорит:

«Один из лучших плагинов, которые я когда-либо использовал. Делает именно то, что говорит. Потрясающий.»

Лео Гопал Говорит:

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

К началу

Как установить Layers WP в WordPress

Layers Help & Support

Слои 2.0.10 Обновление

Слои 2.0.10 Обновление

Удаление списков Envato Marketplace.

• Кнопка с фиксированным соотношением сторон изображения в виджете публикации
• Удалены лишние списки Envato Market

ОБНОВЛЕНИЕ СЛОЕВ Посмотреть на GitHub

Руководство пользователя слоев С: 1. 0 Последнее обновление: 7 лет назад Слои вер. 1,5 Время прочтения: 2 минуты

Прежде чем начать

Установка WordPress

Layers — это фреймворк тем, созданный для собственной платформы публикации WordPress.org. Для получения справки по установке WordPress см. Как установить и настроить WordPress на собственном веб-хостинге

Существующие сайты

Если у вас есть существующая установка WordPress с содержимым, сделайте ее резервную копию!

Настроить WordPress

Слои зависят от нескольких настроек для оптимального представления контента и функциональности:

1. Перейдите в «Настройки» → «Постоянные ссылки» и убедитесь, что выбрано все, кроме значения по умолчанию. Имя поста рекомендуется
2. Перейдите в «Настройки» → «Медиа» и убедитесь, что ваши настройки следующие:
   • Миниатюры: решать вам, но мы рекомендуем 300×300
   • Средний: 600 в ширину и 9999 в высоту. Это создает масштабированную версию загруженных изображений размером более 600 пикселей шириной 600 пикселей, которая используется слоями в ваших виджетах в некоторых конфигурациях.
   • Большой: Вы можете оставить это или изменить высоту на 9999, чтобы изображения с портретной ориентацией никогда не обрезались.
3. Если у вас уже есть изображения в WordPress, вам нужно повторно сгенерировать ваши изображения

Загрузка слоев

Слои можно загрузить с http://layerswp.com

Пользователи Safari позаботятся о том, чтобы в настройках не была включена безопасная загрузка. Когда загрузка будет завершена, у вас должен быть ZIP-файл на вашем рабочем столе, если вы планируете установить через WordPress.

Прежде чем начать, убедитесь, что у вас есть свежая загрузка.

Как вы хотите его установить?

• Установить слои через WordPress
• Установка слоев через FTP

Установка через WordPress

Примечание. Если вы не используете последнюю версию WordPress, обновите ее в разделе «Панель управления» → «Обновления»

1. Войдите в панель администратора WordPress, перейдите в раздел «Внешний вид» и нажмите «Добавить новую» вверху
.
2. Нажмите кнопку «Загрузить тему» вверху
.
3. Нажмите кнопку «Обзор» в центре белого поля ( Выберите файл в некоторых браузерах) и перейдите к расположению ZIP-файла темы Layers.
4. Выберите файл и нажмите Открыть .
5. Нажмите Установить сейчас, чтобы начать установку.
6. Дождитесь сообщения об успешном завершении, затем щелкните ссылку Активировать.
7. Вы будете перенаправлены на экран «Начало работы со слоями».
8. Уделите минутку работе с мастером и перейдите к следующей статье Создание страниц и главные страницы.

Установка через FTP

1. Разархивируйте zip-файл темы Layers на рабочий стол (или в любое удобное место), чтобы найти папку темы, например, «layerswp».
   • Если вы работаете на Mac и видите дополнительные слова или расширение в папке, откройте эту папку, чтобы найти настоящую папку папки темы layerwp !
2. Подключитесь к своему веб-пространству с помощью FTP-клиента и перейдите к wp-content/themes
3. Перетащите тему папку с вашего компьютера в окно каталога тем .
   • Пользователи Mac: Убедитесь, что указан путь wp-content/themes/layerswp/ и , а не wp-content/themes/layers_package/layerswp или аналогичный, так как это приведет к сбою некоторых функций.
4. Войдите в панель администратора WordPress и перейдите в раздел Внешний вид → Темы
5. Наведите указатель мыши на миниатюру темы «Слои» и нажмите значок Активировать кнопку
6. Вы будете перенаправлены на страницу Начало работы со слоями  .