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

Изображения

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

Что такое Overhangs?

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

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

 

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

 

 

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

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

 

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

После нажатия на Add image в боковой панели инструментов выберите alt text: edit и заполните содержимое диалогового окна.

Атрибут Alt индексируется поисковыми роботами и имеет большое значение для SEO вашего сайта. Содержимое атрибута alt будет показано на месте изображения, если оно не было подгружено на страницу.

 Screen_Shot_2017-12-01_at_12.51.19.png

 

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

Для быстрой смены изображения в посте нажмите на иконку 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. Эту функцию можно применять, если вы, например, добавляете в пост инфографику или карту, к которой читателю нужно возвращаться по мере чтения текста.

 

Изображения в каких форматах можно загружать?

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

Обратите внимание, что загрузка .svg файлов напрямую в медиа-библиотеку WordPress запрещена из соображений безопасности. Однако, вы можете добавить файл с помощью любого из соответствующих плагинов, таких как SVG Support.

 

 

Что такое Overhangs?

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

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

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

 

 

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

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

Если шаблон вашей страницы позволяет устанавливать неограниченную ширину для поста, тогда установите во вкладке Post тип лейаута Grid System - Limited, а во вкладке Image для загруженного изображения установите Overhang – Both.

Ширину контента поста для выбранного типа сетки вы настраиваете на editor.setka.io в разделе Grid Systems.

WordPress:

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

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

 

 

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

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