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

Похожие

как сделать популярный блог
... набирает более 200 000 читателей, а твой сайт (блог) ежедневно просматривают около 500 уникальных посетителей - это что-то значит и свидетельствует об определенной твою популярность, а если контент не только интересный, но и полезный - это еще больше добавляет уверенности и оптимизма, что ты делаешь что-то нужное и движешься в правильном направлении"> Когда твоя статья набирает более 200 000 читателей, а твой сайт (блог) ежедневно просматривают около 500 уникальных посетителей - это что-то
Как читать больше и покупать книги дешевле?
... как успеть на это и как сделать так, чтобы покупка новинки не повредила в кармане? Я люблю читать, но у меня не всегда есть время для этого. Я часто обещаю себе, что прочитаю роман, а потом книга лежит грустно на полке и ждет, пока я не займусь заказами, исследованиями или блогами. Мне не очень нравится откладывать это, и я пытаюсь придумать разные способы как-то провозить 20 минут чтения каждый день. Я делаю это не только потому, что мне это нравится. Я придерживаюсь
Лучший хостинг. Как просто измерить производительность MySql?
... WordPress Поиск записей, где целочисленное поле имеет заданное значение (например, все товары с ценой 149 злотых) Поиск записей, содержащих определенную подстроку из трех символов, которая имитирует работу поисковой системы на странице, Поиск записей, в которых число, умноженное на 1,23, больше ... (например, для цены) Поиск записей, где текст = конкретная строка, например, все блузки с "синим" цветом На последнем шаге приложение выполняет
Как автоматически повторять видео на YouTube
Обновлено: 13.05.2009 от Computer Hope На настольном компьютере или ноутбуке YouTube позволяет автоматически повторять видео, которое вы смотрите. Кроме того, существуют бесплатные сторонние сервисы, которые могут помочь вам с повторением видео. Следующие шаги научат вас повторять любое видео на YouTube. Зациклить видео на YouTube YouTube теперь позволяет
Как вы активируете Windows 7?
В течение 3 дней после установки Windows на компьютер, вы должны активировать ее. Чтобы продлить пробный период до 30 дней, нажмите «Пуск» и введите « cmd.exe » в окне поиска - откройте командную строку с правами администратора (щелкните правой кнопкой мыши значок программы и выберите «Запуск от имени администратора»), затем введите команда: slmgr.vbs / rearm Его проведение очень важно и не может быть пропущено! Если
Вы уже знаете все о хостинге с SSD дисками?
... наете, какой продукт вам следует выбрать, а название мало о чем говорит, стоит углубиться в то, что сервис имеет под общеизвестной маской. Выбирая веб-хостинг, вы выбираете пространство, процессор, оперативную память и интернет-соединение. Вы сами решаете, на каком носителе будут сохраняться файлы, отвечающие за ваш сайт. Тип носителя будет влиять на скорость чтения и записи данных. Наиболее часто используемые носители на серверах: Жесткие диски SSD
Как остановить автоматический биллинг для моего аккаунта?
... как продолжать пользоваться услугой хостинга, мы отправляем заблаговременные напоминания о предстоящем продлении и ожидаемом периоде продления. Остановка автоматического выставления счетов означает, что мы не сможем выставить вам счет за ваш аккаунт, и он не будет продлен. Если вы уверены, что хотите отменить автоматический биллинг для своей учетной записи, вам нужно перейти в личный кабинет -> Биллинг -> Настройки биллинга
Как сделать отличную фотографию для всплывающего баннера
Когда вы думаете об использовании контента на больших баннерах или всплывающих стендах, хорошие изображения необходимы. Мы все слышали эту фразу раньше - картинка рассказывает тысячу слов - и это правда, особенно при использовании на печатных витринах. Всплывающие баннеры предназначены для привлечения внимания, они должны быть замечены, и ничто не делает это лучше, чем фотография хорошего качества. Итак, как вы берете и
30 лучших модных блогов и журналов WordPress Themes 2019
... макетов блога. Хотя настройка легче, чем в некоторых других темах, у вас есть три ползунка на выбор, интеграция с MailChimp и возможность включить в нижний колонтитул канал Instagram. Нам нравится Глянцевый. Он создан для предоставления функциональности, которая действительно нужна модным блоггерам, а не просто для того, чтобы заполнить рекламу. Помимо отсутствия настроек, это серьезный претендент на создание вашего сайта о моде и за ваши деньги.
Как инвестировать в криптовалюты? Начните с образования
Какой типичный день запуска валютного инвестора? Например, посмотрите на курсы криптовалюты. Эти быстро меняющиеся активы могут расти двузначными темпами и так же быстро падать. Это рискованное вложение, поэтому в самом начале нужно к нему подготовиться - окончание
Как скачать YouTube видео 720p или 1080p
... на, по которой вы должны загружать фильмы в разрешении 1080p или 720p, заключается в том, что YouTube не позволяет вам смотреть фильмы высокой четкости для пользователей с плохим интернет-соединением. Тем не менее, иногда просмотр видео в формате hd очень важен для нас - наши программисты смотрят, например, инструкции по программированию на YouTube, и для них очень важна возможность чтения сценария, отображаемого на экране. 1. Чтобы скачать такие видео с Youtube, скачайте и установите

Комментарии

