Пропустить

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

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

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

Более Загрузка 901.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 использует парные шорткоды, в отличие от одного шорткода. Вот пример парного шорткода:

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

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

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

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

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

Легко создайте свой сайт с 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. С помощью плагина Social Wall вы можете создать стену на своем веб-сайте и предоставить своим участникам новый способ взаимодействия с сообществом.

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

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

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

3. водитель

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

Шофер

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

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

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

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

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

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

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

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

Заключение

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

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

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

... 

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

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

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

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

Вверх