Плагин визуальный редактор страниц – переведен на русский язык.

16
6882
ds-live-composer, визуальный редактор страниц,

Сегодня я бы хотел рассказать про один весьма замечательный плагин, который называется – Live composer – визуальный редактор страниц. Честно сказать, я потратил массу времени на то, чтобы перевести его на русский язык, так как плагин весьма замечательный. Думаю, что он пригодится всем, кто работает с wordpress постоянно и хотел бы улучшать качество своего сайта, блога или магазина на wordpress постоянно.

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

Итак, вы создали страницу. Первое что вы увидите это зеленую кнопку “включить редактор” в правом нижнем углу монитора – нажмите на нее. Перед вами откроется меню по управлению плагином. На первом этапе может показаться, что настроек не очень много, но это не так. Их довольно большое количество, единственно, что радует это то, что разобравшись с ними 1 раз на примере какого-то из модулей, дальше работа с плагином и с сайтом будит проходить с удовольствием.

Приступим..

Live composer – визуальный редактор страниц:

live composer, визуальный редактор страниц, лайв компоузер,

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

live composer, визуальный редактор страниц, лайв компоузер,

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

live composer, визуальный редактор страниц, лайв компоузер,

В плагине визуальный редактор страниц есть 2 основных настройки:

Строка  – выделена оранжевым цветом.

Модуль – выделен голубым цветом.

Вы берет какой-то модуль, например, миниатюра и перетаскиваете его в окно модуля, как на рисунке ниже:

live composer, визуальный редактор страниц, лайв компоузер,

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

Визуальный редактор страниц настройки

Наводите мышкой на объект и видите, как он выделился голубым пунктиром + на нем появилось небольшое голубое окошечко из 5-ти значков:

  • Шестеренка – это настройки модуля.
  • 2 листочка – копирование модуля.
  • Крестик – возможность перенести модуль туда, куда вам нужно.
  • Квадрат разделанный по полам  – возможность изменить размеры модуля, грубо говоря, разделить его на части от 1 до 12-ти.
  • Крайний крестик – удаляет модуль.

Вторая настройка – очень мощная, по сути в ней и скрывается весь функционал плагина визуальный редактор страниц.

live composer, визуальный редактор страниц, лайв компоузер,

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

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

live composer, визуальный редактор страниц, лайв компоузер,

В-третьих, вы можете посмотреть как страница будет отображаться на том или ином устройстве. Удобно неправда ли..

Я решил пройтись по всем модулям, чтобы было понятно, как они будут выглядеть у вас на сайте. Следующий модуль – это Комментарии. Если вы посмотрите на картинку, то увидите, что миниатюры я разделил на 2, а не оставил одну.

live composer, визуальный редактор страниц, лайв компоузер,

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

Как на счет формы обратной связи на страницу? Думаю, что она бы смотрелась в тему, рядом с комментариями:

live composer, визуальный редактор страниц, лайв компоузер,

Давайте придадим ей индивидуальности? 🙂

live composer, визуальный редактор страниц, лайв компоузер,

Но вот, что-то внешний вид у нее не очень, как на счет того, чтобы приукрасить ее?

live composer, визуальный редактор страниц, лайв компоузер,

Получилось вполне себе дико, но симпатично, по сравнению с тем, что было раньше. Кстати, рекомендую установить вместе с этим плагином еще и вот этот – Плагин форма обратной связи Ninja Forms — переведен на русский язык.

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

live composer, визуальный редактор страниц, лайв компоузер,

Следующий модуль – Разделитель – с его помощью вы можете разделять модули между собой, но если проявите немного фантазии и вредности можете добиться от него весьма интересных результатов, например, добавить модный сейчас параллакс эффект:

live composer, визуальный редактор страниц, лайв компоузер,

Еще один полезный модуль, под названием – Текст – с его помощью вы можете располагать текстовую информацию на своей странице так, как вам будет удобно:

live composer, визуальный редактор страниц, лайв компоузер,

Очень порадовало наличие модуля – HTML – с его помощью вы можете вставить на сайт любой html-код, в моем случае я разместил карты Google:

live composer, визуальный редактор страниц, лайв компоузер,

Такие модули, как “Записи” и “Блог” – большого интереса не представляют, так как позволяют размещать на странице те или иные посты с вашего ресурса.

Следующие несколько модулей: 

  • Проекты
  • Альбомы
  • Загрузки
  • Отзывы сотрудники
  • Партнеры
  • Продукты

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

Модуль – Социальный – позволяет ставить на страницу иконки и, соответственно, ссылки на социальные сети:

live composer, визуальный редактор страниц, лайв компоузер,

