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

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

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

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

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

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

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

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

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

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

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

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

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

Ответов: 49 к “Уроки 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, проверьте файл картинки (он должен быть латинскими буквами, без пробелов и должен находиться в соответствующей директории)

  32. 4lexey говорит:

    а у меня вообще в окне редактирования текста нет иконки добавления изображения :( Так что не получается ее даже выбрать.Что делать?

  33. MakerZ говорит:

    Почему в папку загрузки download/images загружатся вместо одного изображения сразу два или три под разное разрешение экрана видимо и как отключить эту функцию?

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

    Анна, Спасибо большое! У меня была та же проблема, про которую здесь уже несколько человек писали: картинка вставляется, а на сайте только рамочка видна или крестик, нажмешь на нее - картинка появляется. Изменила название файла на компе латинскими буквами и без пробелов - все пошло!

  35. dok говорит:

    прошу прощения, может вопрос не в тему, но все же, Почему в папке uploads одно и тоже изображение “размножается”. Т.е. я загружаю файл к примеру 1.jpg а через некоторое время обнаруживаю там нескольк файлов 1.jpg разного размера.
    Это нормально или нет.

  36. Елена говорит:

    Я тоже не согласна с Алиной, что тут все элементарно и говорить не о чем. Мне, например, поначалу сложно было сообразить, как вставлять изображения, но даже сейчас, когда я освоила все это, возникают вопросы. В частности, как правильно заполнять поля. Обязательно их заполнять все или достаточно строчек “Заголовок” и “Текст”, которые равны title и alt. Зачем во вкладке “Дополнительно” есть “Дополнительные параметры ссылки”? Это тоже нужно заполнять? А поле “Описание” для чего? Я вставляла туда текст, так его вообще нигде не видно.

  37. Максим говорит:

    Кто поможет мне)
    Вроде бы как всё элементарно. Да вот и не так
    Вставляю картинки уже в какой шаблон и у меня видно только картинку в записях на главноц!Когда открываешь запись всё работает правильно! Но как сделать что бы текст обтекал картинку в посте на главной?
    Я предпологаю что надо что то сделать с ксс только что?
    Помогите!

  38. bet говорит:

    2# Екатерина говорит:
    Январь 13th, 2010 в 5:24 дп

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

  39. Максим говорит:

    Лучше права поставьте 666 не надо 777
    если не получится попробуйте урлом залить
    или через фтп)

  40. max говорит:

    здравствуйте, подскажите пожалуйста, как в блоге на wp вывести два изображения рядом в одном посте? не одно под другим, а именно слева один image, справа второй, заранее спасибо

  41. Алексей говорит:

    Вот тут подробно все описано.
    http://en.support.wordpress.com/images/

  42. leonby27 говорит:

    подскажите кто нибудь плагин типо joomgallery

  43. Dmitriy говорит:

    Graphic design dorsetOur experience and innovative approach to Whether you require an e-business dynamic website. From the drawing board - Product video

  44. teen-ka говорит:

    А у меня при загрузке картинки сокращается тайтл, и получаются обрывки и многоточия http://www.teenager.by
    Как правильно изображения заливать, что бы было красиво?
    помогите плииииз!

  45. ирина говорит:

    День добрый!подскажите пож-та как вставить галерею картинок на сайт, если нужно, чтоб на основной странице была главная картинка, а при нажатии на нее открывались еще три.Пасиб.

  46. Александр говорит:

    Здравствуйте! У меня такая проблема: вставляю рисунок в страницу. Делаю выравнивание слева, отступы от текста. В админке выглядит все хорошо. Но на странице изображение растягивается по горизонтали. При чем где то 50 на 50 с текстом. Не пойму пока в чем тут дело? Помогите пожалуйста!

  47. Vitaly говорит:

    Доброго времени суток. По поводу элементарных действий - согласен с Алиной: тот, кто знаком хотя бы Вордом, и здесь без труда разберется, куда тыкать. Мы же, в свою очередь, должны говорить о проблемах, которые могут возникнуть. Вот у меня картинки не вставлялись в записи: серый квадрат - и все. Решил было, что надо права доступа 777 ставить. А потом просто переименовал название файла картинки с кириллицы на латиницу - и все заработало!
    Рекомендую всем, прежде чем лезть в файловые менеджеры и менять права доступа. Удачи, друзья!

  48. Денис говорит:

    Здравствуйте! у меня вот такая проблема! я недавно поставил новую тему (WPUnit) и у меня на главной странице в постах не отображаются картинки! когда в пост заходишь всё отлично, а так нету!может знаете как вылечить это? очень надо! спасибо!

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

    Подскажите пожалуйста, я обновила версию wordpress на 3.3.1 и в записях теперь нет иконки вверху с добавлением изображения(как у вас показано на рисунке)….
    как теперь можно добавить картинку в запись? если ее просто перетащить в текст то на сайте она не отображается и текст кстати тоже из за этого…

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