Редактор постов Изображения

Изображения

Любое изображение, которое вы планируете вставить в текст, сначала нужно добавить как файл. Чтобы добавить изображение, нажмите на кнопку add image на панели инструментов справа, выберите и загрузите нужный файл.

 

 

Как вставить изображение в пост?

Чтобы вставить изображение в пост, добавьте новый абзац, а затем кликните на загруженную картинку. Чтобы вставить изображение в строку, нажмите Shift + Click.

 

Как поменять изображение на другое?

Для быстрой смены изображения в посте нажмите на иконку Screen_Shot_2017-09-14_at_15.55.24.pngв ее правом нижнем углу. Выберите нужное изображение в блоке Images, и оно автоматически встанет на место предыдущего.

 

 

 

Как просмотреть загруженное изображение в реальном размере?

Нажмите на кнопку add image, а затем на значок лупы в правой части загруженного изображения. Оно откроется в отдельной вкладке в вашем браузере.

 

 

Как получить ссылку на загруженное изображение?

Нажмите на кнопку add image, а затем на значок ссылки в правой части загруженного изображения. Во всплывающем окне появится ссылка на него.

 

 

Как добавить галерею?*

Загрузите изображения на панели инструментов справа от окна предпросмотра, нажмите на кнопку  add image gallery, выделите появившиеся окно в поле поста,  и выберите те картинки, которые вам нужны.

Галерею можно вставить и в колонку сетки.

*Инструмент галереи доступен только на тарифах Pro.

 

Как регулировать отступы снизу под изображением?

Нажмите Image > Bottom Indent. Вы можете задать размер отступа в пикселях (px). Вы также можете использовать шорткат Cmd / Ctrl + (стрелочка вниз-вверх).

 

Как сделать подпись изображению?

Добавьте подпись к изображению нажатием на иконку Screen_Shot_2017-09-14_at_15.55.17.png Caption on в нижнем правом углу картинки.

Кликните Caption off, если подпись не требуется.

 

Как редактировать подписи под изображениями в посте?

Подписи могут располагаться под картинкой по центру, справа или слева. Кроме того, они могут быть написаны курсивом или жирным шрифтом. Чтобы форматировать подпись, выделите ее в поле поста, кликнув на нее курсором.

Нажмите Caption > Caption align и выберите нужный тип выравнивания на верхней панели инструментов. Выровняйте текст по центру, по левому краю, по правому краю или по ширине поста.

Нажмите Caption > Caption styles и выберите нужный тип оформления: жирный, курсив или подчеркнутый.

 

Как превратить изображение в ссылку?

Выделите изображение, кликнув на него, откройте вкладку Image и вставьте ссылку в поле Link.

 

Как превратить изображение в якорь?

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

Откройте вкладку Image и дайте изображению название в строке Anchor name. Чтобы вернуться к нему из другой части текста, нажмите Selection, а затем выберете заданное название в меню Anchor. Эту функцию можно применять, если вы, например, добавляете в пост инфографику или карту, к которой читателю нужно возвращаться по мере чтения текста.

 

Как загрузить .PDF файл внутрь поста?

В разделе Add image - Upload можно добавить только графические файлы форматов .jpeg, .gif, .svg, .png.

Однако, вы можете загрузить файл иного типа на ваш сервер по FTP или через панель инструментов вашей CMS. Сделав это, в нужном месте вашего поста, вы можете вставить ссылку на файл или, кликнув на объект, присваиваете ему url на ранее загруженный файл.

 

Что такое Overhangs?

Overhangs — это вынос контента на отступы. Их можно добавить для таблиц, картинок, эмбедов.

При верстке поста в редакторе Setka Editor появляются отступы от края поста до контента с правой и с левой стороны.

По умолчанию выносы отключены (Overhangs > none). Для каждого элемента индивидуально есть возможность выставить выносы в обе стороны (влево и вправо) или в одну сторону (только влево или только вправо). Величина выноса зависит от размера полей (margins) в выбранном стиле (например, если в стиле margins = 0, то вынос тоже равен 0). На мобильных устройствах у всех стилей по умолчанию отступы от края поста равны 10px с обеих сторон. Чтобы убрать отступы, нажмите Overhangs > both.

 

 

Как растянуть изображение на всю ширину экрана?

Setka Editor – это редактор поста, поэтому он работает только с контентом, входящим в состав поста.

Изображение в публикации, как и фоновое изображение, не может занимать ширину большую, чем ширина вашего поста. Ширина поста определяется настройками WordPress темы (WordPress theme), которую вы используете. Если ширина вашего поста ограничена сайдбарами слева и справа, либо другими настройками темы, вы можете добиться 100%-ширины только установить специальные плагины, например Fullwidth Page Templates, или изменив настройки в css-файлах вашей WordPress-темы.

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

 

Как вставить фоновое изображение?

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