Live Composer: как редактировать макет страницы и макет на WordPress

  1. Вы часто спрашиваете о возможности простого добавления страницы на основе WordPress. В этой статье...
  2. установка
  3. Включение редактора
  4. Сохранить изменения
  5. Основы редактирования
  6. модули
  7. Шаблоны
  8. шкурки
  9. Как сэкономить 50% на хостинге?

Вы часто спрашиваете о возможности простого добавления страницы на основе WordPress. В этой статье мы покажем вам, как легко изменить практически каждый аспект такого веб-сайта с помощью открытого и бесплатного плагина Live Composer. Вам не нужно знать CSS: вы изменяете все изменения из меню и видите живые эффекты.

Каждый, вероятно, хочет, чтобы его сайт выглядел эстетично и в то же время выделялся на фоне других сайтов. Бесплатные скины WordPress, однако, не предлагают слишком много, а тех, которые действительно хороши, недостаточно. Так что остается либо заплатить за лучший скин, либо модифицировать одну из этих красивых, бесплатных скинов. Последнее, однако, не так просто. Это правда, что WordPress позволяет очистить основные настройки скинов в меню «Внешний вид»> «Персонализация», но вы можете изменять только цвета, фон и изображения заголовков.

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

Вы можете сделать это проще, быстрее и во многих случаях лучше. И бесплатно. Плагин Live Composer полностью меняет подход к разработке страниц на WordPress. Вы можете сосредоточиться на форме, не думать о CSS-коде - и использовать этот плагин для конвертации практически всех популярных скинов, не заглядывая в кабину. Live Composer работает прямо на сайте.

Варианты редактирования в реальном времени

В LiveComposer доступно более 30 модулей, таких как блоги, открытки, виджеты, гармоники, текстовые поля, поля навигации и галереи. Каждый такой модуль можно перетащить в нужное место на странице и свободно изменить, чтобы он соответствовал странице. Таким образом, вы будете изменять шрифты, размеры, рамки, фоны, цвета и многие другие свойства. Live Composer также позволяет изменять макет самой страницы. Вы быстро создадите список партнеров, панель с отзывами клиентов или кнопку вызова. Вы можете использовать его даже для просмотра более сложных интернет-магазинов.

Это не просто плагин для начинающих: эксперты WordPress смогут создавать боковые панели и поля виджетов, и даже пользовательские модули для LiveComposer. Для этого прочитайте документацию. Сейчас мы покажем вам, как начать.

установка

Самый простой способ сделать это автоматически. В кабине WordPress, перейдите в Плагины, нажмите Добавить новый и введите Live Composer Page Builder в поисковой системе. Вы увидите плагин в результатах поиска. Нажмите Активировать.

Ручная установка немного сложнее. Загрузите файл .zip с плагин страницы , перейдите в кабину в положение Plug-in, нажмите Add new, затем нажмите Upload plug-in. Выберите загруженный ZIP-файл после нажатия «Выбрать файл», нажмите «Установить», после установки нажмите «Активировать».

Включение редактора

Теперь, когда вы заходите на свой веб-сайт в WordPress в качестве зарегистрированного администратора, вы увидите кнопку «Активировать редактор» в правом нижнем углу. Нажмите на нее, и страница будет перезагружена в редактируемом режиме. Вы увидите другую кнопку - Редактировать шаблон для записей и других типов контента. Это позволяет вам изменять шаблон для данного типа записи. Теперь, когда вы заходите на свой веб-сайт в WordPress в качестве зарегистрированного администратора, вы увидите кнопку «Активировать редактор» в правом нижнем углу

Вы можете отключить редактор, нажав красную кнопку Отключить редактор. Он отключает редактор и перезагружает страницу в обычном режиме.

Он отключает редактор и перезагружает страницу в обычном режиме

Сохранить изменения

Чтобы сделать все изменения постоянными (сохранить их), нажмите «Опубликовать изменения» в правом нижнем углу. Если вы хотите пропустить изменения, просто перезагрузите страницу - она ​​снова появится в редакторе без каких-либо изменений. Если вы хотите сохранить изменения, но не публикуете страницу в этой версии, нажмите Сохранить как черновик. Изменения не будут опубликованы, но когда вы снова включите редактор, они будут ждать вас. Чтобы сделать все изменения постоянными (сохранить их), нажмите «Опубликовать изменения» в правом нижнем углу

Основы редактирования

Структура страницы, отредактированной в Live Composer: Строки (строки)> Области модулей> Модули (модули). Начните с добавления первой строки, нажав Добавить строку модулей. Область модуля будет автоматически расположена в нем. С левой стороны строки отображается панель инструментов, сверху - копирование строки, перемещение строки, разделение строки на столбцы и удаление строки. Структура страницы, отредактированной в Live Composer: Строки (строки)> Области модулей> Модули (модули)

Вы можете перетащить нужный модуль в область строк из нижней панели редактора. Каждый модуль имеет свою собственную панель инструментов, на которой также есть значок настроек (шестеренка). Сопрягая его, вы отобразите панель, позволяющую изменить внешний вид модуля, указать тип устройств, на которых вы хотите отобразить, или добавить свои собственные стили CSS.

