Шаг №20.Как добавить картинку к записи WordPress.

Добрый день дорогие друзья,в прошлой статье мы с Вами занимались настройкой плагина All in one SEO Pack ну а в этой статье я хочу показать Вам как можно добавить картинку к записи на WordPress.

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

Переходим в Записи->Добавить новую запись:

Как добавить картинку к записи WordPress

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

На картинке отмечена стрелочкой пиктограмма для добавления изображения к записи на WordPress.

1)Для добавления изображения к записи нажмите на данную пиктограмму.

2)После того как нажмете на пиктограмму появится окно для добавления изображения к записи.

добавлении картинки в статью

Существует несколько способов добавления изображения к записи:

  • С компьютера;
  • С сайта;
  • Библиотека файлов;

Рассмотрим каждый из вариантов.

Как добавить изображение к записи WordPress с компьютера?

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

добавление изображения к записи

2)Открывается стандартное окно Windows для выбора картинки.

добавление изображения к статье

3)Выбираем нужный Вам файл и нажимаем на кнопку “Открыть”.

4)Происходит процесс загрузки изображения в WordPress:

Как добавить картинку к записи WordPress

Как добавить картинку к записи WordPress

И появляется окно для добавления информации о изображении:

Как добавить картинку к записи WordPress

При добавлении изображения в WordPress в “Заголовок” и “Текст” пропишите ключевые слова,Вашей статьи,это очень поможет в плане поисковой оптимизации.

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

Как добавить картинку к записи WordPress

Как добавить изображение к записи WordPress с сайта?

Процесс добавления изображения к записи с сайта очень похож на добавление картинки к записи с компьютера:

1)Нажимаем на пиктограмму добавить изображение к записи.

2)Переключаемся на добавление картинки с сайта:

Как добавить картинку к записи WordPress

3)Появляется панель для добавления картинки к записи с сайта:

Как добавить картинку к записи WordPress

Введите:

  • Адрес(URL) сайта на котором хранится картинка.
  • Название.

Нажимайте “Вставить в запись”.

Как добавить изображение к записи WordPress из библиотеки файлов WordPress?

1)Переходим на вкладку “Библиотека файлов”.

2)И возле нужного изображения нажмите “Показать”:

Как добавить картинку к записи WordPress

Далее все действия аналогичные как в инструкции к добавлению картинки к записи WordPress c компьютера,а собственно прописать название картинки,текст и нажать на кнопку “Вставить в запись”.

