Главная » Управление сайтом » Управление Wordpress » Добавление изображений и публикация

Добавление изображений и публикация


К началу: «Добавление материалов. Рубрики, текст, ссылки»

Изображения

Теперь давайте посмотрим, как добавлять изображения.

Для того, чтобы указать, где изображение должно располагаться, нужно в это место установить курсор. Допустим, нам нужно добавить в статью две картинки. Первая должна располагаться перед текстом (или рядом с ним) в самом начале, а вторая в тексте.

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

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

выбор файла
В верхней части этого окна есть три вкладки: «С компьютера», «С сайта» и «Библиотека медиафайлов». Чтобы вставить свою картинку, нужно оставить все как есть.

Если выбрать «С сайта», то вы сможете вставить изображение с другого сайта, указав его (изображения) адрес. Чтобы узнать адрес картинки, нужно кликнуть по ней правой кнопкой мыши, выбрать «Копировать адрес изображения» и ее адрес сохранится в буфере обмена. Чтобы указать этот адрес, нужно в поле для ввода адреса картинки щелкнуть правой кнопкой и выбрать «Вставить».

Если будет активна вкладка «Библиотека медиафайлов», то вы сможете найти и вставить уже загруженную на сайт картинку.

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

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

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

загруженная картинка
А еще ниже, в этом же окне, можно указать, как картинка должна быть расположена на странице.

настройки изображения
В поле «Текст» впишите название своего изображения (желательно, но не обязательно).

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

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

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

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

Я, в данном случае, хочу расположить картинку слева.

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

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

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

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

картинка после текста
картинка перед текстом
Надеюсь, принцип добавления изображений в статьи вам понятен. Пойдем дальше.



Публикация

Теперь наша статья целиком добавлена. Но прежде, чем публиковать ее на сайте, нужно сделать еще кое-что. Для начала посмотрим, что у нас получилось. Для этого в правом блоке «Опубликовать» нажмите кнопку «Просмотреть».

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

вид статьи на сайте
Если все нормально, можно это окно закрыть и внести последние штрихи в добавление статьи. Обратите внимание на правую сторону страницы. Прежде чем публиковать статью, нам нужно вписать ключевые слова (метки) через запятую:

добавление меток
И нажать кнопку «Добавить».

После чего прописанные ключевые слова появятся ниже поля ввода.

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

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

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

Картинки добавляются так же, как и в визуальном редакторе, только отображаются они в поле не в виде картинки, а в виде html-кода.


И еще. Прежде чем вы опубликуете статью, советую убрать бо̀льшую часть текста под кат. Так как последние записи отображаются на главной странице, плохо, если они все будут там торчать целиком. Лучше оставить один – два абзаца, а остальное читатели увидят, если нажмут на название поста или на ссылку «Читать далее…».

В визуальном редакторе это делается так: поставьте после нужного (1-го или 2-го) абзаца курсор, и нажмите на значок с разрывом страницы:

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

тег more
Вот теперь можно смело нажимать на кнопку «Опубликовать».

А вот так будет выглядеть ваш пост на главной странице:

вид статьи на главной
Есть картинка, первый абзац статьи и надпись «Читать далее».

Поздравляю с первой статьей!






Управление Wordpress
Понравился материал? Поделитесь с друзьями в социальных сетях, нажимайте на кнопочки!

3 комментария

  • Татьяна

    Я уже множество уроков прочитала и просмотрела… но добавить изображение или фото в запись не могу — делаю все как сказано но не получается. А получается разместить если использую как миниатюру и только 1 изображение. Подскажите в чем причина?

    Ответить
    • svetoska

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

      Ответить
  • миха

    оч хорошо.

    Ответить

Ваш email не будет опубликован. Обязательные поля отмечены *
Имя *
Email *
Сайт
Ваш комментарий
;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: