Как загрузить демо данные темы Divi

[et_pb_section fb_built=”1″ _builder_version=”3.22″ da_disable_devices=”off|off|off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.9.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin_tablet=”-70px||||false|false” custom_margin_phone=”-100px||||false|false” custom_margin_last_edited=”on|phone” header_2_font_size_tablet=”22px” header_2_font_size_phone=”18px” header_2_font_size_last_edited=”on|phone” global_colors_info=”{}”]

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

Как загрузить демо данные темы Divi

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

[/et_pb_text][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” text_font=”|700|||||||” text_text_color=”#f7f7f7″ text_font_size=”200px” text_line_height=”1em” custom_margin=”-1px||||false|false” custom_padding=”0px||0px|||” text_font_size_tablet=”150px” text_font_size_phone=”120px” text_font_size_last_edited=”on|phone” text_text_shadow_style=”preset3″ text_text_shadow_blur_strength=”0.93em” global_module=”229767″ global_colors_info=”{}”]

01

[/et_pb_text][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” custom_margin=”-150px||||false|false” custom_margin_tablet=”-120px||||false|false” custom_margin_phone=”-100px||||false|false” custom_margin_last_edited=”on|phone” custom_padding=”30px||||false|false” header_3_font_size_tablet=”20px” header_3_font_size_phone=”16px” header_3_font_size_last_edited=”on|phone” global_colors_info=”{}”]

Создаём страницу или запись стандартным способом

Тут всё, как обычно. “Добавить новую” и заполняем стандартные поля “Добавить заголовок” и всё, что справа – Категории, Теги и т.д.

[/et_pb_text][et_pb_image src=”https://wespe.club/wp-content/uploads/2021/03/divi-demodata-01.png” alt=”Как загрузить демо данные темы Divi” title_text=”Как загрузить демо данные темы Divi” _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][et_pb_image src=”https://wespe.club/wp-content/uploads/2021/03/divi-demodata-02.png” alt=”Как загрузить демо данные темы Divi | Блог WESPE.CLUB” title_text=”Как загрузить демо данные темы Divi” _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” text_font=”|700|||||||” text_text_color=”#f7f7f7″ text_font_size=”200px” text_line_height=”1em” custom_margin=”0px||||false|false” custom_padding=”0px||0px||false|false” text_font_size_tablet=”150px” text_font_size_phone=”120px” text_font_size_last_edited=”on|phone” text_text_shadow_style=”preset3″ text_text_shadow_blur_strength=”0.93em” global_module=”229769″ global_colors_info=”{}”]

02

[/et_pb_text][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” custom_margin=”-150px||||false|false” custom_margin_tablet=”-120px||||false|false” custom_margin_phone=”-100px||||false|false” custom_margin_last_edited=”on|phone” custom_padding=”30px||||false|false” header_3_font_size_tablet=”20px” header_3_font_size_phone=”16px” header_3_font_size_last_edited=”on|tablet” global_colors_info=”{}”]

Переходим на редактирование в Divi Builder

Нажимаем кнопку “Использовать Divi Builder” и начинается магия! Есть три варианта навыбор:

• • Построить с нуля
  • Выбрать макет
  • Клон существующей страницы

Рассмотрим все три последовательно

[/et_pb_text][et_pb_image src=”https://wespe.club/wp-content/uploads/2021/03/divi-demodata-03-1024×598.png” title_text=”Как загрузить демо данные темы Divi | Блог WESPE.CLUB” _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” text_font=”|300|on||||||” global_colors_info=”{}”]

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

[/et_pb_text][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”]

Построить с нуля

При нажатии на эту кнопку при помощи Divi Builder создаётся чистая страница с одной секцией и строкой в ней. Что такое секция и строка вы можете прочитать в нашем курсе по Divi Builder.

Теперь можно начинать создание страницы. Однако, тема этой статьи “Как загрузить демо данные”, и результата мы пока не достигли.

Что ж, не беда! Если нажать символ + в верхней странице билдера, мы попадём прямиком в библиотеку Elegant Themes с большим выбором дизайнов. Тоже самое произошло бы, если в начале выбрать второй вариант.

[/et_pb_text][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” custom_padding=”29px|||||” global_colors_info=”{}”]

Выбрать макет

Это и есть инструмент загрузки демо данных с серверов Elegant Themes. Надо сказать, что разработчики действительно старались. У них получилась очень удобная в использовании наглядная система, которой приятно и удобно пользоваться.

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

[/et_pb_text][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”]

Выбрав конкретный макет мы попадаем на страницу подробностей о нём. 

[/et_pb_text][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” text_font=”|300|on||||||” global_colors_info=”{}”]

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

[/et_pb_text][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”]

Каждую из страниц макета можно просмотреть в увеличенном окне. Если макет нравится, жмите “Use This Layout”. Демо данные загрузятся и будут доступны для редактирования.

[/et_pb_text][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][/et_pb_text][et_pb_image src=”https://wespe.club/wp-content/uploads/2021/03/divi-demodata-09.png” alt=”Как загрузить демо данные темы Divi | Блог WESPE.CLUB” title_text=”Как загрузить демо данные темы Divi | Блог WESPE.CLUB” _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” global_colors_info=”{}”]

Клон существующей страницы

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

[/et_pb_text][et_pb_text _builder_version=”4.9.7″ _module_preset=”default” text_font=”|700|||||||” text_text_color=”#f7f7f7″ text_font_size=”200px” text_line_height=”1em” custom_margin=”50px||||false|false” custom_padding=”21px||0px|||” text_font_tablet=”” text_font_phone=”|800|||||||” text_font_last_edited=”on|desktop” text_font_size_tablet=”100px” text_font_size_phone=”50px” text_font_size_last_edited=”on|phone” text_text_shadow_style=”preset3″ text_text_shadow_blur_strength=”0.93em” global_module=”229770″ global_colors_info=”{}”]

ИТОГ

[/et_pb_text][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” custom_margin=”-150px||||false|false” custom_margin_tablet=”-100px||||false|false” custom_margin_phone=”-70px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”]

ИТОГИ:

Как загрузить демо данные темы Divi мы разобрались и надо отметить, что делается это очень просто и удобно. Множество предустановленных макетов и возможность копирования существующих страниц сильно ускоряет работу веб-мастера. Это как раз то, чего мы ждём от профессионально исполненных премиальных тем, таких как Divi.

[/et_pb_text][et_pb_text _builder_version=”4.9.2″ _module_preset=”default” global_colors_info=”{}”][/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]