Как предварительно просмотреть элемент Divi Cloud

После того, как вы какое-то время поработаете с Divi, вам будет легко создать большую библиотеку строительных элементов. Преимущество Divi Cloud заключается в том, что мы можем хранить эти строительные элементы в облаке для доступа с любого веб-сайта Divi в любое время. Это означает, что у вас может быть большая библиотека для сортировки или поиска, чтобы найти правильный макет. К счастью, Divi Cloud позволяет легко просматривать ваши макеты перед их импортом, что упрощает использование вашей библиотеки. В этом посте мы увидим, как предварительно просмотреть элемент Divi Cloud, используя три разных метода, которые помогут вам сузить круг вариантов перед импортом макетов.

Давайте начнем!

Зачем предварительно просматривать элемент Divi Cloud?

Предварительный просмотр элемента Divi Cloud перед его импортом — отличный способ сэкономить время. Одним из преимуществ использования Divi Cloud является возможность создавать и сохранять несколько вариантов макетов. Как и в случае с любой папкой полезных инструментов для создания веб-сайтов, если у вас есть несколько макетов, может быть трудно понять, какой из них какой.

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

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

Как легко найти элементы Divi Cloud

Прежде чем мы увидим, как просмотреть элемент Divi Cloud, давайте посмотрим, как его найти. Есть несколько способов найти макеты Divi в Divi Cloud.

1. Сначала включите Visual Builder, перейдя на любую страницу в интерфейсе вашего веб-сайта Divi и нажав «Включить Visual Builder» на панели инструментов в верхней части экрана.
2. Щелкните фиолетовый значок плюса на панели инструментов Divi в нижней части страницы, чтобы открыть библиотеку Divi.
3. Щелкните вкладку вверху с надписью «Ваши сохраненные макеты».
4. Затем просмотрите свои элементы Divi Cloud. Установите флажок «My Divi Cloud» в разделе «Местоположения» на левой боковой панели.
5. Убедитесь, что выбран вид сетки, если вам не нужно сортировать их по тегам. Это значок сетки над миниатюрами макета справа.
6. Найдите макет, который вы хотите просмотреть, выполнив поиск, сортировку или фильтрацию элементов Divi Cloud. Ищите по ключевым словам или избранным, выбирайте категории и/или теги для их фильтрации или сортируйте их по времени, имени или избранному.

Как предварительно просмотреть элемент Divi Cloud

Существует три способа предварительного просмотра элемента Divi Cloud внутри вашего Divi Cloud. Давайте посмотрим, как просмотреть макеты Divi всеми тремя способами.

Предварительный просмотр миниатюры элемента Divi Cloud

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

1. Сначала включите Visual Builder, перейдя на любую страницу в интерфейсе вашего веб-сайта Divi и нажав «Включить Visual Builder» на панели инструментов в верхней части экрана.
2. Щелкните фиолетовый значок плюса на панели инструментов Divi в нижней части страницы, чтобы открыть библиотеку Divi.
3. Щелкните вкладку вверху с надписью «Ваши сохраненные макеты».
4. Затем просмотрите свои элементы Divi Cloud. Установите флажок «My Divi Cloud» в разделе «Местоположения» на левой боковой панели.
5. Убедитесь, что выбран вид сетки, если вам не нужно сортировать их по тегам. Это значок сетки над миниатюрами макета справа.
6. Найдите макет, который вы хотите просмотреть, выполнив поиск, сортировку или фильтрацию элементов Divi Cloud. Ищите по ключевым словам или избранным, выбирайте категории и/или теги для их фильтрации или сортируйте их по времени, имени или избранному.
7. Найдя макет для предварительного просмотра, наведите курсор мыши на миниатюру макета. Макет будет прокручиваться в миниатюре, где вы можете увидеть предварительный просмотр макета. Наведение курсора на миниатюру прокручивается вниз, а перемещение курсора от миниатюры прокручивается вверх.

Предварительный просмотр элемента Divi Cloud в деталях макета

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