К сожалению, ссылки на социальную сеть Вконтакте в нем не предусмотрено.

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

live composer, визуальный редактор страниц, лайв компоузер,

Модуль Кнопка – чрезвычайно полезен. Кстати, вы можете менять иконки 😉

live composer, визуальный редактор страниц, лайв компоузер,

Модуль – Изображение – хотите поставить картинку или картинки на сайте? нет ни чего проще:

live composer, визуальный редактор страниц, лайв компоузер,

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

live composer, визуальный редактор страниц, лайв компоузер,

Модуль – Шкала Прогресса – расскажите людям о своих успехах:

live composer, визуальный редактор страниц, лайв компоузер,

Модуль – Слайдер – у вас должен стоять Плагин Slider Revolution для того, чтобы им воспользоваться.

Модуль – Блок Информации – здесь, я думаю, все понятно из картинки.

live composer, визуальный редактор страниц, лайв компоузер,

Модуль – Виджеты – у вас на сайте wordpress определенно найдутся виджеты, которые бы вы хотели разместить на этой странице:

live composer, визуальный редактор страниц, лайв компоузер,

Модуль – Иконка – украшайте свой сайт, ставьте разнообразные иконки – их огромное количество:

live composer, визуальный редактор страниц, лайв компоузер,

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

live composer, визуальный редактор страниц, лайв компоузер,

Пример того, как выглядит настройка “Строки“:

live composer, визуальный редактор страниц, лайв компоузер,

Вот, собственно, и все что я хотел рассказать про Live composer – визуальный редактор страниц.

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

P.S. Когда Вы вносите какие-то изменения в тот или иной модуль, обязательно сохраняйте его настройки, прежде чем перейти к редактированию следующего. Если вы этого не сделаете, то настройки – не сохраняться! И Ваше время и силы будут потрачены напрасно! 

Ссылка на скачивание плагина – Live composer – визуальный редактор страниц.

 

16 КОММЕНТАРИИ

  1. Здравствуйте!
    Заинтересовал меня этот плагин. Но в вашей статье говорится, что не будет работать со записями. Т.е. не будет работать в блоговой форме.
    В итоге получается, как я понял, что плагин только для создания одностраничников (лендинг пейдж)?

    • Приветствую. Вовсе не обязательно, что только для создания Воронок. По сути, его можно использовать для украшательства страниц. Скажем так, в нем есть такие функции, которые могут пригодится, если не хочется тратить деньги на платный плагин типа: WPBakery Visual Composer. Кстати, если вы его не покупали, то рекомендую поискать обновленную версию (у меня руки не доходят пока что написать на него полный обзор и выложить последнюю версию). Думаю, где-нибудь в октябре как разберусь с текущими делами, сподоблюсь и напишу статью вместе со ссылкой на скачивание последней версии.

  2. Плагин понравился, хотела с его помощью оформить главную страницу. Только почему-то не получается при выводе постов в карусели и по рубрикам отображать миниатюры/фото. Галочкой этот пункт отмечаю. В чем проблема? Подскажите, пожалуйста.

  3. А вот у меня проблема: Домен переехал на https и при редактировании текста появляется запись Настройки модуля загружаются. Сохранить / Отменить действия появится в ближайшее время. При нажатии шестеренки контента, ничего не происходит. Как можно решить проблему?

    • Приветствую. На текущий момент, что на сайте разработчиков, что где-то еще ни какой информации об этом нет. Физически. Возможно, вам имеет смысл написать им в поддержку, приложив соответствующие скриншоты и объяснив суть проблемы. Я не ставил этот плагин на конкретно этом блоге, так как тестирую плагины на отдельном под домене и на нем нет ssl, после чего удаляю, так как не вижу смысла захламлять ими сайт. Так что в этом моменте я вам помочь не могу.

        • Да без проблем. Если выясните в чем проблема, пожалуйста, оставьте комментарий на сайте. Думаю, эта информация пригодится другим пользователям.

          • Вот что мне ответили: К сожалению, я должен попросить вас посетить эту страницу http://themeforest.net/item/seo-wp-social-media-and-digital-marketing-agency/8012838/support/contact/ и обратиться к разработчику темы за помощью , У нас есть соглашение с разработчиками тем, которые используют наш плагин для поддержки своих пользователей. Если разработчик темы не найдет решение (в большинстве случаев проблема в коде), он свяжется с нами напрямую.

    • Ну, в принципе, логично. То, что они отправили в поддержку. Вопрос в том ответят или нет.

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

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, напишите комментарий!
Пожалуйста, введите Ваше Имя здесь