Сопрягая его, вы отобразите панель, позволяющую изменить внешний вид модуля, указать тип устройств, на которых вы хотите отобразить, или добавить свои собственные стили CSS

Обычно строки добавляются одна под другой. Однако вы можете разместить их рядом друг с другом для создания столбцов. Для этого используйте функцию разрыва строки. Это позволяет уменьшить ширину линии до выбранной дроби полной ширины (12/12). Выбрав 6/12, строка займет половину макета страницы. Выбор 4/12 - одна треть. Теперь, чтобы добавить еще один столбец, нажмите Add Module Row и измените ширину линии - она ​​автоматически переместится на уровень линии неполной ширины. Осталось только добавить модули в отдельные поля и настроить их.

Осталось только добавить модули в отдельные поля и настроить их

Полезной функцией является экспорт и импорт кода строки. Вы можете экспортировать код готовой строки, щелкнув четвертый значок панели инструментов (со стрелкой вверх) - он будет отображаться вместе с кодом. Выберите его и скопируйте (Ctrl-C Ctrl-A). Чтобы использовать его в новой строке, нажмите кнопку «Импорт», оранжевую кнопку рядом с «Добавить строку модулей». Откроется окно, в которое вы можете вставить весь код, подтверждая это зеленой кнопкой «Импорт».

модули

Live Composer предлагает вам более 30 различных модулей, с помощью которых вы можете делать множество вещей, как с точки зрения внешнего вида, так и функциональности. С использованием модулей вы можете отправить любую форму страницы. Вот наиболее важные из них: Область модулей: это модуль переменного размера, который при вставке в строку будет действовать как «контейнер» для других модулей.

Текст: этот модуль позволяет вводить ... текст. Используя редактор WYSIWYG (вы получаете то, что видите), вы можете написать то, что хотите. Если вы знаете HTML, вы можете использовать теги здесь.

Вкладки: модуль позволяет вводить закладки на странице.

Аккордеон: так называемая «гармоника», часто используемая для эффективного показа слайдов и описаний.

Кнопка: кнопка. Это может вызвать любое действие.

Значок: выберите один из 600 значков и используйте его в своих целях.

Виджеты: отображает раздел виджетов WordPress. Однако сначала вы должны создать их в кабине, выбрав в меню Live Composer> Модуль виджетов. Новый раздел виджетов будет доступен через Внешний вид> Виджеты.

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

Индикатор выполнения: индикатор выполнения, который позволяет показать уровень прогресса любого процесса.

Заголовок: отображение заголовка текущей страницы или записи.

Содержимое: отображать содержимое текущей страницы или записи

Миниатюра: отображение начального изображения текущей страницы или записи.

Кнопка «Загрузки»: кнопка загрузки, связанная с модулем «Загрузки».

Блог: отображает список записей блога.

Загрузки: особый тип записи, используемый для размещения файлов для скачивания на сайте. Вы можете управлять этим из кабины, раздел загрузок. Единственное, что вам нужно установить здесь, это либо разместить файл самостоятельно (вы должны загрузить его на сервер), либо подключиться к удаленному ресурсу в Интернете.

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

Изображения: позволяет отобразить выбранную фотографию из галереи.

Галерея Слайдер: отображает слайд-шоу, подключенное к текущей галерее.

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

Шаблоны

Поскольку веб-сайты WordPress отличаются друг от друга, а типы записей (блоги, описания партнеров, отзывы) обычно выглядят одинаково, Live Composer позволяет легко изменять шаблоны этих типов. Достаточно определить такой шаблон, и записи определенного типа примут определенный вид. Вы управляете шаблонами в пульте, в разделе Шаблоны. Это похоже на добавление новой страницы или записи, поэтому нажмите «Добавить шаблон». Варианты включают заголовок, тип записи (например, запись в блоге) и тип шаблона (по умолчанию - по умолчанию или обычный - обычный, то есть используется для указанных записей). Для типа записи может быть только один шаблон по умолчанию, он будет использоваться для всех, кто не получил другой шаблон.

Вы активируете нормальный шаблон при редактировании записи в кабине - в правом верхнем углу вы можете увидеть элемент шаблона LC. Там один из доступных шаблонов можно выбрать из выпадающего меню.

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

шкурки

Live Composer предлагает множество готовых скинов, которые вы можете импортировать прямо на сайт. Для этого в пульте управления выберите вкладку «Темы» в меню подключаемого модуля. По умолчанию доступен «чистый» скин для продвинутых дизайнеров и скин Orao для создания портфолио. Если щелкнуть «Больше доступных тем», вы попадете на сайт с дополнительными платными скинами, но обратите внимание, что под кнопкой «Больше тем для Live Composer» вы найдете дюжину других полезных скинов, в том числе некоторые бесплатные. Помните - если вы создадите свой собственный красивый скин в Live Composer, вы можете опубликовать его для других. как платные, так и бесплатные.

Как сэкономить 50% на хостинге?

H50Y17BGOW

Укажите этот код, заказав новую учетную запись хостинга на Hekko.pl, и в первый год вы получите скидку до 50% от цен, указанных на сайте. Тест бесплатно 14 дней. Рекомендовано 95% пользователей независимого форума webhostingtalk.pl

Как сэкономить 50% на хостинге?