Оформление картинки к посту в WordPress

Сайт в тему: студия дизайна одесса.

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

Раньше я брал картинки для постов в «Яндекс.Картинках» — images.yandex.ru, в последнее время пользуюсь фотостоком — sxc.hu. Обратите внимание, при поиске там сначала отображаются платные картинки с защитными знаками, а ниже бесплатные, которыми я и пользуюсь. Чтобы скачать изображение полного размера нужно войти и зарегистрироваться, мне подходит и уменьшенный размер, «самое то» для того, чтобы вставить перед постом. Скачайте картинку себе в компьютер просто перетащив ее мышкой, например, в папку «Мои изображения«.

Теперь при написании статьи оставьте указатель там, где должна появиться картинка и нажмите самый первый квадратик там, где написано «Загрузить / вставить», на скриншоте нужная кнопка выделена красным:

Добавление картинки в WordPress

Откроется меню добавления картинок, дальше нужно нажать кнопку «Выберите файлы», а если у вашего компьютера проблемы с флеш, тогда нажмите ссылку «загрузчик браузера». После нажатия кнопки, найдите вашу картинку на компьютере и нажмите «Открыть». Вы увидите уменьшенное изображение и настройки, что значит каждая настройка:

Заголовок — это значение пойдет в атрибут TITLE картинки, оно будет показываться при наведении мыши на картинку. Используйте ключевые слова.
Альтернативный текст — это значение пойдет в атрибут ALT, оно используется поисковыми системами, а также если картинка по каким-то причинам не отобразилась появится эта надпись. Используйте ключевые слова.
Подпись — (в некоторых версиях WP) — значение появится под картинкой в качестве описания, а также в атрибуте ALT (его в этих версиях нет, если не использовать Подпись, то ALT идет из Заголовка).
Описание — возможно используется только для администратора, а может в каких-то шаблонах есть возможность использования описания, я не использую это поле.
URL ссылки — будет ли картинка ссылкой, можно сделать, чтобы она ссылалась на сам файл картинки или на пост, а можно сделать картинку без ссылки. Используйте три кнопки под полем.
Выравнивание — где картинка будет находится относительно текста. Чаще всего используют центр — если картинку вставляют перед постом или слева — если картинка миниатюрная и хорошо впишется слева от текста статьи.
Размер — здесь можно выбрать нужный нам размер изображения, если вы скачали, не все пункты всегда активны.

Когда вы настроили все пункты остается только нажать кнопку «Вставить в запись».

Перегородки для офиса любых конструкций - офисные перегородки в Москве. Видеокурсы на любую тему: видеокурсы по созданию сайтов, раскрутке и другим темам.

21 комментариев к записи “Оформление картинки к посту в WordPress

  1. Сергей

    Ох-хо-хой если бы раньше встретить этот полезный пост а то маялся когда первый раз настраивал

  2. Летов

    за фотохост спасибо. тоже беру с яндекса картинки.

  3. haserk

    Ага, Я.Картинки универсальный фотохостинг, но в последнее время там тоже что-то поредело. А статья хорошая, но незнаю, слишком для новичка что ли.

  4. dan1005

    А я пользуюсь поиском гугла в картинках, по нужным ключевикам.

  5. Ильдар Хакимов Автор статьи

    dan1005, терпеть не могу поиск по картинкам от гугла, мне кажется он такой кривой, как-будто не гугл его делал.

  6. dan1005

    > будто не гугл его делал
    🙂 надо попробовать у яндекса

  7. arshavin

    Я тоже Яндексом пользуюсь для поиска картинок)Там хоть регаться не нужно)

  8. artem

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

  9. Ильдар Хакимов Автор статьи

    artem, в таком случае рисовать самому 🙂

  10. artem

    )) так то да… Но вряд ли многие так делают. Вот и мне не хочется так заморачиваться, но так же хочется что бы за картинки потом не наругали:)

    Вы я так понимаю не сталкивались с проблемами, когда владелец картинки как то ругается?

  11. Ильдар Хакимов Автор статьи

    artem, поругается — удалю, в интернете так принято. На счет картинок ничего такого не было, но однажды компания Барс-Медиа попросила удалить несколько песен одной исполнительницы, права на которые принадлежат им. Я удалил и все.

  12. artem

    Ясно, не буду и я значит париться по этому поводу)

    Ну тогда другой вопрос. Вот написал ты пост, как происходит процесс подбора картинки под него? Понятно что она в идеале должна хотя б отдаленно отражать суть поста. Если пишешь даже по 1 такому посту в день ещё можно покавыряться какое то время в куче фоток …. но что делать когда статей тебе в день надо 10-20 размещать … тогда это уже начинает напрягать %)

  13. Ильдар Хакимов Автор статьи

    artem, я слышал про какой-то плагин, который позволяет искать картинки прямо из админки, во время добавления, но не нашел его. Оформляю картинками посты только в одном блоге, поэтому не особо парюсь.

  14. artem

    ясненько. Тогда может подскажите откуда берете картинки сами? Понял только, что не в гугле)

  15. Ильдар Хакимов Автор статьи

    Яндекс.Картинки

  16. artem

    🙂 замучил я вас наверное уже…. Если не сложно, можете описать процесс подбора картинки, на конкретном примере ….

  17. Ильдар Хакимов Автор статьи

    1. Захожу на images.yandex.ru.
    2. Ввожу нужный запрос и кликаю по понравившейся картинке.
    3. Если на открывшейся странице качество картинки нормальное, перемещаю ее мышкой в открытую папку «Изображения».
    4. В вордпрессе нажимаю вызов картинки, нажимаю папку «Изображения».
    5. В визуальном режиме уменьшаю ширину картинки до 500 пикселей и сохраняю.
    6. Время от времени папку «Изображения» очищаю».

  18. Анатолий

    Цитата «Используйте три кнопки под полем». Что это? Использовать одновременно все три нельзя. Остается по очереди — Нет, Текущая ссылка или Ссылка на изображение. Какую вы обычно используете? Какая разница между второй и третьей?

  19. Ильдар Хакимов

    Я картинки делаю без ссылок, если они небольшие и влезли на страницу, а если показывается только часть картинки, тогда — ссылка на изображение. Если поставить «Текущая ссылка», то при клике по картинке обновится (откроется) страница, на которой находится картинка, во втором случае откроется картинка в полном размере.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *