Работа с изображениями

Изображения (проще говоря - картинки) - не менее важная часть публикации на сайте, чем собственно текст. Удачно подобранная картинка "для привлечения внимания", т.е. видимая на главной странице, несомненно привлечет внимание к теме и заставит читателя открыть вашу публикацию и прочитать ее. То же самое относится и к иллюстрациям в самой теме. Особенно, если она о котиках. ) Или о кулинарии, путешествии куда-либо... Поэтому сейчас мы рассмотрим инструменты добавления изображений, и будем их потом с успехом применять.
Для начала - та самая картинка, для привлечения внимания. Первый способ - нажать на иконку фотоаппарата, выбрать картинку на компьютере (телефоне) и закачать. Все, она уже на месте и будет выводиться на первой странице сайта, а также красоваться в самом начале темы. Второй способ - залить изображение по ссылке из интернета (зеленый значок ссылки). Я так не делаю, как правило, но способ рабочий, для кого-то и привычный...
На скриншоте - еще два способа вставить картинку - 3 и 4, о них далее по тексту.
Теперь вставляем картинки уже в тему, если они у вас предусмотрены. Делаем это "по классике", через кнопку "Вставить/редактировать изображение" (3)
Наилучший вариант - подбирать средние или большие по размеру горизонтальные картинки и вставлять их на всю ширину тела поста. Они будут открываться по клику в модальном окне, можно их хорошо рассмотреть. ) Ставим курсор текста между абзацами (очень желательно именно между абзацами, а не после текста или перед ним) и жмем на значок. Откроется инструмент загрузки, в котором, если без вывертов, нас интересует опция "Загрузить". Она предлагает два варианта: или перетащить картинку из компьютера в рабочую область, или через кнопку "Выбор изображения" - тоже классическим способом - выбрать картинку на компьютере и загрузить ее в текст через кнопку "Сохранить".
Результат предсказуем и приятен! )
Почему именно между абзацами, а не после текста или перед ним? Потому что обтекание текстом не работает, получится некрасиво.
Также можно загрузить картинку с какого-либо сайта по прямой ссылке. Для этого надо скопировать в адресной строке браузера ссылку на картинку (или кликнуть по картинке ПКМ - "Копировать адрес изображения") и вставить ссылку в окно "Источник". Эта картинка будет показываться в вашем посте до тех пор, пока она находится на том сайте, откуда вы скопировали ссылку на нее.
А вот, собственно, и все по картинкам в посте! ) Можно еще использовать неплохую опцию "Мини-галерея". Нужна она далеко не всегда. Самое целесообразное применение - в теме, где будет реально много фото, например в рассказе о поездке, обзоре яблоневого сада и сборе урожая. ) Ведь если все нужные фото пытаться разместить обычным образом, читатель просто устанет скроллить наш текст и бросит это занятие. По "фэншую" в теме не должно быть более 8-10 отдельных фото, мы должны пожалеть своего читателя. Поэтому мы нажимаем на кнопку "Выбрать и загрузить", и размещаем в мини-галерее до 15 фотографий. Они так же будут открываться по клику в модальном окне в своем оригинальном размере. Если 15 фото мало - сообщите мне, я увеличу количество загружаемых картинок до нужного.
На этом краткий обзор завершен. Можно приступать к творчеству! Удачи! )
спасибо Деду за такое роскошное и подробное объяснение!
Не иначе нас в космос в дизайнеры- полиграфисты готовят)))
На самом деле руководством пользователя зачиталась!
Меня как-то звали преподавать в компьютерную школу… )) Отказался. ) Могу клавиатурой по башке стукнуть невзначай, если балбес долго не понимает, чего надо. ))
* одела каску)))
Не надо бояться...))) Дед добрый… Уже 12-ый год храню в душе благодарность за подробное разъяснение, как вставлять картинки в комментах.
Как всё доступно рассказано! ( дремлет в вас наставник)
И хотя хочется больше читать, чем писать, надо разбираться — это жжжжж зарядка для мозга. Если мозг загружать новыми знаниями постоянно, то вроде как деменция минует)))))))))
Когда читаю, понимаю, но вот тренироваться буду перед двумя экранами — в одном читать, а в другом делать))). Хотя когда-то имела доступ в консоль сайта, чтобы наполнять его… но это было так давно...