Если вы адвокат, как вы можете игнорировать такие цифры?
Если вы адвокат, как вы можете игнорировать такие цифры? Создание вашей фирмы на сайтах социальных сетей должно быть главным приоритетом, если вы хотите добиться успеха в будущем. Нечто новое: социальный поиск Одна интересная особенность Facebook, о которой большинство адвокатов не знают, - это Graph Search, который является первым шагом Facebook, ставшим серьезной поисковой системой, которая может когда-нибудь соперничать с Google по мощности и простоте использования.
Как вы знаете, если вы едете слишком быстро?
Как вы знаете, если вы едете слишком быстро? Проверьте свои практические тесты на наличие неосторожных ошибок в вопросах, которые вы должны были получить правильно. Получить немного ACT математическая практика здесь , Тест на чтение Практикуйтесь, чтобы найти оптимальный темп для вас на Тест на чтение
Итак, вы купили Планшет Android и не можете понять, как все работает в этой странной новой рабочей среде?
В конце концов, как часто вы проходите тест в школе с минутой или меньше на вопрос? Не паникуйте! Получите советы по выбору времени ACT, необходимые для управления темпом в каждом разделе теста. Сколько времени занимает ACT? ACT составляет 3 часа (технически 2 часа 55 минут). Экзамен, включая перерывы, занимает 3 часа 30 минут. Если вы подпишитесь на дополнительное эссе ( ACT Plus Writing ) время
Как вы находите темы по содержанию?
Как вы находите темы по содержанию? Какие инструменты использовать для исследования рынка? 12:30 - 13:30 Типы контента Рекламные статьи Статьи, электронные книги, Белая книга, Исследования Реклама в блогах, общение с блогерами Визуальный маркетинг и визуальный контент Видео маркетинг инфографика фотографии Почему UGC конвертирует лучше? 13:30
Вы также нашли интересную фотографию в Интернете - иллюстрацию к статье, о которой вы хотели бы узнать больше?
Вы также нашли интересную фотографию в Интернете - иллюстрацию к статье, о которой вы хотели бы узнать больше? Или, может быть, вы хотите проверить, не использует ли кто-то ваши фотографии, размещенные в блоге или социальной сети? Вы можете узнать это благодаря одной из функций поиска Google - поиску изображений.
Но как быть уверенным, что ваша защита действительно работает так же хорошо, как вы думаете?
Но как быть уверенным, что ваша защита действительно работает так же хорошо, как вы думаете? Эти инструменты также могут быть особенно полезны, если вы пытаетесь быстро определить, насколько безопасен чужой компьютер. Они могут показать вам, сколько уязвимого программного обеспечения установлено на ПК. Проверьте свой антивирус Нет, мы не собираемся рекомендовать загрузку вируса для проверки вашей антивирусной программы - это путь к катастрофе. Если вы когда-нибудь
Читайте о том, как распознать, стоит ли менять шины на новые в статье: Как распознать износ шин?
Но как быть уверенным, что ваша защита действительно работает так же хорошо, как вы думаете? Эти инструменты также могут быть особенно полезны, если вы пытаетесь быстро определить, насколько безопасен чужой компьютер. Они могут показать вам, сколько уязвимого программного обеспечения установлено на ПК. Проверьте свой антивирус Нет, мы не собираемся рекомендовать загрузку вируса для проверки вашей антивирусной программы - это путь к катастрофе. Если вы когда-нибудь
Вы на медицине, и вы должны теоретически читать в медицинских статьях, и вам нравится романтика?
Вы на медицине, и вы должны теоретически читать в медицинских статьях, и вам нравится романтика? Приходите и идите в библиотеку для хорошего, трогательного дела. Чтение - это удовольствие. Попробуйте применить политику на 50 страниц и не заставляйте себя читать. Если книга после 50 страниц не привлекает вас, уберите ее. Жаль, что книги читаются на прочность. Вместо этого тянуться к чему-то еще. Начните отслеживать, сколько вы читаете.
Вы уже знаете, как привлечь трафик на такой сайт?
Вы уже знаете, как привлечь трафик на такой сайт? PPC реклама, электронный маркетинг - конечно. А что скажешь бесплатно * источник продвижения сайта, которым пользуются миллионы людей каждый день? Звучит хорошо? Познакомьтесь с ними поближе: это обычный трафик или люди, которые посещают сайт благодаря обычным результатам поиска (не из рекламы или других платных источников). Теперь вы качаете головой и думаете: «У меня
Аргумент один: «Подождите, а как насчет возможности создания точки доступа на устройствах, работающих под управлением Android / Windows Phone / iOS?
Аргумент один: «Подождите, а как насчет возможности создания точки доступа на устройствах, работающих под управлением Android / Windows Phone / iOS?». Да, я согласен, это оборудование предлагает эту функцию. Однако, по нашему мнению, это полезно только в особо чрезвычайных ситуациях. Прежде всего, как мы уже упоминали, ограничение в 500 мегабайт, вероятно, слишком мало для интенсивного использования сети, верно? Тогда кто-то скажет: «Ну, я переведу SIM-карту в одну с выделенной услугой мобильного
Быстрый тест: как узнать, какую версию Linux вы используете?
Быстрый тест: как узнать, какую версию Linux вы используете? Какое ядро? Какой дистрибутив? Какой выпуск вашего дистрибутива? Верьте или нет, бывают ситуации, когда эта информация может иметь большое значение. Например, была выпущена новая угроза (например, довольно серьезная проблема безопасности, связанная с OpenSSL), которая затрагивает только определенные выпуски. Если уязвимость затрагивает только определенные дистрибутивы, выпуски дистрибутивов, ядра или пакеты, вам необходимо

Как сэкономить 50% на хостинге?
Как успеть на это и как сделать так, чтобы покупка новинки не повредила в кармане?
Как просто измерить производительность MySql?
Как инвестировать в криптовалюты?
Если вы адвокат, как вы можете игнорировать такие цифры?
Как вы знаете, если вы едете слишком быстро?
Как вы знаете, если вы едете слишком быстро?
В конце концов, как часто вы проходите тест в школе с минутой или меньше на вопрос?
Сколько времени занимает ACT?
Как вы находите темы по содержанию?