Как правильнее поместить картинку в блог. Часть 2.

Стерео варио фото

..Продолжаем помещать картинку в наш блог. Начало статьи здесь.

3)  Итак. У нас готова статья, подобраны картинки, им присвоены нужные имена. Готовы.

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

Ставим курсор в то место текста, где хотим вставить картинку. Нажимаем на кнопочку «Добавить картинку».

Выбираем файл подготовленной картинки и вставляем.

Появляется окно настройки, где в заголовке – имя файла, можно менять, можно оставить как есть.  Альтернативный текст, внимание, этот текст для робота поисковика. Он именно его читает и показывает до загрузки самой картинки.

Если заполнить графу «Подпись», то под картинкой появиться подпись, логично. Теперь графа «Описание», дублируем «Альтернативный текст» и добавляем 2-3 ключевых слова или фразы. Лучше НЧ (низко частотные).

Далее,  нажимаем на кнопку «URL файла», пропишется адресная строка нашей картинки.

Следом идёт, как я понимаю, любимое всеми «Выравнивание». Если ставили курсор слева от текста, выбираем  кнопочку «Слева», если справа от текста, то соответственно кнопочка «Справа».

Если захотелось расположить картинку посередине текста, нажимаем «Центр», но в этом случае текст будет только под и над картинкой.

У нас осталась загадочная, и для меня тоже, кнопочка «Нет». Бывает, что она работает лучше остальных. В этом месте оставлю лёгкую интригу, пробуйте эту кнопку, может она Вас поймёт лучше, чем другие…

Последняя графа «Размер», не проходите мимо, те кто не уменьшал картинку заранее. Находим кнопочку под которой стоит нужный размер, напомню это 600-800 пикс. по высоте и выбираем её. Если картинка адаптирована, то оставляем «Оригинал». Всё.  Нажимаем «Вставить в запись».

Стерео варио фото

Наша картинка появилась в поле с текстом. Красота какая. Во всей, понимаешь красе, т.е. большая. Кому нравиться заполнять статьи такими гигантами, для Вас статья закончилась. А мы, микроминиатюристы, пойдём дальше, поболтаем.

Кликаем курсором по картинке и выбираем функцию «Редактировать изображение».

Открывается новое окно и в нём «начинается песня». Сразу выбираем «Размер» 60% и нажимаем внизу кнопку «Обновление».

Картинка уменьшилась, но недостаточно. По кругу,  кликаем курсором по картинке, выбираем «Редактировать изображение» и мы снова в знакомом окне.

Ставим, на своё усмотрение размер. Не бойтесь уменьшить, всегда можно увеличить картинку, выбрав любой размер больше 100%.

Пробегаемся по «Выравниванию», смотрим, как будет вести себя текст по отношению к картинке. Выбираем свой вариант.

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

Кто не поменял URL ссылки, нажимаем кнопку «Ссылка на изображение» и Обязательно переходим на вкладку «Расширенные настройки», вверху окна.

Стерео варио фото

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

В окне «Рамка» можно поставить цифру 1 или больше и тогда наша картинка будет обведена чёрной рамкой, если нужно.

В окне «Отступ (верт)», можно ставить любые положительные числа и наша картинка будет иметь отступ сверху и снизу от всего, что её окружает. Если картинка располагается в начале статьи, то можно окно оставить пустым. На Ваше усмотрение.

А вот  окно «Отступ (гориз)», без внимания оставлять нельзя. Справа или слева от нас текст, и нужно, как то от него отстраниться, а то подумают, что они вместе.

Ставим цифру 5-10, и картинка имеет свободное поле слева и справа.  Даже дышать ей стало легче. Чувствуете.

А дальше, невероятная по своей мощи галочка «в новом окне».

Внимание! Её нужно ставить всегда. Почему? Большая вероятность потерять посетителя блога,  когда он нажмёт на картинку и она откроется в этом же окне. Стоит ему нажать на закрыть закладку, и он ушёл гулять по просторам Интернета.

Как правило, рядом открыто ещё несколько закладок. Не будем терять друзей, пусть любуется картинкой в новом окне.  Ставим галочку и наконец-то нажимаем кнопку «Обновление».

Стерео варио фото

Ураааа… картинка куда-то встала и это уже хорошо.  Можем корректировать её до утра, но она будет стоять там, где ей больше нравиться. Се ля ви…

У адекватного читателя этой статьи, наверняка возник вопрос. А с какого перепугу Константин вставил именно эту картинку. Резонно. Попробую выкрутиться из щекотливой ситуации.

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

Во вторых, мне нравиться эта замечательная работа.

И в третьих, самое главное. Она так прекрасно  визуально раскрывает суть процесса по добавлению картинки в текст. Такое же отсутствие логики, как на выбранной картинке, и такой же результат, что-то, где-то, как-то встало и нам от этого ХОРОШО.

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