1. Сначала включите Visual Builder, перейдя на любую страницу в интерфейсе вашего веб-сайта Divi и нажав «Включить Visual Builder» на панели инструментов в верхней части экрана.
2. Щелкните фиолетовый значок плюса на панели инструментов Divi в нижней части страницы, чтобы открыть библиотеку Divi.
3. Щелкните вкладку вверху с надписью «Ваши сохраненные макеты».
4. Затем просмотрите свои элементы Divi Cloud. Установите флажок «My Divi Cloud» в разделе «Местоположения» на левой боковой панели.
5. Убедитесь, что выбран вид сетки, если вам не нужно сортировать их по тегам. Это значок сетки над миниатюрами макета справа.
6. Найдите макет, который вы хотите просмотреть, выполнив поиск, сортировку или фильтрацию элементов Divi Cloud. Ищите по ключевым словам или избранным, выбирайте категории и/или теги или сортируйте их по времени, имени или избранному.
7. Найдя макет для предварительного просмотра, щелкните эскиз макета. Откроется представление «Сведения о макете» и отобразится макет в большом окне. Он показывает макет слева и список эскизов других макетов справа.
8. Наведите указатель мыши на макет в большом окне и прокрутите, чтобы просмотреть макет. Вы можете прокручивать вверх и вниз в этом окне.

Предварительный просмотр живой демонстрации

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

1. Сначала включите Visual Builder, перейдя на любую страницу в интерфейсе вашего веб-сайта Divi и нажав «Включить Visual Builder» на панели инструментов в верхней части экрана.
2. Щелкните фиолетовый значок плюса на панели инструментов Divi в нижней части страницы, чтобы открыть библиотеку Divi.
3. Щелкните вкладку вверху с надписью «Ваши сохраненные макеты».
4. Затем просмотрите свои элементы Divi Cloud. Установите флажок «My Divi Cloud» в разделе «Местоположения» на левой боковой панели.
5. Убедитесь, что выбран вид сетки, если вам не нужно сортировать их по тегам. Это значок сетки над миниатюрами макета справа.
6. Найдите макет, который вы хотите просмотреть, выполнив поиск, сортировку или фильтрацию элементов Divi Cloud. Ищите по ключевым словам или избранным, выбирайте категории и/или теги или сортируйте их по времени, имени или избранному.
7. Найдя макет для предварительного просмотра, щелкните эскиз макета. Это открывает представление «Сведения о макете» и показывает макет в большом окне слева от экрана Divi Cloud.
8. Нажмите зеленую кнопку под изображением макета с надписью «Просмотреть демонстрацию в реальном времени». Это временно импортирует макет и закрывает окно Divi Cloud, чтобы вы могли просмотреть макет на своем веб-сайте. Он выглядит так же, как если бы вы импортировали макет, и вы можете щелкать, наводить курсор, прокручивать, просматривать анимацию и т. д. и многое другое.
9. Кроме того, вы можете щелкнуть правой кнопкой мыши миниатюру на первом экране или изображение макета на экране «Сведения о макете» и выбрать «Предварительный просмотр в реальном времени» во всплывающем меню. Это работает так же, как нажатие зеленой кнопки «Просмотреть демонстрацию в реальном времени».
10. Нажмите X в правом верхнем углу экрана, чтобы закрыть предварительный просмотр и вернуться в окно макетов Divi Cloud.

Окончание мыслей

Это наш взгляд на то, как предварительно просмотреть элемент Divi Cloud. Предварительный просмотр — отличный способ просмотреть вашу библиотеку Divi Cloud. Существует несколько способов предварительного просмотра макетов, включая просмотр эскиза, просмотр увеличенного изображения и просмотр макета на вашем веб-сайте. Каждый из методов имеет преимущества в скорости, детализации и интерактивности. Стоит попробовать все три метода, чтобы помочь вам сузить точный макет Divi, который вы хотите использовать на своем веб-сайте. Я рекомендую использовать их в том порядке, в котором мы показали здесь, чтобы максимально быстро найти макет Divi Cloud.

Ждем вашего ответа. Вы просматриваете свои элементы Divi Cloud перед их импортом? Дайте нам знать об этом в комментариях.