Уроки Wordpress: Как добавлять изображения в запись

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

Чтобы вставить изображение в запись необходимо открыть запись на редактирование, установить курсор в то место текста, где необходимо вставить изображение и нажать на кнопку загрузки медиафайла:

После этого, откроется диалог, загрузки изображения в блог:

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

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

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

Нажмите на изображение, которое Вы только что вставили в запись, появится иконка, которая позволит Вам открыть свойства изображения:

В открывшемся окне выберите закладку “Дополнительно”

В нижней части окна дополнительных настроек введите вертикальный и горизонтальный отступ в пикселях:

После этого, нажмите на кнопку “Обновить”.

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

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

Ответов: 31 к “Уроки Wordpress: Как добавлять изображения в запись”

  1. Алина говорит:

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

  2. Анна говорит:

    Здравствуйте, Алина. Нам все-таки кажется, что данный пост будет полезен начинающим пользователям-блоггерам, так как уровень технической подготовки клиентов компании Эскхостинг очень разный, от программистов до начинащих, у которых блог на WordPress это первый в жизни сайт. Мы хотим, чтобы посты в рамках уроков были полезны всем категориям пользователей. Что касается Ваших предложений, мы обязательно их учтем в следующих уроках. Если у Вас еще есть какие-либо пожелания, пожалуйста, пишите!

  3. admin говорит:

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

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

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

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

  4. Sticka говорит:

    до недавнего времени сам пользовался этой функцией на одном блоге - но в один момент окно загрузки перестало открываться, не подскажите в чем может быть причина?

  5. Борис говорит:

    Столкнулся с проблемой при загрузке картинки. Я и так понял без комментариев что делать и как загружать картинку, НО есть одно НО…
    Проблема в том что при загрузке картинки с компьютера у меня вообще сначало говорит изменение размеров и начинает запрашивать имя пользователя и пароль. Абсурд. Знаю, что не надо вводить имя и пароль, но ввожу :-), а оно меня спрашивает Вы уверены, что хотите сделать это? и добавляет Пожалуйста, попробуйте ещё раз. И музыка начинается обратно. Но это еще не все. Я попробовал картинки загрузить через загрузчик браузера. И что вышло?, а ничего. Просто выдало Загруженный файл не может быть перемещен в…. мой…. html/wp-content.
    Может что не так в настройках сделал может что не так прописал? Целый день парюсь с этим уже мозги скоро отекать начнут. К сведению сайт новый только созданный.
    Вот такая вот проблема. Стыдно что не могу разобраться, но помогите.

  6. Ирина говорит:

    А мне, “чайнику” в вордпресс, была очень полезна эта статья. Потому что метод “тыка”- это хорошо, но он отнимает кучу времени. А вот такие схемы, где всё разжевано и разложено по полочкам, оказываются весьма кстати.
    Так что большое спасибо!

  7. Мари говорит:

    Помогите, не могу вставить картинку Гружу с компьютера Размер маленький (я их же грузила на другом блоге было все нормально) Пишет Загруженный файл не может быть перемещен в /home/xxxxx/public_html/wp-content.
    Пол дня ищу инфу но все советы сводятся к изменению прав доступа к папке uploads. Права доступа я поменяла. Блог совсем новый.Тупик прямо

  8. Мари говорит:

    кстати Борис писал о том же! Интересно он с проблемой справился? Только пароль у меня не просит

  9. Радкевич С. говорит:

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

  10. Slavjke говорит:

    тоже с картинкой проблемы((

  11. наталья говорит:

    полный url изображения- где мне это взять на wp ? помогите

  12. Андрей говорит:

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

  13. Надежда говорит:

    Ну так толком ничего и не ответили! Так почему же всё-таки картинка не грузится ни одним из методов, описанных в данной статье, за которую большое спасибо авторам!
    Пожалуйста, ответьте!!!

  14. Den говорит:

    Использую тему для WP F8
    В ней на главной странице автоматом выводится изображение из нового поста. Проблема в том что изображение в полный фрейм в новой записи выводится в хорошем качестве. А на главную выводится размыленное.. низкого качества.. хотелось бы выодить нормальные снимки а не “мыло”..
    Если подскажите в чем трабл буду весьма благодарен..

  15. Сибдей говорит:

    Такая же свистопляска: не могу загрузить изображение… всё ругается “Загруженный файл не удалось переместить в /home/vhosts/мой сайт/wp-content/uploads.”
    В настройках сохранение файлов указал по умолчанию wp-content/uploads.
    Создал такой же файл в хостинге (бесплатный).
    Исправил на http://мой сайт/wp-admin/options.php в строке upload_path на такую: wp-content/uploads
    Всё равно ничего не получается.
    Что делаю неправильно ?

  16. физрук говорит:

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

  17. Cherepah говорит:

    У себя исправил эту проблему с загрузкой (“Загруженный файл не удалось переместить в”).
    Лимит на загрузку файлов стоял 3Мб, а файл - 4,5Мб.
    Увеличил лимит - заработало

  18. Роман говорит:

    По поводу “элементарно” абсолютно не согласен с Алиной. Я человек с гуманитарным образованием и многие банальные вещи вроде прикрепления домена к хостингу, работы с дополнительнми доменами или настройки wordpress с первой попытки не показались мне, мягко говоря, элементарными.

    Понятно, что сделав то или иное действие 150 раз, начинаешь разбираться, но где мне было узнать, например, как вставить картинку?
    В Wordpress это абсолютно неочевидно, раз уж на то пошло - маленький мутный квадратик в ряду других на панели форматирования - попробуй догадайся. И зачем “тыкать”, если я могу задать вопрос в Интернете и через секунду получить ответ, наподобие этого? Кому не нужно - может не читать :)

  19. Ильдар говорит:

    С Романом полностью согласен. Кому мало информации вперед на форумы. Я-новичок, блог новый, зашел туда и ушел со сломанным мозгом.
    У меня проблема с видимостью загруженного изображения. Отлично загружается. но видимости нет, есть только значок корректировки и удаления. Если изображение вставляется в текст - видна только серая рамка, если в свободное поле - видно только описание картинки. Прошу помощи.

  20. rubik0n говорит:

    по поводу проблемы с загрузкой изображений.
    причина в настройках папок вашего хостинга.
    при регистрации на хостинге (не вордпресса, не фтп и не сайт покупки хостинга) вам выдавались логин и пароль к вашему аккаунту. заходите в него.
    если не знаете адрес - пишете письмо в поддержку хостинга. там есть пункт “файлы”, “менеджер файлов” и т.д.
    находите вашу папку, на которую WP ругается, что файл перемещен быть не может и задаете ему атрибуты на возможность записи в каталог (777)
    пробуем.
    у меня все заработало.

  21. Ильдар говорит:

    Большое спасибо, проблему решил. Был установлен неправильный путь загрузки. Все работает корректно.

  22. Екатерина говорит:

    изображения не загружаются, пишет Unable to create directory /home2/…../public_html/wp-content/uploads/2010/01. Is its parent directory writable by the server?
    помогите проблему решить
    если папки нужно создать uploads/2010/01 - не помогает

  23. acid говорит:

    Ребята, подскажите, как вставить несколько картинок рядом, с описаниями, у меня вон что выходит =(
    Все криво(
    Сервер клиптунет не работает, как заработает покажу скрин.
    Буду благодарен за помощь.

  24. Бест говорит:

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

  25. Андрей говорит:

    Здравствуйте,проблема с магазином на ВП,а конкретно с загрузкой изображения товара.Выбираю фото,подтверждаю,страница обновляется-фото нет,не ругается ни на что,а просто на маленьком окошке,где должно быть фото,пишет,что не загружено.Ниче не пойму,уже и размеры менял,все равно….Как быть?

  26. Артур говорит:

    “У меня похожая проблема ранее описанная Ильдаром
    Декабрь 25th, 2009 в 2:46 дп”
    прблема с картинками. При загрузке в админке, файлы(картинки)загружаются в библиотеку некоректно(редактировал их в пеинте,)физически они вроде присутствуют,но вместо изображения пустая рамочка,…при загрузки других картинок,из других источников все корректно…при подстановки своей редактированной картинки непосредственно в статью также пустая рамочка…текст отбражается нормально. Думал что может из-за формата ….конвертировал свое изображение(png)в (jpg)непомогло…
    Свой блог пока на локалке,
    в блогах я чайник,поэтому попрошу поподробней ответить на мой вопрос,как решается эта проблема,заранее спасибо.

  27. Сергей говорит:

    У меня вообще очень загадочная проблема.Когда нажимаю на квадратик загрузки изображения, появляется окно с вопросом “Вы уверены что хотите это сделать?” и ссылка “Попробуйте еще раз”..Нажимаю на нее и в новом окне снова повляется мой редактор..там снова нажимаю на загрузку картинки и все повторяется снова..Уже wordpress обновил, ничего не поменялось…

  28. Николай говорит:

    Пожалуйста, подскажите, что не так? Картинку загружаю, она загружается, но затем не показывает, такое ощущение, типа программа не читает?

  29. рОман говорит:

    При добавлении png изображения (с прозрачностью) в статье прозрачности нету , вместо неё идёт серый фон .

  30. Dragon говорит:

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

  31. Anna говорит:

    Dragon, проверьте файл картинки (он должен быть латинскими буквами, без пробелов и должен находиться в соответствующей директории)

Напишите Ваше мнение