Перейти к содержимому
WebAssemble Community

Поиск по сайту

Результаты поиска по тегам 'divi'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Сообщество
    • Как здесь все устроено
    • Беседка
    • Я ищу
  • Шаблоны и плагины
    • Wordpress
    • Joomla
  • Вопрос-ответ
    • Вопросы по Wordpress
    • Вопросы по Joomla
    • Вопросы по другим CMS
  • Ваши проекты
    • Проекты на Wordpress
    • Проекты на Joomla
    • Проекты на других CMS

Категории

  • Wordpress
    • Шаблоны
    • Плагины
  • Разное

Категории

  • Wordpress
    • Шаблоны
    • Плагины
  • Joomla
    • Шаблоны
    • Плагины

Блоги

  • Шаблоны Wordpress

Искать результаты в...

Искать результаты, которые...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начать

    Конец


Группа


Найдено 14 результатов

  1. Forall P.

    Divi WordPress Theme

    Версия 3.19.6

    3 скачивания

    Скачать бесплатно Elegant Themes Divi WordPress Theme Premium Nulled Divi. Премиум тема WordPress и визуальный конструктор страниц Divi работает на Divi Builder, невероятно быстром и невероятно интуитивно понятном редакторе внешнего интерфейса, который вы еще не видели. Это навсегда изменит способ создания сайтов. Дизайн в реальном времени Когда вы вносите изменения в свою страницу, все мгновенно обновляется прямо на ваших глазах. Дизайн мгновенно! Настроить все Каждый элемент полностью настраиваемый. Корректируйте шрифты, цвета, размеры и интервалы и даже применяйте собственные CSS. Организовать с легкостью Добавьте новую строку, выберите между различными типами столбцов, и все автоматически встанет на свои места. 46 элементов содержимого Divi поставляется с 46 различными элементами контента. Смешивайте, сочетайте и создавайте практически все, что вы можете себе представить. Быстрая загрузка Divi Builder безумно быстр. Это не требует обновления страниц и практически нулевой загрузки любого вида. Просто нажмите и введите Нет необходимости открывать панель настроек для добавления текстового содержимого. Просто нажмите на свою страницу и начните печатать! Отзывчивое редактирование Наслаждайтесь живым отзывчивым предварительным просмотром и применяйте пользовательские изменения для определенных мобильных точек. Глобальные элементы Синхронизируйте глобальные элементы на нескольких страницах. Обновите их один раз, и они будут обновлены везде. Отлично подходит для нижних колонтитулов! Импорт Экспорт Сохраните макеты в вашей библиотеке для последующего использования. Импорт, экспорт, обмен и загрузка макетов из Интернета. Готовые макеты Начните процесс проектирования, используя один из 20+ готовых макетов, которые поставляются вместе с Divi Builder. Divi поставляется с более чем 20 готовыми макетами прямо из коробки. Эти красивые макеты могут быть использованы для запуска ваших новых проектов, что позволяет создавать новые страницы всего за несколько минут. Загрузите их, поменяйте содержимое, и все готово! Они также являются отличным способом для новых клиентов узнать все тонкости Divi Builder. Официальный сайт Демо Демо Divi Builder
  2. Обсуждение Скачать Divi theme Быстрый доступ к функциям Divi Builder Когда вы кликаете правой кнопкой мыши на каком-либо элементе Divi Builder, будь то модуль, строка или раздел, вы получаете список различных действий, которые могут быть выполнены с этим элементом. Это такие действия, как Переименовать, Сплит-тест, Сохранить в библиотеку, Отменить и Повторить (переделать), Отключить, Заблокировать (замок), Свернуть и Развернуть, Копировать и Вставить, и Предварительный просмотр. Со многими из этих функций вы уже знакомы, они были добавлены управление правым кликом для вашего удобства! Таким образом, вам не нужно копаться в настройках модуля для доступа к часто используемым функциям. Однако некоторые функции уникальны для правого клика и доступны только при щелчке правой кнопкой мыши. К ним относятся: Сплит-тест, Копировать, Вставить после, Заблокировать (замок), Свернуть и Отключить. Переименование Любому модулю, строке или разделу можно дать имя. Это имя появляется в конструкторе, и его можно использовать для идентификации элемента на странице. При редактировании больших страниц это может помочь вам организовать элементы в конструкторе. Например, если на странице имеется 20 различных текстовых модулей, вы можете дать каждому из них имя, чтобы вы знали, что это такое, прежде чем открывать окно своих настроек. Сплит-тест Сплит-тестирование – функция Divi, доступ к которой возможен только через правую кнопку мыши. Функция сплит-тестирования позволяет отслеживать действия пользователей для разных вариантов одного и того же элемента. В зависимости от элемента, который вы выберете, Divi будет отслеживать количество кликов, просмотров или продаж. Например, если вы выбираете Call To Action модуль в качестве цели, то Divi будет отслеживать как изменения в оформлении модуля влияют на то, как часто посетители кликают на кнопку. Сохранить в библиотеке Для удобства добавлена опция сохранения элемента в библиотеке Divi. С помощью этой функции вы можете сохранять элементы в библиотеке, не открывая соответствующий блок настроек. Отменить и повторить (переделывать) Любые действия, которые вы выполняете в Divi Builder, могут быть отменены, и любая отмена также может быть возвращена в исходное состояние. Элементы Undo & Redo, которые также доступны с помощью кнопок в верхней части интерфейса Divi Builder, также доступны при щелчке правой кнопкой мыши. Отключить Отключение — это опция Divi, доступная только через элементы управления правой кнопкой мыши. Любой модуль, строку или раздел можно отключить. Причем сделать это можно для каждого из устройств: десктопа, планшета или смартфона. Как только элемент отключен, он больше не будет отображаться на странице веб-сайта. Однако элемент останется доступным в интерфейсе Divi Builder. Отключение — это способ удалить элементы дизайна со страницы без фактического удаления их в конструкторе. Они могут быть снова включены в будущем. Элементы, которые были отключены, отображаются с непрозрачностью 50% в построителе, чтобы показать, что они были отключены. Замок Блокировка — это функция Divi, которая доступна только с помощью управления правой кнопкой мыши. Как только элемент заблокирован, его нельзя перемещать, редактировать или удалять, пока он не будет разблокирован. Только пользователи с ролью администратора могут блокировать и разблокировать элементы. Это означает, что вы можете назначить своим клиентам роль с меньшими правами, такую, например, как редактор, и они не смогут редактировать любой элемент, который был заблокирован. Это отличный способ контролировать то, что ваши клиенты могут и не могут редактировать. Вы можете заблокировать все, кроме текстовых модулей. Это позволит вашему клиенту редактировать свой контент, но не позволит настраивать параметры более продвинутых модулей. Свернуть и развернуть Свертывание — это функция, доступная только при нажатии правой кнопки мыши. Любой раздел или строку можно свернуть в интерфейсе builder. Когда они свернуты, то любые элементы внутри них скрываются, а строка или раздел сворачивается в тонкий прямоугольник. Если вы разрабатываете очень большую страницу, свертывание элементов, работу над которыми вы закончили, может значительно облегчить доступ к другим элементам. Копировать и вставить после Копирование и вставка — это еще одна функция Divi, доступная только через управление правой кнопкой. Вы можете скопировать модуль, строку или раздел в одной области, а затем вставить их в другую область. Вы также можете копировать и вставлять элементы с одной страницы на другую. Это может сэкономить вам время, и часто это гораздо удобнее, чем сохранение элементов в библиотеке (особенно, когда вы хотите повторно использовать этот элемент на новой странице только один раз). Предпросмотр Возможность предварительного просмотра элементов в конструкторе была добавлена в элементы управления правой кнопкой мыши для удобства. При выборе режима предварительного просмотра элемента вы можете быстро просмотреть внешний вид определенного элемента в конструкторе, вместо того, чтобы просматривать всю страницу в интерфейсе. Спасибо автору: Divi по русски
  3. Обсуждение Скачать Divi theme Divi Builder снабжен большим количеством очень полезных клавишных комбинаций. После освоения, они сэкономят немало времени при разработке сайта . Действия, требующие 2, 3 или 4 кликов мышкой, могут выполняться всего одной комбинацией клавиш. В Divi Builder есть горячие клавиши практически для всех операций! Вызов списка горячих клавиш Запомнить все горячие клавиши Divi Builder может оказаться непростой задачей. Вот почему мы создали Divi Builder Helper, который включает в себя полный список сочетаний клавиш. Чтобы получить доступ к списку всех комбинаций клавиш, при работе в Visual Builder просто нажмите клавишу «?» (для русской клавиатуры — сочетание клавиш «Shift + ?» или «Ctrl +?» при включенной английской раскладке). Горячие клавиши Visual Builder Следующие горячие клавиши доступны, когда работа производится в Visual Builder. Page Shortcuts (Страничные горячие клавиши) Undo (Отменить): Ctrl + Z Redo (Повторить): Ctrl + Y Save Page (Сохранить страницу): Ctrl + S Save Page as Draft (Сохранить как черновик): Ctrl + Shift + S Exit Visual Builder (Выйти из визуального редактора): Ctrl + E Exit To Backend Builder (Переключиться на Divi Builder в панели WordPress) : Ctrl + Shift + E Toggle Settings Bar (Переключить панель настроек): T Open Page Settings (Открыть окно настройки страницы): O Open History Window (Открыть окно истории изменений): H Open Portability Window (Открыть окно импорта-экспорта): P Responsive Zoom In (Увеличить): Ctrl + + Responsive Zoom Out (Уменьшить): Ctrl + - List All Shortcuts (Список горячих клавиш): ? Inline Editor Shortcuts (Горячие клавиши встроенного редактора) Exit Inline Editor (Выход из встроенного редактора): Esc Module Shortcuts (Горячие клавиши модулей) Copy Module (Копировать модуль): Ctrl + C Cut Module (Вырезать модуль): Ctrl + X Paste Module (Вставить модуль): Ctrl + V Copy Module Styles (Копировать стилевые настройки модуля): Alt + Ctrl + C Paste Module Styles (Вставить стилевые настройки модуля): Alt + Ctrl + V Lock Module (Блокировать модуль от изменений): L Disable Module (Отключить модуль): D Move and copy module into dropped location (Перемещение с копированием модуля в другое место): Alt + Module Move Change Column Structure (Изменить структуру колонки): C + 1 / 2 / 3 / 4 Make Row Fullwidth (Сделать строку на всю ширину экрана): R + F Change Gutter Width (Изменить расстояние между модулями) : G + 1 / 2 / 3 / 4 Add New Row (Добавить новый ряд): R + 1 / 2 / 3 / 4 Add New Section (Добавить новую секцию): S + 1 / 2 / 3 Restrict padding to 10px increments (Изменить отступ перетаскиванием с шагом 10 пикс.): Shift + Drag Padding Padding limited to opposing value: Alt + Drag Padding Mirror padding on both sides (Зеркальное отображение отступов с обеих сторон): Shift + Alt + Drag Padding Increase Row Padding (Увеличить отступы строки): R + Left/Right/Up/Down Decrease Row Padding (Уменьшить отступы строки) : Alt + R + Left/Right/Up/Down Increase Section Padding (Увеличить отступы секции): S + Left/Right/Up/Down Decrease Section Padding (Уменьшить отступы секции) : Alt + S + Left/Right/Up/Down Increase Row Padding by 10px (Увеличение отступов строки с шагом 10 пикс.) : Shift + R + Left/Right/Up/Down Decrease Row Padding by 10px (Уменьшение отступов строки с шагом 10 пикс.) : Shift + Alt + R + Left/Right/Up/Down Increase Section Padding by 10px (Увеличение отступов секции с шагом 10 пикс.): Shift + S + Left/Right/Up/Down Decrease Section Padding by 10px (Уменьшение отступов секции с шагом 10 пикс.): Shift + Alt + S + Left/Right/Up/Down Modal Shortcuts (Модальные (оконные) горячие клавиши) Close (Закрыть окно): Esc Save Changes (Сохранить изменения): Enter Undo (Отменить): Ctrl + Z Redo (Повторить): Ctrl + Y / Cmd + Shift + Z Switch Tabs (Переключить вкладку): Shift + Tab Expand Modal Fullscreen (Развернуть на весь экран): Ctrl + Enter Snap Modal Left / Right (Привязать окно к левому/правому краю): Ctrl + Left Arrow / Right Arrow Горячие клавиши Divi Builder Горячие клавиши, доступные при работе в режиме конструктора Divi Builder (через панель управления WordPress). Page Shortcuts (Страничные горячие клавиши) Undo (Отменить): Ctrl + Z Redo (Повторить): Ctrl + Y Save Page (Сохранить страницу): Ctrl + S Save Page as Draft (Сохранить как черновик): Ctrl + Shift + S Open Page Settings (Открыть окно настройки страницы): O Open History Window (Открыть окно истории изменений): H Open Portability Window (Открыть окно импорта-экспорта): P List All Shortcuts (Список горячих клавиш): ? Module Shortcuts Copy Module (Копировать модуль): Ctrl + C Cut Module (Вырезать модуль): Ctrl + X Paste Module (Вставить модуль): Ctrl + V Lock Module (Блокировать модуль от изменений): L Disable Module (Отключить модуль): D Change Column Structure (Изменить структуру колонки) C + 1 / 2 / 3 / 4 Add New Row (Добавить новый ряд): R + 1 / 2 / 3 / 4 Add New Section (Добавить новую секцию): S + 1 / 2 / 3 Modal Shortcuts Modal Shortcuts Close (Закрыть окно): Esc Save Changes (Сохранить изменения): Enter Switch Tabs (Переключить вкладку): Shift + Tab Спасибо автору: Divi по русски
  4. Forall P.

    Редактор ролей Divi

    Обсуждение Скачать Divi theme Управление действиями пользователей в Divi Builder Редактор ролей Divi дает вам возможность контролировать, что каждая из категорий пользователей WordPress может выполнять в Divi Builder. Для каждой из ролей вы можете отключить доступ к определенным действиям в Divi Builder. Это идеальный способ для фрилансеров и небольших агентств веб-дизайна передавать веб-сайты своим клиентам, в то же время, ограждая их от неправильных действий. Отключая доступ к наиболее продвинутым функциям, вы можете облегчить клиенту понимание работы с Divi Builder. В то же время не позволяя им получать доступ к функциям, которые, при не правильном использовании, могут быть причиной для нарушения работы или дизайна сайта! Вот отличный пример. Допустим, вы только что закончили создание нового веб-сайта для своего клиента, и вы в полной мере воспользовались расширенными настройками дизайна Divi и пользовательскими CSS и даже интегрированными сторонними плагинами при помощи модуля кода. Все выглядит идеально, и клиент доволен. Вы передаете веб-сайт своему клиенту для обновления страницы «О нас», но вы вовсе не хотите, чтобы по ошибке он совершил что-либо деструктивное. Это прекрасная возможность использовать редактор ролей Divi. Просто назначьте клиенту определенную роль, например «Редактор». Затем, используя редактор ролей Divi, настройте возможности для этой Роли. Вы можете сделать такие вещи: отключить библиотеку Divi, отключить доступ к глобальным модулям, отключить доступ к расширенным настройкам дизайна и вкладкам Custom CSS. Вы даже можете запретить возможность удалять и перемещать модули и разрешить редактирование только существующих модулей. Наконец, вы можете устанавливать, какие типы настроек клиент может редактировать на вкладке «Общие настройки»! Когда вы закончите, у клиента будут только инструменты, необходимые для редактирования своего контента. Понимание пользовательских ролей В WordPress вы можете выбрать из 5 различных ролей, чтобы назначить их своим пользователям. Вот краткое описание каждой из возможностей этих ролей: Администратор (Administrator) — имеет доступ ко всему. Никаких ограничений. Редактор (Editor) — имеет доступ только для редактирования всех страниц, всех сообщений, всех комментариев, всех категорий, всех тегов и всех ссылок. Не имеет доступа к настройкам более высокого уровня, например тем, плагинов или файлов ядра. Автор (Author) — имеет доступ только к своим сообщениям. Сюда входит редактирование, загрузка фотографий и публикация сообщений. Участник (Contributor) — имеет доступ к записи и редактированию своих сообщений, но не к возможности публикации. Подписчик (Subscriber) — способен получать обновления и имеет возможность читать и комментировать сообщения и сообщения. Понятно, что только две роли могут выполнять текущие изменения всех страниц и сообщений — администратора и редактора. Конечно же, вы не хотите рисковать, предоставляя вашему клиенту роль администратора. Это даст ему полный контроль над сайтом, включая возможность редактировать настройки темы, плагинов и доступ к файлам ядра. Лучшим вариантом для клиента будет роль редактора. Таким образом, он не нарушат ничего слишком важного. Привилегии темы высокого уровня В этой секции вы можете настроить доступ к параметрам высшего уровня. Они ограничивают доступ к основным пунктам меню Divi (таким как параметры Divi Theme и Theme Customizer). Интерфейс Divi Builder (Builder Interface) Здесь вы можете ограничить действия на уровня конструктора Divi Builder. Это такие действия, как возможность редактирования, удаления или перемещения элементов. Например, вы можете включить редактирование элементов, но не позволять перемещать или удалять элементы в конструкторе. Вы также можете вообще отключить доступ к Divi Builder. Настройки библиотеки (Library Settings) Этот раздел позволяет управлять доступом пользователя к библиотеке Divi. Вы также можете запретить пользователям редактировать модули GLobal. Поскольку изменения, внесенные в глобальные модули, часто имеют далеко идущие последствия, иногда безопаснее не разрешать своим клиентам редактировать их вообще. Вкладки настроек (Settings Tabs) Вкладки настроек относятся к трем категориям параметров, доступных в окне настроек для каждого модуля, строки и раздела. Этими вкладками являются: Общие настройки, Расширенные настройки дизайна и Пользовательский CSS. Вообще говоря, все, что вам нужно для создания потрясающего веб-сайта Divi, можно найти в разделе «Общие настройки», но если вы хотите получить немного более продвинутый, то вы можете перейти на вкладки «Настройки дизайна» и «Пользовательские CSS». Часто бывает полезно отключить эти последние вкладки для своих клиентов. Типы настроек (Settings Types) Помимо возможности отключения всех вкладок настроек, вы имеете возможность управлять типами настроек, доступными на этих вкладках. Это дает вам еще более тонкий контроль над тем, что ваши клиенты могут редактировать. Например, вы можете разрешить своим клиентам управлять только текстовым содержимым модулей, но не позволите им настраивать цвета и параметры макета. Использование модуля (Module Use) Наконец, вы можете запретить использование целых модулей. Когда модуль отключен для пользователя, он не сможет редактировать модули или добавлять на страницу новые модули этого типа. Например, если хотите, вы можете отключить любой модуль, кроме модулей «Текст» и «Изображение». Переносимость (Portability) В этой секции вы можете отключить возможность импортировать и экспортировать макеты Divi Builder и настройки модулей. Спасибо автору: Divi по русски
  5. Обсуждение Скачать Divi theme Больше контроля над дизайном для тех, кому это необходимо Всякий раз, когда вы редактируете модуль, строку или раздел, вы увидите три вкладки в всплывающем окне настроек: «Общие настройки», «Настройки дополнительного дизайна» и «Пользовательский CSS». Все, что нужно для создания потрясающих макетов Divi и использовать все преимущества каждого модуля, можно найти на вкладке «Общие настройки». Тем не менее, если вы хотите еще больше контролировать внешний вид модуля, вы можете добавить параметры из этих вкладок. Если вы являетесь разработчиком и хотите использовать собственные CSS, тогда вы можете перейти на вкладку «Пользовательский CSS». При совместном использовании этих вкладок, не будет таких элементов, которые нельзя настроить . Настройки дополнительного дизайна (Advanced Design Settings) Состав вкладки Advanced Design Settings варьируется от модуля к модулю. Для каждого из модулей были добавлены практически все из возможных параметров их дизайна. Все основные и более-менее часто используемые параметры дизайна, расположены на вкладке «Общие настройки». На вкладку «Настройки дополнительного дизайна» вынесены параметры для более тонкой настройки («тюнинга») каждого модуля. Если вы не можете сделать что-то со своим дизайном на вкладке «Общие настройки», вы можете перейти на вкладку «Настройки дополнительного дизайна». Из-за огромного количества настроек, доступных для некоторых модулей, мы разделили их на свои собственные вкладки, чтобы общие настройки не перегружены. Чтобы найти и использовать параметры Advanced Design Settings, просто откройте меню существующего или только что созданного модуля, строки или раздела. Затем перейдите на вкладку «Настройки дополнительного дизайна», чтобы отобразить расширенные элементы управления дизайном. Из этой вкладки вы можете сделать практически все преобразования модуля. Настройки зависят от типа модуля, который вы редактируете. Обычно вы можете найти варианты настройки типографики (такие как размер текста, расстояние между буквами, высота строки и т. д.), настройку интервалов (например, пользовательские отступы и размеры полей), параметры цвета (такие как цвет текста, цвет оверлея, фоновый цвет столбцов), а также множество уникальных настроек для различных элементов. Используя разные варианты настроек, вы можете создать действительно уникальные проекты, которые невозможно выполнить с помощью только общих настроек. Пользовательские настройки CSS (Custom CSS) На вкладке «Настройки дополнительного дизайна» присутствуют так много параметров, что вы можете делать практически все, что можно сделать и с помощью таблиц стилей CSS , и, при этом, не написать ни строчки кода. Однако, если вы являетесь разработчиком, то вы можете предпочесть написать свой собственный код вместо использования встроенных элементов управления дизайном. В этом случае вы можете использовать вкладку «Пользовательский CSS», которая находится рядом с вкладкой Advanced Design Settings в окне настроек. На этой вкладке мы разбили все структурные элементы модуля и расположили текстовые поля, где вы можете ввести свой собственный CSS. С помощью этой панели вы можете применить CSS к отдельным частям модуля. Например, вы можете применить собственный CSS непосредственно к иконке модуля Blurb или создать свой собственный «:after» псевдоэлемент прямо из окна Divi Builder. Использование этих параметров, в некоторых случаях, устраняет необходимость создания дочерних тем (Child Themes) и позволяет легко настраивать CSS для отдельных модулей на отдельных страницах. Спасибо автору: Divi по русски
  6. Forall P.

    Строки (ряды) Divi theme

    Обсуждение Скачать Divi theme Строки могут быть чрезвычайно универсальными Строки (или ряды) — это контейнеры, которые размещаются внутри разделов и секций, и характеризуются определенным набором столбцов. Как и модули, строки имеют различные параметры к которым можно получить доступ, щелкнув значок настроек в левом верхнем углу строки. В этом уроке мы рассмотрим только некоторые из функций и как их можно использовать для создания уникальных макетов. В частности, настройки строк могут использоваться для уникализации дизайна ваших макетов, созданных с помощью Divi Builder. Общие настройки Сделать этот ряд в полную ширину — если этот параметр включен, строка расширит свою ширину на всю ширину окна браузера (аналогично полноэкранной секции). Это отличный способ создать классные макеты широкоформатных столбцов. Использовать пользовательскую ширину — Вы также можете назначить ряду произвольную ширину. Например, если вы хотите добавить некоторые изменения в дизайне страницы и сделать одну из строк шире, чем остальные. При включении этого режима, вы можете ввести собственное значение ширины ряда в пикселях или процентах. Использовать Пользовательские Ширина Желоба – Явные издержки машинного перевода. Перевод слова Gutter, в нашем случае, это не желоб, а означает чистую, незапечатанную полоску между рядами почтовых марок. Этот параметр регулирует расстояние между столбцами в строке. Есть 4 размера Gutter Width, от 1 до 4. Установка на 1 означает отсутствие промежутка между столбцами. В сочетании с параметром «Сделать этот ряд в полную ширину» можно создавать эффекты, похожие на применение модуля Широкоформатное портфолио. Пользовательский внутренний отступ — если вы хотите отрегулировать отступ от границ строки до внутренних модулей, вы можете сделать это здесь. Настройте отступ конкретными значениями или оставьте поле пустым, чтобы использовать значение по умолчанию. Отключить на – выключает отображение строки на выбранных устройствах (десктоп, планшет, телефон). Настройки дополнительного дизайна Пользовательский внешний отступ – задает расстояние от границы строки до границы секции или раздела. Фоновое изображение — задает фоновое изображение, примененное ко всей строке. Цвет фона — задает цвет фона . По умолчанию строки имеют прозрачный цвет фона. Фоновое видео формата MP4 – Все видео должны быть загружены в форматах .mp4 .Webm, чтобы обеспечить максимальную совместимость во всех браузерах. Загрузите .mp4 версию здесь. Важное примечание: фоновые видео отключены на мобильных устройствах. Вместо этого будет использоваться фоновое изображение. По этой причине вы должны определить как фоновое изображение, так и фоновое видео, чтобы обеспечить наилучшие результаты. Фоновое видео Webm – Загрузите WEBM версию здесь. Ширина фонового видео – Для того, чтобы видео имело правильные размеры, вы должны ввести точную ширину видео (в пикселях) здесь. Она должна быть равна фактической ширине видео, иначе положение фона будет неправильным. Высота фонового видео — Для того, чтобы видео имело правильные размеры, вы должны ввести точную высоту видео (в пикселях) здесь. Она должна быть равна фактической высоте видео, иначе положение фона будет неправильным. Остановить видео – Останавливать ли фоновое видео, если другое видео запущено на странице. Использовать Параллакс эффект — Если включено, фоновое изображение будет оставаться фиксированным при прокрутке, создавая интересный параллакс эффект. Выровнять высоту столбца — Если включить эту опцию, все столбцы в строке будут иметь одинаковое значение высоты. Столбец Фоновое изображение — для каждого столбца в строке вы можете назначить уникальное фоновое изображение. Столбец Параллакс эффект — для каждого столбца в строке вы можете включить эффект параллакса. Столбец Цвет фона — для каждого столбца в строке вы можете назначить уникальный цвет фона. Столбец Внутренний отступ — для каждого столбца в строке вы можете присвоить уникальные значения отступов. Пользовательские CSS CSS ID — Идентификатор CSS. Вы можете назначить идентификатор CSS для строки, если хотите использовать для строки таблицы стилей. Класс CSS — Вы можете назначить класс CSS для строки. Столбец CSS ID – назначение идентификатора для любого из столбцов строки. До — CSS-код, который будет применяться перед основной строкой. Основной элемент— CSS-код для применения к основной части строки. После— CSS-код, который следует применить после основной строки. Столбец До (Основной элемент, После) – вставка CSS-кода отдельно для каждого столбца в строке. Пример использования параметров строки Теперь, когда мы просмотрели все настройки, давайте проверим несколько комбинаций, чтобы показать, как изменяется дизайн страницы при изменении параметров строки. В этом примере мы будем использовать параметр «Сделать этот ряд в полную ширину». Возможность сделать строку «полноширинной» — одна из самых универсальных опций в настройках. Она позволяет расширить строку до краев браузера, как и при использовании полноэкранной секции. Однако, в отличие от такой секции, «полноширинный» ряд может включать в себя несколько столбцов с любыми установленными стандартными модулями! В приведенном ниже примере мы создали в строке 4 столбца и добавили модуль изображения в каждый из них. Затем включаем параметр «Сделать этот ряд в полную ширину» чтобы растянуть строку до краев окна браузера. Затем установим параметр » Использовать Пользовательскую Ширину Желоба » в «1», чтобы удалить расстояние между столбцами в строке. И, наконец, удаляем заполнение над и под строкой, изменив значения «Пользовательский внешний отступ» сверху и снизу на «0». Спасибо автору: Divi по русски
  7. Обсуждение Скачать Divi theme Секции и разделы – это самые крупные организационные элементы Divi Разделы и секции — самые большие строительные блоки в Divi builder. Вы можете рассматривать их как горизонтальные блоки, которые могут группировать ваш контент в визуальные области. В Divi все, что вы строите, начинается с раздела. Это оболочка вашего контента. Она имеет различные параметры, которые можно использовать для создания действительно удивительных вещей. Фоновое изображение — Если определено, это изображение будет использоваться в качестве фона для этого модуля. Для удаления фонового изображения, просто удалите URL в поле настроек. Прозрачный цвет фона - Включение этой опции удалит цвет фона этого раздела, что позволяет показать цветовой фон веб-сайта или фоновое изображение. Цвет фона — Определяет цвет фона для вашего модуля. Оставьте поле пустым, чтобы использовать цвет по умолчанию. Фоновое видео MP4 — Все видео должны быть загружены в форматах .mp4 .Webm, чтобы обеспечить максимальную совместимость во всех браузерах. Загрузите .mp4 версию здесь. Важное примечание: фоновые видео отключены на мобильных устройствах. Вместо этого будет использоваться фоновое изображение. По этой причине вы должны определить как фоновое изображение, так и фоновое видео, чтобы обеспечить наилучшие результаты. Фоновое видео WEBM — Все видео должны быть загружены в форматах .mp4 .Webm, чтобы обеспечить максимальную совместимость во всех браузерах. Загрузите .WEBM версию здесь. Важное примечание: фоновые видео отключены на мобильных устройствах. Вместо этого будет использоваться фоновое изображение. По этой причине вы должны определить как фоновое изображение, так и фоновое видео, чтобы обеспечить наилучшие результаты. Фоновая ширина видео — Для того, чтобы видео имело правильные размеры, вы должны ввести точную ширину видео (в пикселях) здесь. Высота фонового видео — Для того, чтобы видео имело правильные размеры, вы должны ввести точную высоту видео (в пикселях) здесь. Остановить видео — Останавливать видео, если другое видео запущено на странице. Показать внутреннюю тень — здесь вы можете выбрать, имеет ли ваша секция внутреннюю тень или нет. Это может прекрасно выглядеть, когда у вас есть цветной фон или фоновое изображение. Эффект параллакса — если включено, фоновое изображение останется фиксированным при прокрутке страницы, создавая интересный параллакс-эффект. Пользовательский внутренний отступ — Настройте отступ конкретными значениями или оставьте поле пустым, чтобы использовать отступ по умолчанию. Отключить на — Это выключит модуль на выбранных устройствах (десктоп, планшет или телефон). Использование полноэкранных секций Полноэкранные секции открывают вам доступ к отдельному набору полноэкранных и широкоформатных модулей. Эти модули, в отличии от стандартных, используют всю ширину браузера. Эти модули могут быть размещены только в полноэкранных секциях. После того, как вы добавите новую полноэкранную секцию на свою страницу, вы можете нажать кнопку «Добавить модули» для вставки широкоформатных модулей. В отличие от стандартного раздела, здесь нет понятия строк или столбцов, так как эти модули всегда используют 100% экрана. Полноэкранные модули – это отличный способ добавить визуальный разрыв страницы! Отличным примером полноэкранного модуля является широкоформатный слайдер. Этот слайдер работает так же, как и обычный слайдер, за исключением того, что он занимает все 100% ширины экрана. Отображение слайдера в таком масштабе может быть довольно ошеломляющим, просто посмотрите пример divi demo. Использование специальных секций Специальные секции были созданы, чтобы создавать более сложные структуры столбцов (колонок). В отличие от обычных разделов, когда вы используете специальную секцию, вы можете добавить сложные варианты столбцов рядом с полными вертикальными боковыми панелями, не добавляя нежелательных разрывов на странице. Такие типы макетов невозможно создать, используя только стандартные разделы. Как только вы добавите на страницу специальную секцию, вы заметите, что в одной или двух областях имеется кнопка «добавить модуль», а в другой — кнопка «вставить колонку». Область «вставить модуль» представляет вашу вертикальную боковую панель. Вы можете добавить в неё необходимое количество модулей, и они будут занимать всю вертикаль, формируя боковую панель. Нажатие «вставить строку» позволит вам вставить дополнительные ряды слева / справа от боковой панели. В первом приближении, это можно рассматривать как добавление строк в строки! Результатом является способность создавать практически любую структуру столбцов, о которой вы могли мечтать, и независимо от того, какую структуру вы выбрали, сочетание будет отлично смотреться! Ниже приведен пример макета страницы, созданного с использованием специальных разделов. Как вы можете видеть, это двусторонний макет, с двумя боковыми панелями слева / справа от сложной структуры столбца посередине. Спасибо автору: Divi по русски
  8. Обсуждение Скачать Divi theme Доступ к настройкам темы и модуля Настройщики темы и модулей дают вам возможность контролировать почти каждый элемент вашей страницы. Хотите настроить размер шрифта или интервал строк в тексте или элементе вашего сайта одним нажатием кнопки? Настройщики позволяют это сделать! К панелям настройщиков можно получить доступ через Divi> Настройщик темы (Theme Customizer) и Divi> Настройщик модулей (Module Customizer) в вашей панели инструментов WordPress. Настройщик темы позволяет вам управлять общими элементами темы, такими как размер вашего меню и логотипа, стили текста тела и заголовка. Настройщик модулей предоставляет вам управлять размерами модуля и параметрами шрифта для каждого отдельного модуля. Вы хотите уменьшить высоту всех слайдерных модулей на вашем сайте? Это можно сделать всего за несколько секунд с помощью Настройщика модулей! Давайте познакомимся с ними поближе. Обзор настройщика темы Сначала мы рассмотрим настройщик темы. Здесь есть сотни опций, разделенных на разные категории. Когда вы впервые откроете настройщик, вы увидите несколько панелей, таких как «Header & Navigation» и «Общие настройки». Открытие этих панелей покажет параметры, связанные с этими областями вашего сайта. Любые изменения параметров в настройщике мгновенно отображаются на экране, позволяя визуально наблюдать их влияние на дизайн сайта. После сохранения изменений новые стили будут отображаться на вашем веб-сайте. Вы можете сделать практически любые изменения темы с помощью Настройщика, не касаясь ни строчки кода. Обзор настройщика модулей Настройщик модулей работает так же, как и Настройщик темы, за исключением того, что он фокусируется на настройке отдельных модулей. Когда вы откроете Настройщик модулей, вы увидите отдельную панель для каждого из модулей Divi. При открытии этих панелей будут показаны элементы управления кастомизацией, которые можно использовать для настройки интервала и типографики каждого модуля на всем веб-сайте. Например, если вы считаете, что шрифт в заголовке Полноширинного слайдера (FullWidth Slider) слишком велик, вы можете просто открыть его панель и настроить размера шрифта заголовка при помощи ползунка. Теперь, когда вы добавляете новый Полноширинный слайдер на страницу, он будет отображен с новым размером шрифта заголовка. Не нужно использовать дочернюю тему (Child Theme) или настраивать параметры каждого модуля через расширенные настройки. Настройщик модулей предоставляет доступ к глобальным элементам управления модулями. Спасибо автору: Divi по русски
  9. Обсуждение Скачать Divi theme Библиотека Divi — это ваш основной инструментарий для веб-дизайна. Здесь вы можете хранить ваши любимые макеты, разделы, строки или модули для последующего повторного использования. Всякий раз, когда вы сохраняете элемент в своей библиотеке Divi, вы можете легко получить доступ к нему из модального окна при добавлении новой страницы, модуля, раздела или строки на страницу. Сэкономьте себе часы времени разработки, создав коллекции ваших любимых комбинаций модулей. Вы проводили часы, настраивая вкладки Advanced Design Settings и Custom CSS модуля, чтобы создать совершенно уникальный вид для вашего нового веб-сайта? Почему бы не сохранить все эти настраиваемые модули в своей Библиотеке, чтобы вы могли использовать их в будущем, не создавая заново! Как только вы создали свою коллекцию в библиотеке, вы обнаружите, что начать создавать новые веб-сайты станет намного проще. На самом деле, вам, возможно, больше не понадобится создавать тему Child! Когда вы разработаете свою собственную библиотеку пользовательских модулей, строк и разделов, вы можете экспортировать эти элементы и импортировать их при создании новых веб-сайтов, чтобы ускорить процесс проектирования. Библиотека Divi — это больше, чем просто коллекция сохраненных макетов. Каждый элемент библиотеки может быть сделан «глобальным». Глобальные модули синхронизируются и зеркалируются везде, где они размещены. Всякий раз, когда глобальный модуль изменяется, он автоматически обновляется на всех страницах, на которые вы его добавили! В этом смысле Divi становится не просто компоновщиком страниц, а конструктором веб-сайтов. Например, вы можете создать раздел Global, который добавляется в нижний колонтитул каждой страницы вашего сайта. Обновите эту глобальную секцию один раз и обновите нижний колонтитул всего вашего сайта мгновенно. Модули в библиотеке также могут выборочно синхронизировать свои настройки. Например, если вы настроили модуль с помощью вкладок Advanced Design и Custom CSS, вы можете сохранить модуль в библиотеке, сохраняя только настройки в этих двух областях. Если такой модуль сделать «глобальным», то ваши Настройки дополнительного дизайна(Advanced Design) и Пользовательского CSS (Custom CSS) будут синхронизированы, но общие настройки (содержащие контент вашего модуля) могут быть разными на каждой странице, на которой используется модуль. Сохранение новых элементов в библиотеке Всякий раз, когда вы редактируете модуль, строку или раздел в Divi Builder, у вас будет возможность сохранить этот элемент в библиотеке для последующего использования. При редактировании элемента на вашей странице вы увидите две различные кнопки сохранения: «Сохранить и выйти» и «Сохранить и добавить в библиотеку». Оба параметра будут сохранять элемент, с которым вы работаете на текущей странице. Однако, если вы выберете «Сохранить и добавить в библиотеку», элемент, с которым вы работаете, также будет добавлен в библиотеку. Как только он добавляется в библиотеку, вы можете в любое время получить доступ к этому элементу через ссылку Divi-> Библиотека Divi в вашей панели инструментов WordPress. Вы можете добавить сохраненный элемент на новую страницу через вкладку «Добавить из библиотеки» при добавлении нового модуля строки или раздела на вашей странице. После нажатия кнопки «Сохранить и добавить в библиотеку» вам будет предложено заполнить некоторую информацию о вашем новом элементе библиотеки. Вы можете дать вашему новому элементу имя, выбрать, какие настройки вы хотите сохранить, добавить элемент в категорию, а также сделать его «глобальным». Для получения дополнительной информации о глобальных элементах обязательно прочитайте учебник по глобальным модулям. После того, как вы заполнили всю необходимую информацию, нажмите «Сохранить», чтобы завершить процесс и добавить новый элемент в библиотеку. Создание и управление элементами в библиотеке Всякий раз, когда вы добавляете новый элемент в свою библиотеку, им можно управлять и редактировать на странице Divi -> Библиотека Divi в вашей панели инструментов WordPress. При доступе к этой странице вы получите список всех ваших элементов библиотеки. Вы можете отсортировать список с помощью полей в верхней части страницы, а также, отредактировать любые элементы своей библиотеки, щелкнув ссылку «изменить» рядом с элементом в списке. Выше было описано, как добавить элемент в библиотеку когда вы используете Divi Builder. Но вы так же можете создавать новые объекты прямо со станицы библиотеки Divi. После создания нового элемента библиотеки он будет доступен на вкладке «Добавить из библиотеки» при использовании Divi Builder. Чтобы создать новый элемент, нажмите кнопку «Добавить новый» в верхней части экрана рядом с заголовком Макеты на странице Divi -> Библиотека Divi панели инструментов WordPress. Добавление элементов библиотеки на свою страницу Как только элемент был добавлен в вашу библиотеку Divi, к нему можно получить доступ при создании новых страниц. Всякий раз, когда вы добавляете новый модуль, строку или макет на свою страницу, вы видите вкладку «Добавить из библиотеки». Нажатие этой вкладки откроет все элементы в вашей библиотеке. Нажмите на элемент, который вы хотите добавить на свою страницу. Спасибо автору: Divi по русски
  10. Обсуждение Скачать Divi theme Что такое Visual Divi Builder? Divi Builder представлен в двух формах: cтандартный «Divi Builder» панели управления WordPress и внешний «Visual Builder», работающей прямо на открытой в браузере странице сайта . Оба этих конструктора позволяют создавать одинаковые типы веб — сайтов с одинаковым содержанием элементов и настроек дизайна. Единственным их отличием является интерфейс. Divi Builder живет внутри WordPress панели и к нему можно обращаться наряду со всеми другими стандартными настройками WordPress. Он зашит внутри пользовательского интерфейса WordPress и может заменять стандартный редактор WordPress. Это отлично подходит для внесения быстрых изменений, в то время как вы находитесь в панели Вордпресс. Он отображает структуру вашей страницы или поста в виде блоков. Поскольку эта статья будет концентрироваться только на Visual Builder, поэтому, если вы хотите узнать больше о Divi Builder прочитайте о нем о нем здесь. Новый визуальный конструктор, с другой стороны, позволяет создавать и редактировать страницы прямо на вашем сайте! Это позволяет работать намного быстрее. При добавлении нового содержания или изменении настроек дизайна при помощи визуального конструктора, изменения отображаются мгновенно и очень наглядно. Вы можете просто кликнуть на страницу и начинать печатать. Можно выделить текст, настроить шрифт и стиль. Можно добавлять новый контент, структурировать свою страницу и смотреть как все изменения происходят прямо у вас на глазах. Включение Visual Divi Builder Если вы находитесь в панели управления WordPress, вы можете перейти в режим просмотра страницы и нажать на кнопку «Включить визуальный Builder» в верхнем баре WordPress. Или же можно переключиться в визуальный редактор, нажав кнопку «Использовать визуальный Builder» в редакторе WordPress (обратите внимание, что предварительно вы должны нажать кнопку “Использовать Divi Builder”, тогда появится кнопка «Использовать визуальный Builder»). Основы Divi Builder Вся мощь Divi сосредоточена в Divi Builder-е, интуитивном конструкторе страниц, который позволяет создавать веб-сайты практически любого типа путем объединения и организации элементов контента. Конструктор использует три основных типа строительных блоков: Разделы (или секции), ряды (строки) и модули. Их комбинирование позволяет создавать бесчисленное множество макетов страниц. Разделы являются крупнейшими строительные блоками, и они включают в себя группы рядов. Ряды располагаются внутри секций и используются для размещения различных модулей. Модули размещаются внутри строк. Это структура любого сайта Divi. Разделы (секции) Самые основные и крупные строительные блоки , используемые при разработке макетов. Они используются для создания больших групп контента, и они первым делом добавляются на страницу. Есть три типа разделов: Стандартный раздел, Полноширинная секция и Специальная секция. Стандартный раздел состоит из одного или нескольких столбцов и использует стандартные модули. Полноширинная секция использует собственные полноширинные модули, которые занимают всю ширину экрана. Специальные секции позволяют создавать более продвинутые макеты включающие боковые панели. Ряды (строки) Ряды находятся внутри секций , и вы можете размещать любое их количество внутри секции. Ряд может содержать определенное количество столбцов (колонок) различной ширины. После того, как вы определитесь со структурой столбцов для строки, можно размещать модули. Нет никаких ограничений на количество модулей , которые вы можете разместить внутри колонки. Модули Модули являются элементами контента из которых строится ваш сайт. Каждый Divi модуль может быть помещен в колонку любой ширины. Все модули полностью адаптивны. Создание первой страницы Три основных строительных блока (раздел, ряды и модули) будут используются для построения вашей страницы. Добавляем первый раздел Прежде чем вы сможете что-либо добавить на свою страницу, в первую очередь будет нужно добавить раздел (секцию). Секции могут быть добавлены нажатием на синюю кнопку ( + ). При наведении курсора на раздел, который уже существует на странице, синяя кнопку (+) появятся снизу этого раздела. При нажатии на неё новый раздел будет добавлен ниже раздела в котором вы находитесь в данный момент. Если вы создаете новую страницу, то ваш первый раздел будут добавлены автоматически. Добавляем первый ряд После добавления первого раздела, вы можете начать добавлять в него ряды колонок. В разделе можно разместить любое количество рядов, и вы можете смешивать и сочетать ряды с различными столбцами (колонками) для получения различных макетов. Чтобы добавить строку, нажмите зеленую кнопку (+) внутри любого пустого раздела, или нажмите зеленую кнопку (+) который появляется при наведении курсора на любую текущую строку, чтобы добавить новую строку ниже. После того как вы нажали зеленую кнопку ( + ), появится список типов столбцов. Выберите нужный вариант. Теперь вы готовы добавить свой первый модуль. Добавляем первый модуль Модули могут быть добавлены внутри строк, и каждая строка может вместить любое количество модулей. Модули — это элементы содержания вашей страницы, и Divi поставляется с более чем 40 различными элементами, которые можно использовать для строительства сайта. Вы можете использовать базовые модули, такие как текст, изображения и кнопки, или более продвинутые модули, такие как слайдеры, портфолио, галереи и магазины электронной коммерции. Чтобы добавить модуль, нажмите на серую кнопку ( + ) внутри любого пустого столбца или нажмите серую кнопку ( + ), появляющуюся при наведении указателя мыши на уже существующий на странице модуль, чтобы добавить новый модуль ниже. После нажатия на кнопку откроется список модулей. Выберите нужный модуль, он будет добавлен на вашу страницу, при этом появится панель настроек модуля. С помощью этой панели, вы можете настроить установленный модуль. Конфигурирование и настройка разделов, строк и модулей Любой раздел, строка или модуль может быть настроен различными способами. Вы можете получить доступ к панели настройки элемента, нажав на значок шестеренки, который появляется при наведении курсора на любой элемент страницы. При этом откроется панель настроек для указанного элемента. Каждая панель настроек разбита на три вкладки: Общие, Дизайн и CSS. Как правило, все, что вам нужно, чтобы построить веб-сайт может быть найдено на вкладке Общие. Здесь вы можете скорректировать содержимое модуля и поменять некоторые базовые параметры, такие как размер и цвет шрифта или цвета фона. Если вам нужно расширенное редактирование, вы можете направиться в разделе Дизайн. Здесь вы можете настроить абсолютно все параметры элемента. Наконец, если вы хотите еще большего, можете направиться на вкладку CSS и применить пользовательские таблицы стилей для любой части модуля. Сохранение страницы и доступ к параметрам Чтобы открыть Общие настройки страницы, нажмите на фиолетовую иконку с тремя точками в нижней части экрана. Это раскроет бар панели параметров и предоставит вам различные варианты действий. Чтобы открыть настройки страницы, нажмите на значок шестеренки. Здесь можно настроить цвет фона страницы и цвет текста, а также сохранить страницу. В левом нижнем углу появится панелька для включения просмотра страницы на мобильных устройствах. Начните создание сайта с готовых макетов Отличный способ создания новой страницы, это использование готовых макетов. Divi поставляется с более чем 20 готовыми макетами, содержащими различные общие типы страниц, например “Главная», «О нас», «Контакты», «Блог», «Портфолио» и т.д. Вы можете загрузить их, а затем поменять демо-контент на ваш собственный. Всё, ваша новая страница готова! Сохранение макетов в библиотеку Кроме использования готовых макетов Divi, вы также можете сохранять ваши собственные творения в библиотеку Divi. Когда страница сохранена в качестве макета в библиотеке, он может быть загружен на новые страницы. Чем более объемной будет ваша библиотека, тем быстрее вы сможете создавать новые сайты. Для сохранения макета страницы в библиотеку, щелкните значок “Сохранить в библиотеку”, который появляется при наведении курсора на любой элемент или в нижнем баре панели параметров. После того, как элемент был добавлен в библиотеку, он появится во вкладке «Добавить из библиотеки» при добавлении новых макетов Диви, разделов, строк или модулей. Спасибо автору: Divi по русски
  11. Обсуждение Скачать Divi theme Основные элементы конструктора Divi Builder Divi уникальная тема в коллекции Elegant Themes. Отличие Divi от всех остальных Elegant тем (кроме темы Extra), в том, что она построена на платформе конструктора страниц Divi Builder, который был разработан с нуля. Используя принцип drag and drop, вы с легкостью можете создавать красивые макеты страниц и поддерживать полный контроль над любой частью вашего сайта. Конструктор использует три основных строительных блока: Секции (или разделы), строки (или ряды) и модули. Использование этих структурных блоков позволяет создать бесчисленное количество макетов страниц. Основная иерархия этих элементов выглядит следующим образом: Секции Самые основные и крупные блоки, используемые в проектировании макетов с Divi Builder – это секции ( иногда, в русском переводе, они еще обозначаются как разделы). Они используются для создания верхнего уровня структуры вашего сайта. Существует три типа разделов: обычный раздел, полноэкранная секция и специальная секция. Обычные разделы состоят из строк со столбцами, а полноэкранные секции состоят из модулей полной ширины. В специальной секции добавлены особые вертикальные столбцы, проходящие через несколько рядов. Подробнее о строках и модулях ниже. Строки Строки (еще в переводе встречается название ряды) находятся внутри секций. Вы можете поместить любое количество строк в секцию. Есть много различных типов строк, отличающихся количеством и шириной содержащихся в них колонок (столбцов). После того, как вы выбрали тип строки, то вы можете размещать модули в выбранной структуре столбцов. Нет никакого ограничения на число модулей, которые вы можете разместить в столбце. Модули Модули – это визуальные элементы, из которых состоит ваш сайт (текст, картинки, заголовки, видео, формы и т.п.). Все модули, которые использует тема Divi, могут быть вставлены в столбец любой ширины и они полностью адаптивны для экранов различной ширины. Приступаем к работе При создании новой страницы, вы видите стандартное окно редактора WordPress. Если вы используете тему Divi, там будет добавлена синяя кнопка “Использовать Divi Builder“. Нажатие на неё откроет основной экран конструктора. Примечание: если у вас на странице был существующий контент, он, по умолчанию, будет полностью помещен в одиночный текстовый модуль. Если вы хотите разделить свой контент по разным модулям, вам придется переносить его по модулям вручную. Параметры макетов Divi конструктора Сохранить в библиотеку В любой момент вы можете сохранить макет, который вы создали, в вашей библиотеке Divi, чтобы иметь возможность использовать его в дальнейшем. Этот вариант отлично подходит для использования макета на другой странице, в разделе страницы, или даже на другом сайте, построенном с Divi. Загрузить из библиотеки Вы можете загрузить макет, который вы сохранили в прошлом, из вашей библиотеки Диви в любое время. Кроме того, тема Divi поставляется с более чем двадцатью готовыми макетами, которые появятся в вашей библиотеке при установке темы. Загрузка одного из этих макетов может стать отличным решением при начальном этапе создания сайта. В любом случае, у вас есть возможность выбирать из списка готовых макетов или любых макетов, которые вы сохранили/импортировали. Очистить макет Иногда нужно просто начать с чистого листа. Если вы чувствуете необходимость начать все с нуля, просто нажмите кнопку “Очистить макет”. Это позволит удалить все, что вы построили до этого на странице. Ниже этих трех кнопок находится ваш макет Divi Builder. Здесь вы будете добавлять Разделы, Строки и Модули на свою страницу. Когда вы впервые включите Divi Builder, все, что вы увидите, это раздел, содержащий пустую строку. Параметры секции Всякий раз, когда вы добавляете раздел или секцию, вам нужно будет определить их свойства. Нажав на значок меню раздела в верхней части синей боковой панели, вы попадете в Настройки раздела. Обязательно ознакомьтесь с нашим подробным руководством о параметрах раздела, чтобы узнать, как работает каждый из этих параметров, и как использовать их вместе. Общие настройки Фоновое изображение — если загружено, то это изображение будет использоваться в качестве фона для этого раздела. Чтобы удалить фоновое изображение просто удалите его URL в поле настроек. Фоновые изображения раздела распространяются на всю ширину браузера. Поэтому мы рекомендуем, чтобы фоновые изображения имели ширину не менее 1080 пикселей. Прозрачный цвет фона. Включение этой опции удалит цвет фона раздела, что позволяет показать цветовой фон всего веб-сайта или фоновое изображение. Цвет фона. Если вы хотите просто использовать сплошной цветной фон для своего раздела, используйте палитру цветов для выбора цвета. Фоновое видео формата MP4 — Все видео должны быть загружены в форматах .mp4 .Webm, чтобы обеспечить максимальную совместимость во всех браузерах. Загрузите .mp4 версию здесь. Важное примечание: фоновые видео отключены на мобильных устройствах. Вместо этого будет использоваться фоновое изображение. По этой причине вы должны определить как фоновое изображение, так и фоновое видео, чтобы обеспечить наилучшие результаты. Фоновое видео Webm — Загрузите .WEBM версию здесь. Высота фонового видео — Для того, чтобы видео имело правильные размеры, вы должны ввести точную высоту видео (в пикселях) здесь. Остановить видео – Останавливать ли фоновое видео, если другое видео запущено на странице. Показать внутреннюю тень — Здесь вы можете выбрать, имеет ли ваша секция внутреннюю тень. Это может выглядеть здорово при цветном фоне или при фоновых изображениях. Использовать Параллакс эффект — Если включено, фоновое изображение будет оставаться фиксированным при прокрутке, создавая интересный параллакс эффект. Метод Parallax — Определяет метод, используемый для параллакс эффекта. Пользовательский внутренний отступ – Определяет расстояние от границы раздела до границ строк. Заполните отступы конкретными значениями или оставьте поле пустым, чтобы использовать отступ по умолчанию. Отключить на — Можно выбрать будет ли отображаться раздел на выбранных устройствах (телефон, планшет, десктоп). Метка администратора – определяет название раздела. Пользовательский CSS CSS ID – Задает идентификатор, который будет использоваться для этого раздела. Идентификатор может быть использован для создания пользовательских таблиц стилей или для создания ссылок на конкретные разделы страницы. CSS CLass – Задает дополнительные классы CSS, которые будут использоваться для этого раздела. Класс CSS можно использовать для создания пользовательских стилей CSS. Вы можете добавить несколько классов, разделив их пробелом. Поля До, Основной элемент, После – задают параметры классов CSS раздела. Добавление и определение типа строки После сохранения настроек раздела вам нужно будет вставить строку и определить тип строки. Нажав на «Вставить колонку(и)», вы сможете выбрать один из нескольких вариантов строк. В строках также есть много параметров, которые можно использовать для настройки внешнего вида и изменения структуры макета. Добавление модуля После того, как вы выбрали тип строки, вам будет предложено вставить модули в эту строку. В приведенном ниже примере, мы добавили строку, состоящую из двух столбцов. Когда необходимо вставить модуль, вам нужно нажать “Вставить модуль (модули)” и выбрать из открывшегося списка нужный модуль Divi. Каждый модуль имеет различное назначение и различный набор опций. Расширение макета В приведенном ниже примере мы заполнили две колонки модулем изображения и текстовым модулем. Теперь вы успешно определили Раздел со Строкой и с Модулями в виде двух столбцов. Вы можете получить доступ к их параметрам, щелкнув значок меню (это значок с тремя полосками) на каждом из блоков. Удалить любой блок можно нажав значок X. Для расширения макета, вы можете либо добавить новый раздел на страницу, либо строку в существующий раздел, либо модуль в существующий столбец. Добавление полноэкранной и специальной секции Внизу каждого раздела вы можете выбрать «Добавить стандартный раздел / Полноэкранная секция / Специальная секция/ Добавить из библиотеки». Полноэкранные секции уникальны тем, что у них нет строк. Поэтому в эти секции вставляются особые полноэкранные модули. Полноэкранные секции визуально определяются фиолетовой боковой панелью и могут быть размещены в любом месте вашего макета. В приведенном ниже примере мы добавили полноэкранный раздел с широкоформатным слайдером в наш макет. Специальные разделы отличаются от остальных тем, что каждая специальная секция имеет горизонтальную строку, которая расширяется на высоту всего раздела. Это позволяет создавать классические «боковые» макеты, где одна боковая панель расположена рядом с более сложными структурами столбцов. В примере показана специальную секцию с двумя боковыми столбцами. Вы также можете загружать разделы, которые сохранили ранее в свою библиотеку, нажав ссылку «Добавить из библиотеки». Изменение структуры макета Редактирование макета очень легко с помощью функции перетаскивания. Если вы хотите переместить раздел выше или ниже другого, просто зацепите его мышкой и перетащите в нужное место. То же самое касается строк и модулей. Вы даже можете перемещать строки в другие разделы и модули в разные столбцы. Единственным ограничением является то, что вы не можете перетаскивать полноэкранные модули в обычные секции и, наоборот, стандартные модули в полноэкранную секцию. В приведенном ниже примере, вы можете увидеть, что полноэкранная секция перемещена в верхнюю часть макета нашего макета, а специальный раздел передвинут в среднюю часть, между разделами. Сохраните и опубликуйте! Когда вы закончите создание своего макета, используйте кнопку «Обновить / Опубликовать» в панели инструментов WordPress. Наверняка, вам понравится результат! Возврат к редактору по умолчанию Если вы попытаетесь вернутся к использованию редактора страниц по умолчанию, вы будете предупреждены о том, что все содержимое, созданное вами с помощью Divi Builder, будет потеряно, а ваше предыдущее содержимое, сделанное в стандартном редакторе WordPress, будет восстановлено. Поэтому, в качестве страховки, сохраните ваш макет заранее, на тот случай, если вы когда-нибудь захотите восстановить его. Спасибо автору: Divi по русски
  12. Forall P.

    Описание Divi theme

    Обсуждение Скачать Divi theme Визуальное конструирование и редактирование любых элементов страницы Divi работает с Divi Builder-ом — безумно быстрым и интуитивно-понятным графическим редактором, подобного которому вы раньше не видели. Это изменит способ создания веб-сайтов навсегда. Веб-дизайн в реальном времени Когда вы вносите изменения на своей странице, она мгновенно обновляется прямо на ваших глазах. Без всякой перезагрузки! Просто кликайте и печатайте Нет необходимости открывать панель настроек для добавления текстового содержимого. Просто кликните на свою страницу и начните печатать! Настройка всех элементов Каждый элемент полностью настраивается. Настраивайте шрифты, цвета, размеры, интервалы и стили любого элемента страницы. Адаптивное редактирование Настраивайте предварительный просмотр для настольных компьютеров и мобильных устройств в реальном времени. Легкая компоновка Добавляйте новые строки, вставляйте различные типов столбцов — все будет идеально совмещено и скомпоновано. Глобальные элементы Синхронизируйте общие для нескольких страниц элементы. Обновите их один раз, и они будут обновляться для каждой страницы. Отлично подходит для футеров! 46 элементов контента Divi поставляется с 46 различными элементами контента. Смешивайте, компонуйте и создавайте все, что вы можете себе представить. Импорт и Экспорт Сохраняйте созданные макеты в библиотеке для последующего использования. Импортируйте, экспортируйте, загружайте и выгружайте макеты из Интернета. Без нагрузки Visual Divi Builder безумно быстр. Он не требует обновления страниц и практически не нагружает сервер. Готовые макеты Начните процесс проектирования, используя один из 20 заранее подготовленных макетов, поставляемых вместе с конструктором. Возможности Visual Page Builder Оперативное редактирование Просто кликните на странице и начинайте печатать, чтобы добавить новый текст. Выделите текст и настройте свой шрифт, цвет, стиль и многое другое. Это потрясающе! Растягивающиеся блоки Изменяйте ширину и высоту блоков простым перетаскиванием в визуальном редакторе. Вы точно полюбите этот способ редактирования. Настраиваемый пользовательский интерфейс Divi Builder является первым в WordPress конструктором страниц, предлагающим действительно полностью настраиваемый интерфейс. Настраивайте элементы интерфейса для редактирования страниц, так как вам нужно. Мгновенное изменение контента Добавляйте новые строки, столбцы и элементы контента с непревзойденной легкостью. Дублируйте, удаляйте, копируйте и вставляйте. Все происходит мгновенно. Это чистая магия! Адаптивное редактирование Теперь легче, чем когда-либо, сделать ваш сайт адаптивным. Переключайтесь между предварительным просмотром на мобильных, планшетных и телескопных устройствах. Настраивайте дизайн для каждого устройства независимо друг от друга. Drag & Drop Организовать ваш контент в Divi Builder стало намного проще. Просто перетащите и бросьте блок на свое место! Модули на любой случай 37 готовых модулей позволяют сконструировать страницу за считанные минуты Новые дизайнерские и маркетинговые инструменты Поставляется с 20+ готовыми шаблонами Divi поставляется с более чем с 20 готовыми макетами прямо из коробки. Эти макеты можно использовать для создания новых проектов, что позволяет публиковать новые страницы в считанные минуты. Загрузите их, поменяйте демо-контент на свой, и всё! Готовые шаблоны — отличный способ для новичков узнать больше о Divi Builder. Создавайте и сохраняйте свои собственные макеты Divi Готовые Divi макеты могут быть сохранены в вашей библиотеке Divi, а затем вновь загружены на новых страницах. Создайте свою библиотеку с вашими собственными любимыми макетами и используйте их, чтобы сэкономить часы на ваших будущих клиентских проектах. Это как иметь сотни тем в одной! Увеличивайте продажи при помощи плагинов Monarch и Bloom Маркетинг — это то, что часто упускают из виду при запуске нового веб-сайта. С плагином социального обмена Monarch и плагином электронной рассылки Bloom вы сможете с легкостью усилить свои маркетинговые стратегии. Если вы на своих сайтах не собираете собственный список рассылки или не создаете активность в социальных сетей , вы много теряете! Эти инструменты позволяют получить хороший дополнительный доход. Спасибо автору: Divi по русски
  13. Обсуждение Скачать Divi theme Где их найти Для начала вам нужно будет добавить новую страницу или проект и включить Divi Builder. В параметрах конструктора выберите «Загрузить из Библиотеки». Откроется окно «Загрузить макет» и вкладка «Предварительные шаблоны». Divi поставляется с разнообразными готовыми макетами. Поскольку они поставляются с уже установленными модулями и с загруженным демо-контентом, это является отличным способом начать работу. Основной рабочий процесс при использовании готовых макетов Divi заключается в замене существующих элементов, таких как изображения и текст, на собственный контент. Список готовых макетов Выбрав макет из полного списка готовых макетов Divi, вы можете загрузить его в пустую страницу, или в уже существующий макет, можно с заменой всего контента. Загрузка готового макета Нажав кнопку «Загрузить» напротив любого из готовых макетов, вы загрузите его содержимое на свою страницу. Ниже приведен пример готового макета в Builder (слева) и то, как он выглядит, если вы опубликуете эту страницу (справа). Заменяя каждый элемент на странице собственным контентом, вы можете построить красивый, сайт всего за несколько минут. В нашем примере мы заменим название, изображение и кнопку слайдера, текст баннера, рекламные объявления и промо-название для создания туристического сайта. Нажав значок меню на каждом блоке в конструкторе, вы получите полный доступ к параметрам модуля для настройки каждого элемента. Подробнее о том, как редактировать элементы внутри конструктора, см. обзор Divi Builder. Ниже приведен возможный результат, который вы можете получить от использования этого макета. Гибкость Красота и гибкость этих макетов заключается в том, что вы можете редактировать их так, как вам хочется. Например, если вам нравится этот макет, но вам не нужен модуль с кнопкой призыва к действию «Перейти в галерею», просто удалите его в конструкторе и он исчезнет! Ниже показано, как это будет выглядеть на странице вашего макета в конструкторе и на странице вашего сайта. Спасибо автору: Divi по русски
  14. Forall P.

    Divi WordPress Theme скачать

    Просмотреть файл Divi WordPress Theme Скачать бесплатно Elegant Themes Divi WordPress Theme Premium Nulled Divi. Премиум тема WordPress и визуальный конструктор страниц Divi работает на Divi Builder, невероятно быстром и невероятно интуитивно понятном редакторе внешнего интерфейса, который вы еще не видели. Это навсегда изменит способ создания сайтов. Дизайн в реальном времени Когда вы вносите изменения в свою страницу, все мгновенно обновляется прямо на ваших глазах. Дизайн мгновенно! Настроить все Каждый элемент полностью настраиваемый. Корректируйте шрифты, цвета, размеры и интервалы и даже применяйте собственные CSS. Организовать с легкостью Добавьте новую строку, выберите между различными типами столбцов, и все автоматически встанет на свои места. 46 элементов содержимого Divi поставляется с 46 различными элементами контента. Смешивайте, сочетайте и создавайте практически все, что вы можете себе представить. Быстрая загрузка Divi Builder безумно быстр. Это не требует обновления страниц и практически нулевой загрузки любого вида. Просто нажмите и введите Нет необходимости открывать панель настроек для добавления текстового содержимого. Просто нажмите на свою страницу и начните печатать! Отзывчивое редактирование Наслаждайтесь живым отзывчивым предварительным просмотром и применяйте пользовательские изменения для определенных мобильных точек. Глобальные элементы Синхронизируйте глобальные элементы на нескольких страницах. Обновите их один раз, и они будут обновлены везде. Отлично подходит для нижних колонтитулов! Импорт Экспорт Сохраните макеты в вашей библиотеке для последующего использования. Импорт, экспорт, обмен и загрузка макетов из Интернета. Готовые макеты Начните процесс проектирования, используя один из 20+ готовых макетов, которые поставляются вместе с Divi Builder. Divi поставляется с более чем 20 готовыми макетами прямо из коробки. Эти красивые макеты могут быть использованы для запуска ваших новых проектов, что позволяет создавать новые страницы всего за несколько минут. Загрузите их, поменяйте содержимое, и все готово! Они также являются отличным способом для новых клиентов узнать все тонкости Divi Builder. Официальный сайт Демо Демо Divi Builder Автор Forall P. Добавлен 24.12.2018 Категория Шаблоны Документация Перейти  
×