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

Изображения

Содержание

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

1. Загрузить с компьютера

2. Добавить из бесплатной библиотеки Unsplash

3. На WordPress: выбрать из Библиотеки файлов

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

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

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

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

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

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

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

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

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

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

Что такое Overhangs?

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

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

 

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

Любое изображение сначала нужно добавить как файл. Изображения в Setka Editor можно:

1. Загрузить с компьютера

Screen_Shot_2019-08-30_at_16.52.08.png

 

2. Добавить из бесплатной библиотеки Unsplash

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

Screen_Shot_2019-08-30_at_16.53.57.png

 

3. На WordPress: выбрать из Библиотеки файлов

Screen_Shot_2019-08-30_at_16.57.29.png

Screen_Shot_2019-08-30_at_16.56.58.png

 

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

 

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

После нажатия на Добавить изображение в боковой панели, выберите Альтернативный текст и заполните содержимое диалогового окна.

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

Screen_Shot_2017-12-01_at_12.51.19.png

 

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

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

  

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

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

 

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

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

 

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

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

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

Галереи Setka Editor в режиме редактирования поста отображаются в WYSIWYG формате - именно так, как они будут выглядеть при публикации. Изменения, внесённые с помощью Custom CSS, будут так же отображаться в режиме редактирования. 

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

How_to_add_a_gallery_in_Setka_Editor.png

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

 

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

Нажмите выберите изображение и перейдите во вкладку Изображение на верхней панели. Выберите необходимое значение в меню Нижний отступ. Вы также можете использовать комбинацию клавиш Cmd / Ctrl↑ .

 

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

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

Кликните Скрыть подпись, если она не требуется.

 

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

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

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

Выберите Подпись -> Стиль подписи, чтобы поменять оформление на жирный, курсив или подчеркнутый.

 

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

Выделите изображение кликом, откройте вкладку Изображение на верхней панели и вставьте ссылку в поле Ссылка.

 

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

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

Откройте вкладку Изображение и дайте ему название в строке Якорь. Чтобы вернуться к нему из другой части текста, выберите Выделение, а затем заданное название, из выпадающего списка в меню Якорь.

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

 

Какие форматы изображений поддерживаются?

В разделе Добавить изображение -> Загрузить можно добавить только графические файлы форматов .jpeg, .gif*, .svg*, .png, .bmp.

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

*Поддерживаются как статичные файлы, так и анимации.

 

Что такое Выносы?

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

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

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

 

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

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

Если шаблон страницы позволяет устанавливать неограниченную ширину, установите во вкладке Пост тип сетки Сетка -> Limited, а во вкладке Изображение, для загруженного изображения установите Выноc –> Везде.

Ширина контента поста для выбранного типа сетки настраивается в Setka, в разделе Сетки.

 

WordPress:

Изображение в публикации, как и фоновое изображение, не может занимать ширину, большую, чем ширина поста. Ширина поста определяется настройками используемой темы WordPress.

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

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

  

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

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