На этом считаю данный урок.Встретимся с Вами в следующих уроках.Кстати следующий урок будет посвящен добавлению миниатюры к записи.

  • http://www.poliss-schit.ru/ Станиславский

    Приветствую. Благодарю за материал. А то пол интернета переискал, а нашлось только здесь.

  • http://www.smiruponitke13.com/ Валентина

    Извините, я никак не могу сделать изображение к записи.Вариант «с компьютера» — не подходит, так как я новичок, и у меня в компьютере ещё ничего нет.Выбрала последний
    вариант «из библиотеки файлов WordPress», но там вообщё нет рисунков и некуда щёлкнуть,
    нет слова «показать». Я новичок!!! Может быть Вы мне подскажите, как загрузить эти самые
    картинки в компьютер? Или подскажите как их запихать в библиотеку файлов? Ведь и Вы не родились вундеркиндами! Что мне делать?

    • http://wpcreate.ru Артем Петрусенко

      Валентина,перейдите по ссылке http://www.google.ru/imghp?hl=ru&tab=wi введите запрос на интересующую тему,выберите картинку,нажмите правой кнопкой мыши,и нажмите сохранить рисунок,после того как он загрузится на компьютер,можно будет загрузить картинку с компьютера.

      • Александр

        Ты такой интересный,Артём…человек же пишет ясно и понятно — НОВИЧОК!!! а ты его в гугл отправляешь.А формат,размер он знает?

    • Esko

      Вот это ржач — человек не знает где искать картинки и как их сохранять, но уже создает свой сайт 😀

    • Александр

      Валентина,вот тебе инструкция:
      -на своём компьютере создаёшь папку «картинки» и запоминаешь где она
      -в строке браузера набираешь: http://www.yandex.by
      -вверху над строкой поиска нажимаем «картинки»
      -в появившейся поисковой строке указываем тему картинки (природа,деньги,мир и т. д.) и нажимаем «найти»
      -на понравившуюся картинку нажимаешь один раз левой клавишей мыши
      -чтобы скачать нужно на картинке нажать правой правой клавишей мыши и выбрать пункт в открывшемся окне «сохранить картинку как…»
      -открывается окошко,в котом ты,используя кнопку со стрелочкой вверх,находишь свою папку «картинки»
      -внизу справа нажимаешь «сохранить»
      Успехов в создании и развитии сайта!

  • http://pomogi-blizjnemy.ru/ Татьяна

    Здравствуйте. Я хочю вставить 3 картинки в один ряд.А текст под ними. Когда я нажимаю на обновить, всё перекашивается — картинки встают как попало и текст с правой стороны картинки выходит. Как же всё таки сделать так как мне надо? Может для этого какой то плагин есть или я не правильно что то делаю?

  • Света

    Доброго времени суток, Артем!
    Большая проблема у меня… при нажатии в записи на пиктограмму Загрузить/вставить — ничего не происходит. =( Изображение в записи получается вставить только путем копирования самой картинки и кнтрлв ее в текст, а это, как понимаете, крайне не удобно.
    Можете ли подсказать в чем может быть дело?

    • http://wpcreate.ru Артем Петрусенко

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

    • http://mes-blog.com.ua Евгений

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

      • http://healttopeople.com Владимир

        Евгений, такая же ерунда. Папку расшарил, но картинка все равно не появляется в редакторе.
        Есть ли еще варианты?

        • Вовандер

          и у меня такая же проблема

  • http://bkrub.ru Антон

    Большое спасибо за материал. Очень пригодился. Спасибо!

  • http://bratish.info Андрей

    Как вставить 30 — 50 ссылок на изображения?

  • http://sozdaisebysam.ru Андрей

    Спасибо за статью, очень пригодилась! Вопрос есть, ссылка внизу при загрузке даст понять роботу, что картинка стырина, но указано откуда?

  • Orbet

    Здравствуйте!
    У меня такой вопрос, почему когда я заливаю картинку с сайт они занимают дисковое пространство на хостинге. Как? ведь они находится на другом сервере.

    • http://wpcreate.ru Артем Петрусенко

      Нет))Вы же загружаете ее на свой хостинг, и она сохраняется в папке uploads.

  • Orbet

    А как можно сделать так чтобы картинки не загружались на хостинг и папку upload?
    Я не хочу чтобы они занимали моё дисковое пространство на хостинге.

    • http://wpcreate.ru Артем Петрусенко

      В режиме html вставить тег

      <img src=" тут вставляете адрес картинки на другом сайте" >
      • Orbet

        Большое спасибо за помощь!

  • Ольга Черныш

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

    Вот у меня такой вопрос: если я картинку сперла с сайта, что сделать поумнее, чтоб это не было плагиатом?

  • http://школа-в-липовке.рф Надежда

    Картинки у меня загружаются без проблем. Но я никак не пойму, как на сайт вставить аудиофайл. Я так понимаю, мой шаблон не поддерживает такие файлы. То есть, когда я нажимаю добавить медиафайл, появляется добавление только изображений. Полскажите, как это сделать?

    • http://wpcreate.ru Артем Петрусенко

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

    • http://wpcreate.ru Артем Петрусенко

      Какая версия wordpress у Вас?

  • http://ponyatno.net84.net/ artemkf

    Для новичков норм. Если кто не понял в тексте, вот видеоурок человек снял http://ponyatno.net84.net/soft/2013/04/06/urok-wordpress-kak-dobavit-postzapis-i-minimalnye-operacii/

  • http://freshfrompast.com/ Alexandr

    Не могли бы вы удалить мои кометарии выше.
    Я хотел узнать про тег img

  • http://www.receptisfotkami.ru/ Денис

    Добрый день, подскажите пожалуйста, как сделать так, чтобы при наведении на картинку, появлялась слово, означающее что на картинке?
    и ещё, закинул в библиотеку 8 картинок размером 360 на 270, смотрю на хостинге их уже 24, 8 штук родных и по 8 штук 150 на 150 и 300 на 225. что это такое? спасибо.

    • http://wpcreate.ru Артем Петрусенко

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

      • http://www.receptisfotkami.ru/ Денис

        да, я в настройках выставил 0 и теперь дубли не создаются и вставляется именно мой файл. по поводу атрибуты title и alt, это понятно, но меня интересует другое. наведите вот на этой ссылке vkusnyblog.ru/smak/4277 на первую картинку, с продуктами для рецепта. появится слово СОСТАВ, как также сделать?

  • http://www.receptisfotkami.ru/ Денис

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

  • http://www.receptisfotkami.ru/ Денис

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

  • damon

    А вот здесь можно посмотреть плагин для вставки изображений в комментарии для wordpress http://damonlsd.ru/?p=27.
    Плагин тоже может делать превьюшки или просто ссылки на картинку, все зависит от настроек, которые можно менять через админку.

  • http://www.womanv.ru Sharip

    Здравствуйте! При добавлении картинки в текст статьи я ставлю выравнивание «слева».При просмотре картинка вытягивается на всю ширину статьи. Хотя если ставлю «справа» или «по центру» все нормально.
    Помогите,пожалуйста! 😐

  • http://audiourokidarom.ru/ Татьяна

    Здравствуйте, Артем. Прочитала, все правильно. Но у меня уже крыша едет…))) У меня стоит плагин Broken Link Checker, и он постоянно показывает битые ссылки, если я делаю картинку. А если это неправильные ссылки, то на это ведь поисковики очень сердятся… По всякому уже ссылки там ставила – и каждый раз одно и то же…. может подскажете в чем дело? Конкретно – все кнопки опробовала, и поле ссылки оставляла пустым…

  • http://karpinskiy.in.ua/ Геннадий Карпинский

    Используя wp 3.6.1 картинки в текст не вставляются. В чём может быть проблема? В библиотеку загрузились, а в запись не встают. Да их там просто не видно.

  • http://www.receptisfotkami.ru Sanya

    Добрый день! Подскажите пожалуйста, должна ли быть ссылка у картинки? Мне вчера посоветовали их убрать, так как это плохо, почему плохо, мне к сожалению не объяснили. Я вот смотрю, в этой статье у вас картинки с ссылками, а в последних уже без. Влияет ли это как-то на продвижение? Если таки да, надо делать без ссылок, то как проще всего отредактировать 1000 картинок, которые уже есть? Вручную заново вставлять по новой, это я надолго засяду….

    • http://wpcreate.ru Артем Петрусенко

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

      • http://www.receptisfotkami.ru Sanya

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

        • http://wpcreate.ru Артем Петрусенко

          Согласен, хороший подход!

  • Юлия

    Здравствуйте, Артём!
    Когда я загружаю картинку, появляется ошибка «Невозможно создать папку wp-content/uploads. Доступна родительская папка на запись?». Что с этим делать?
    Огромное спасибо за Ваши советы!

  • http://lineshina.ru Лилия

    Здравствуйте,Артём! Никак не могу найти решение своей проблемы.Помогите пожалуста.Уменя не загружаются
    в редактор картинки из библиотеки файлов.Выдаётся вот такая ошибка:
    Ошибка разбора XML

    Ошибка разбора XML: синтаксическая ошибка (Строка: 1, Символ: 0)

    Обработать документ как HTML
    Ошибка:
    unexpected text (non-whitespace text outside root element)
    Описание:
    http://www.w3.org/TR/REC-xml/
    1: ;
    2: }
    3: } else if ($bloglan==
    4: <rss version="2.0"
    5: xmlns:content="http://purl.org/rss/1.0/modules/content/&quot;
    6: xmlns:wfw="http://wellformedweb.org/CommentAPI/&quot;

    Я ничего здесь не понимаю и не знаю,как исправить эту ошибку.Помогите,пожалуста!

  • Лось

    Ну кеп все функции редактора и без соплей знают пиши в HTML добавить редактором и дибил вставит

  • http://itpep.ru/ Radik

    У меня получилось так!

  • Гувал
    • Гувал
  • http://damonlsd.ru Damon

    А вот здесь еще можно посмотреть плагин для вставки изображений в комментарии для wordpress http://damonlsd.ru/?p=334. Плагин тоже может делать превьюшки или просто ссылки на картинку, умеет выравнивать картинку в тексте и многое другое, все зависит от настроек, которые можно менять через админку.

  • Алексей

    Добрый день. подскажите как вставить текст справа от картинки. и не понятно почему текст при написании перескакивает слишком низко типа большой абзац это можно устранить как нибудь?

  • http://semaknet.ru Александр

    Привет. У меня такой вопрос. На своём блоге я делюся записями со своими дрзьями. Но в тех статьях где большие картинки стоят и когда нажимаю поделиться в контакте, то картинка не загружается, а в одноклассниках вопще выкидывает с сайта. Как можно это исправить? 😐 😐

  • Леонид

    А как вставлять 3д фото в вордпресс?

  • Tota

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

  • http://alemi.kz Tota

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

  • Николай

    Подскажите, не могу вставить картинку в запись. Вчера получалось нормально, а сейчас нет. Те картинки которые в записи я не могу редактировать (прописать alt, title, изменить размер). Могу только удалить из записи, а вставить нет.

  • Роман Шакиров

    Привет Артем!
    Может подскажешь в чем проблема может быть с загрузкой медиафайла?
    «Во время загрузки произошла ошибка. Пожалуйста, повторите попытку позже”

    В библиотеку загружается, но в пост не вставляется. Ворпресс обновлял, потом сделал откат на старую версию (на ней все работало), проблема осталас.

  • http://avtoegoist.kiev.ua Татьяна

    Спасибо! Очень пригодилась Ваша статья)