Это интересно твоим друзьям? Поделитесь с ними.
Мы можем стать друзьями. Напишите мне.

Читать похожие статьи:

  1. Как правильнее поместить картинку в блог. Часть 1.
  2. Что такое стереофотография? Часть 1.
  3. Что такое стереофотография? Часть 2. Псевдо-стерео.

Отзывов (39) на «Как правильнее поместить картинку в блог. Часть 2.»

  1. Иван пишет:

    Всё подробно и понятно.Спасибо

  2. NinaPontil пишет:

    Спасибо, за пошаговое обучение

  3. Иван пишет:

    Спасибо, но я это уже знаю. ;) .

  4. Гулия пишет:

    Именно так всё и стараюсь делать. Спасибо!

  5. Александр пишет:

    Для новичков- лучшее пошаговая инструкция!

  6. Elena пишет:

    Отличная инструкция и не только для новичков. Открыла для себя графу “Описание”, которую никогда не заполняю. Повторение не помешает,спасибо.

  7. Элла пишет:

    Главное, что с юмором – не захотелось уйти с половины. Молодец!

  8. Елена пишет:

    То, что нужно! Это как раз для таких “одаренных” технарей, как я… :) )
    Спасибо, Константин!

  9. Александр пишет:

    Спасибо за статью. Я Ваш блог в избранное положил.

  10. Александр пишет:

    Ну про картинки мы знаем, а блог симпатишный :) )

  11. Валерий пишет:

    Своеобразный стиль изложения. О серьезном с лирикой. Что же, неплохо получается.

  12. Альберт пишет:

    Для многих будет полезна эта информация!

  13. Игорь пишет:

    Отлично написано. Подробно и доходчиво. Молодец!

  14. Вера пишет:

    Отличная статья,повторенье- мать ученья.

  15. Дмитрий пишет:

    Очень интересно!!!Буду к вам по чаще заходить

  16. Ирина пишет:

    Благодарю, буду использовать как учебное пособие.

  17. Валерий пишет:

    Все доходчиво и понятно. Спасибо.

  18. Бурул пишет:

    У меня с этой кнопочкой “нет” было все как Вы описываете.Выравнивала “слева”,картинка встает в центр.Выравниваю “справа” – она опять в центре,решила нажать “нет”,и что вы думаете?Встала слева,как мне и надо было!

  19. Регина пишет:

    Спасибо, подсказали некоторые моменты,буду использовать!

  20. Наиль пишет:

    Повторение мать учения. Спасибо.

  21. Маргарита пишет:

    Теперь буду учиться как правильно ставить картинки. Я все еще не конца разобралась. Будем учиться. Спасибо Вам.

  22. Татьяна пишет:

    Очень подробная инструкция. Подойдет даже для тех, кто не смотрел видеоуроки школы.

  23. Ксана пишет:

    Что же, неплохо получается.

  24. Татьяна пишет:

    Подробная статья. Всю информацию по полочкам разложили)))

  25. Светлана пишет:

    Хороший tutorial !!!

  26. Ксана пишет:

    Повторение мать учения. Спасибо.

  27. Светлана пишет:

    Спасибо за статью!

  28. Ira101160 пишет:

    Константин, я Вас поздравляю! У Вас родился свой, тонкий, неповторимый, с хорошим юмором стиль. Приятно читать, тем более для меня – очень актуальная информация!

  29. Natabul пишет:

    Интересный у вас стиль изложения. Читаешь и хочется дойти до конца. Спасибо.

  30. Владимир пишет:

    Вроде бы все знаешь, а тут прочитал и освежил в памяти.

  31. Тагир пишет:

    Интересная мысль!!! Повторять пройденный материал школы, при этом делиться опытом с другими кто вообще этим не занимался. У тебя это хорошо получилось.

  32. Татьяна пишет:

    Спасибо за напоминание – галочку “в новом окне” совсем упустила из виду.

  33. Ольга пишет:

    Очень интересная и полезная статья! Вставила ее в закладки. Спасибо за подробнейшую консультацию.

  34. Жанна пишет:

    У вас не только красивый, но и полезный сайт, Константин. На некоторые моменты при загрузке картинок не обращала внимание, теперь буду использовать.

  35. Олег пишет:

    С юмором впорядке, со знаниями тоже. Помещаем правильно картинки.

  36. светлана пишет:

    Взяла на заметку , картинки то я люблю больше чем текст, вот только у меня вечная проблема с их вставлением , вечно они у меня скачут, сейчас попробую вашим методом, спасибо, очень мне эта статья по душе.

  37. Ирина пишет:

    Добавила статью в закладки. Спасибо.

  38. Наталья пишет:

    Вставить картинку – легко, после Вашей статьи. Я прочувствовала всю важность темы. Спасибо, интересно читать.

Ваш отзыв