Максим Соколов

Конвертер Webflow to Wordpress. Справочник


Скачать книгу

href="#image14_5b0bc3026b2d26732722f12a_jpg.jpeg"/>

      И у Вас получиться такой Редактор как показано ниже.

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

      Как подключить элемент Paragraph?

      Пример: Элемент находиться в какой либо секции например на Главной странице

      Все последующие шаги повторяем как в предыдущем примере, только тип поля выбираем «Область текста».

      Для области текста обязательно спускаемся вниз к разделу Перевод строк и выбираем Автоматически добавлять тег <br>

      Если этого не сделать по у нас параграфы будут вложены в параграфы, что противоречит правилам HTML.

      Далее сохраняем наше поле и переходим к разделу страницы как показано в примере с Заголовком и заполняем поля.

      Как подключить элемент Link?

      Пример: Элемент находиться в какой либо секции например на Главной странице

      1) На этот элемент ставим 2 метки

      в поле Name пишем f_text (это значит что мы будем подключать текстовый элемент)

      и в поле Value пишем Название (туда мы будем вписывать описание ссылки, например – «Мы на Facebook»)

      и вторая метка в поле Name пишем f_link (это значит что мы будем подключать ссылку)

      и в поле Value пишем Ссылка (сюда мы будем вписывать нашу ссылку, например – https://www.facebook.com)

      На стороне WordPress создаем 2 текстовых поля.

      Сохраняем и переходим в страницы для заполнения полей.

      Посетитель сайта будет видеть только Название ссылки (Ссылка на Facebook), а при клике на ссылку он перейдет по адресу (https://www.facebook.com)

      Есть еще и другой способ подключить ссылку.

      1) Тип поля выбрать «Ссылка»

      2) Отношение – Ссылка

      Если нажать на карандаш то откроется окно со следующими настройками

      3) Отношение – Ссылка на страницу.

      Этот вариант предлагает сделать перенаправление на страницу если у вас есть созданные страницы.

      Также мы можем использовать текстовое поле (для метки f_link для перехода на страницу) и в нем записать

      / + ярлык (слаг страницы). Например: /news или /contacts

      При клике будет осуществляться переход на ту страницу которую вы указали.

      Например:

      Как подключить элемент Text Block?

      Текст блок подключается так же как и элемент Heading или Paragraph

      Как подключить элемент Block Quote?

      Block Quote подключается так же как и элемент Paragraph