Пропустить

Как вырезать и экспортировать макет Визуальный Composer

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Многие из вас уже слышали о Visual Composer. Это премиальный плагин WordPress, который позволяет создавать профессиональные макеты без использования кода (или почти).

Многие темы WordPress в настоящее время совместимы с этим плагином, и вы часто будете замечать, что в демоверсиях этих тем есть разделы, которые вас интересуют и которые вы захотите скопировать на свою страницу снова.

Только во время написания этого руководства Visual Composer не позволяет копировать раздел (строку) и вставлять его на существующую страницу.

В этом уроке я объясню вам, как я добился этого результата.

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Тогда вернемся к тому, почему мы здесь.

Сделайте копию соответствующих страниц

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

Вы можете прочитать учебник по дублирование на WordPress страницы.

Что нужно знать о Visual Composer, прежде чем начать

Если Visual composer облегчает вашу работу, это, безусловно, потому, что он выполняет грязную работу в фоновом режиме, то есть добавление тегов WordPress (шорткод). Работа заключается в том, чтобы организовать ваш макет, который во многом вдохновлен загрузкой (HTML5 Framework).

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

Зачем экспортировать раздел с одной страницы на другую

Обычно авторы тем WordPress предлагают демонстрации с различными функциями (разделами), и иногда бывает так, что вам нужен только один раздел на странице, поэтому как скопировать только этот раздел на другую страницу?

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

Также откройте наш учебник по Как создать профессиональную веб-страницу

Здесь я покажу вам, как экспортировать раздел с одной страницы на другую, используя шорткод, сгенерированный Visual Composer.

Как использовать шорткоды Visual Composer

Visual Composer использует парные шорткоды, в отличие от одного шорткода. Вот пример парного шорткода:

[Пример] ... [/ пример]

В этом случае содержание между [пример] и [/ пример] будет контролироваться шорткодом. Таким образом, чтобы скопировать раздел, мы будем использовать его.

Шаг первый: найдите раздел, который вы хотите скопировать

Мы начнем с поиска раздела, который хотим скопировать. Давайте возьмем эту страницу, чтобы раздел, который мы хотим скопировать, называется " ПОДДЕРЖКА БИЗНЕСА .

Раздел для копирования визуального композитора

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

Раздел для копирования визуального редактора композитора

Затем мы добавим идентификатор в этот раздел, нажав на « изменение Из раздела.

Редактировать вкладку визуальный редактор композитора

Оттуда прокрутите вниз, пока не найдете " Идентификатор строки "Кто должен быть с тобой" Идентификатор строки И добавить «раздел для копирования».

Раздел для копирования поля идентификатора визуального композитора

После этого нажмите " Сохранить изменения ». Вы должны увидеть текст в верхней части этого раздела, как показано на следующем рисунке:

Визуальный идентификатор композитора

Шаг второй: Как скопировать локализованный контент

Мы собираемся перейти в режим редактора " Классический режим "Или" Классический режим Который должен отображать визуальный редактор WordPress. Оттуда выполните поиск выражения, которое мы добавили в качестве идентификатора раздела. На Windows вы будете использовать Ctrl-F "На маке есть" КОМАНДА + F .

Вам нужно будет иметь результат, похожий на этот.

Копировать визуальный редактор раздела

Ремарка : Для лучшей совместимости, я предлагаю вам перейти в режим текстового редактора перед созданием этой копии.

Теперь, когда мы нашли этот код, мы будем читать текст оттуда в обратном порядке, чтобы найти следующий шорткод "

». Вы можете даже искать на " vc_row Это выделит открывающий и закрывающий шорткод, который оборачивает раздел, который мы хотим скопировать.

Копировать визуальный контент

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Мы начнем с первого шорткода, который содержит наш идентификатор, до следующего шорткода. Этот раздел мы добавим на нашу новую страницу.

Скопированный код визуального композитора wordpress

Вы можете повторить процедуру с другими пунктами, которые вы хотите добавить.

Откройте для себя также некоторые темы и премиальные плагины WordPress

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Сейчас Pro закрылков

Advert Flap Pro - это премиальный плагин WordPress для управления анимированной рекламой. Это один из наиболее эффективных способов рекламировать или рекламировать посетителей вашего сайта без использования всплывающих окон.Плагин для Wordpress Advertising Flap Pro

Создать рекламу так же просто, как выбрать свой стиль, ввести текст и просмотреть объявление. Когда вы будете удовлетворены, выберите страницы, на которых вы хотите отобразить или скрыть их, и нажмите «Опубликовать». Так просто!

Откройте для себя Как изменить макет вашего блога WordPress

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

скачать | Демонстрация | веб-хостинг

2. Социальная стена Addon для UserPro

UserPro может быть намного веселее с социальной стеной. Это то, что дает расширение социальной стены. С помощью расширения Social Wall вы можете создать стену на своем веб-сайте и предложить своим членам освежающий способ взаимодействия с сообществом.

Аддон социальной стены для userpro

Плагин WordPress Social Wall позволяет вашим пользователям: обмениваться сообщениями друг с другом, обмениваться изображениями, комментировать чужие публикациипользователям могут нравиться или не нравиться сообщения, они могут выбрать отображение стены только для зарегистрированных пользователей или для всех пользователей, администраторы могут удалять сообщения или комментарии пользователей и т. д.

скачать | Демонстрация | веб-хостинг

3. водитель

Chauffeur - это мощный премиум плагин для лимузинов WordPress для компаний любого размера. Может использоваться лимузином и челноками. С помощью этого плагина вы можете легко оформить бронирование на любой определенный маршрут. Это поможет вам улучшить обслуживание клиентов и управлять своим бизнесом аренды лимузинов онлайн.

Шофер

Он предлагает простой пошаговый процесс бронирования с поддержкой нескольких платежных шлюзов, уведомлений по электронной почте и SMS, Плагин WooCommerce, Календарь Google и интуитивно понятная панель управления.

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

Откройте также эти 10 WordPress плагины для расширения научных исследований в Вашем блоге

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

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

Заключение

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

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.

И если у вас есть какие-либо предложения или замечания, оставьте их в нашем разделе Комментарии.

...

Эта статья содержит комментарии 0

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
12 акции
доля10
чирикать
Регистрация2