Помещаем изображение в несколько кликов!

картинки wordpressПриветствую уважаемый посетитель!

В данной статье речь пойдет о размещении изображений на блоге wordpress.

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

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

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

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

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

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

Идем в админпанель блога. Записи – добавить новую.

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

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

Теперь нам нужно загрузить картинку, ее можно загружать как до размещения текста, так и после этого.

Жмем кнопку «Добавить изображение» (экран телевизора).

Затем кнопка «Выбрать изображение». Выбираем ваш файл.

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

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

Выбираем свою картинку

вставка картинок

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

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

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

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

Нажатием кнопки «Вставить в запись» вы вставите ваш медиафайл в вашу статью.


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

Для того, чтобы текст не налезал на ваши картинки, необходимо еще во вкладке дополнительно прописать расстояние в пикселях по горизонтали и вертикали.

Это делается просто. Наводим мышку на рисунок, щелкаем по нему, выделяется ваше изображение и жмем на появившуюся кнопку «редактировать», а потом вкладку «дополнительно».

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

Если желаете, то можно сделать рамку, при этом также нужно указать ее размер в пикселях.

После всех этих процедур не забываем нажать кнопку «обновить».

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

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

В левой колонке выбираем Параметры – Написание и в самом верху выставляем размер текстового поля, указывая количество строк, удобное для вас, после чего сохраняем изменения.

А вот что получается на самом блоге.

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

Теперь и вы знаете, как вставить вашу приготовленную статью и попутно вставлять картинки на wordpress.

Если вам понравилась статья, или имеется своя точка зрения по данному вопросу, то оставьте свой комментарий.

Успехов вам!

Помещаем изображение в несколько кликов!: 12 комментариев

  1. Сергей спасибо за статью. Всё сделала и всё получилось. Но всё равно возникли вопросы)). Как сделать так, что бы при нажатии на картинку в тексте выходила картинка в увеличенном виде. Очень нужно для скриншотов. Потому что полный размер не получается выставить на страничке.

  2. Татьяна, wordpress тем и хорош, что при возникновенни какой-либо проблемы всегда можно найти подходящий плагин и решить проблему. Попробуйте плагин Lightbox Plus, он увеличивает изображение прямо на месте, в статье. Есть и другие плагины, пробуйте, какой вам больше понравится, тот и используйте.

  3. @ Илья:
    Вас также поздравляю С Новым Годом и Рождеством!

  4. Добрый день!
    В версии вордпресс 3.5.1 при добавлении картинок выпадает совсем другое окошко. Там нет возможности установить рамку. У меня вопрос. А как все-таки установить рамку в последней версии?

  5. @ Татьяна:
    Там все также, загружаете картинку, вставляете в запись, потом на вкладке Дополнительно, проставляете отступы от краев и размеры рамки.

  6. Нажмите на вкладку дополнительно, у вас же на скрине она есть, все появится 🙂

  7. Спасибо за быстрый и четкий ответ. Вы мне очень помогли.
    У меня возник еще один вопрос.Новый блог настраиваю я сама. И в окошке,где должно быть фото админ, пусто. Как туда вставить свое фото?

  8. @ Татьяна:
    Не стоит благодарностей, заходите еще.
    Что касается вашего изображения, то вам нужно зарегистрироваться на сервисе граватар, я здесь писал, как зарегистрироваться http://egofilin.ru/blogovedenie/gravatar-vasha-vizitnaya-kartochka-kak-sdelat-gravatar/ После этого ваша фотография будет отображаться на других блогах в комментариях, ну и в админпанели тоже.

  9. @ Сергей Егерев:
    Сергей, а у меня есть граватар на других блогах (но там я шаблоны покупала и все делали за меня.Он пойдет или на каждый блог своей граватар?

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

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