Стандартный редактор и галереи

Стандартный редактор выглядит следующим образом:

Как видим, здесь имеются кнопки форматирования текста, а также замечательная кнопка «Добавить медифайл». Давайте добавим текст и фотографии.

Здесь я изменил размер, цвет и сам шрифт:

И указал ширину блока 800px и верхний отступ в 50px:

И получилось вот так:

Теперь добавим сюда фотографии. Для этого нажимаем кнопку «Добавить медиафайл» и перетягиваем в нее картинки и затем нажимаем кнопку «Создать галерею»:

А здесь «Создать новую галерею»:

Здесь можно поменять порядок фотографий и указать необходимые настройки. Если вы хотите, чтобы по клику фотографии разворачивались во весь экран, выберите «Медиафайл». Далее число колонок (не действует для Justified), размер средний и тип галереи:

Вставляем и смотрим изменения на сайте:

Настроим галерею. Внешний вид — Настроить — Галереи. Здесь у нас используется Masonry, для нее есть только одна настройка — отступы:

Давайте изменим тип галереи. Возвращаемся в окно редактирования записи, жмем на картинки и нажимаем на карандашик:

Выберем вид Justified:

Нажимаем «Обновить» и смотрим изменения:

Masonry и Justified работают только, если выбран размер «Средний».

Настроим галерею. Внешний вид — Настроить — Галереи. Укажем отступ и высоту фотографий. Вы уже заметили отличия от Masonry?

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

И вот ваша подпись:

А если нам нужна обычная лента фотографий? Тогда в настройках галереи просто нужно указать число колонок 1 и размер полный:

Смотрим изменения. Обратите внимание, что вертикалки автоматически имеют ширину 50%:

Если вы не хотите автоматические вертикалки, то это можно отключить в «Внешний вид — Настроить — Галереи»:

Но возможность создавать диптихи никуда не делась. При редактировании галереи выбираем нужные фотографии и отмечаем галочкой ширину 1/2. Делаем это соответственно для двух соседних фотографий.

Смотрим:

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

 

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

Вписываем нужную информацию. Выделяем почту и жмем значок ссылки. Видим, что редактор автоматически заполнил поле ссылки:

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

И теперь сделаем ссылку на страницу. Вписываем ссылку и жмем значок шестеренки:

Отмечаем галочкой «Открывать в новой вкладке» и жмем «Обновить».

Редактор имеет множество других кнопок, которые не сложны в освоении и похожи на обычный текстовый редактор на компьютере.

Если вдруг вы хотите редактировать текст как HTML, то поставьте галочку в настройках шаблона:

И здесь появится нужная вам вкладка:

Если вам нужно вставить видео с Vimeo или Youtube, то просто вставьте ссылку на видео в редактор, и он сам подгрузит видео.

Ну и еще, что хотелось отметить из важного: если вы вставляете текст копипастом с других сайтов или, например, ворда, верстка вашего сайта может поломаться из-за «подхваченных» стилей. В этом случае перед вставкой текста нажмите эту кнопку, и скопированный текст вставится просто как текст:

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

И в нем вы можете писать текст, форматировать его, добавлять галереи и тп.