Актуальная статья
Главная / WordPress ИНСТРУМЕНТЫ / Медиафайл. Вставляем правильно
Медиафайл

Медиафайл. Вставляем правильно

Дорогой друг! Читай статью Медиафайл, если ты еще не устал и не разочаровался!

Если ты полон сил и энергии! Если ты намерен порвать интернет своими целями!

Если ты готов ковать уникальный контент для всемирной сети и зарабатывать на этом!

Тебе стоит почитать эту статью!

Медиафайл

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

Любая статья технического характера должна дополняться чертежами, картинками, скриншотами.

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

Медиафайлы могут быть представлены и в видео формате. В своей статье можно расположить видеоблог со стороннего сервиса, к примеру YuoTube или Vimeo.

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

Так вот эти файлы, будь то картинки, фото или что-либо другое, все они должны быть уникальными. Как это делать читай в статьях ЗДЕСЬ и ЗДЕСЬ

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

Вставляем картинку в статью

Картинку, как известно нужно разместить в текстовое поле редактора. Наводим курсор в ту область, куда она будет вставлена и нажимаем кнопку Добавить медиафайл

Вставляем иедиафайл

Откроется Библиотека файлов. У нас еще пока не много файлов, а точнее один и мы вставим еще.

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

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

Примечание: имя файла ОБЯЗАТЕЛЬНО должно быть ЛАТИНСКИМ ШРИФТОМ, в формате .jpg или .png

Перетаскиваем файл на экран библиотеки медиафайлов

Картинка встанет

Медиаайл загружен в библиотеку файлов

Заполняем атрибуты изображения

Но нам предстоит правильно заполнить её атрибуты

Атрибуты загруженного медиафайла

Рассмотрим все окна по порядку.

  1. Здесь вы сами присваиваете заголовок этой картинке. Желательно, чтобы в нем присутствовало какое-то ключевое слово, касающееся теме статьи. Это поможет вам продвигать статью в поисковых запросах по средством картинок.
  2. Автор имеет право подписаться.
  3. Этот атрибут вносится в html-код и дает дополнительную информацию о картинке в дополнение к тексту статьи. Желательно сюда внедрять ключевики, но не стоит перебарщивать. Я к примеру особо не трачу время на эти моменты. Вписываю ключевое слово если это подходит по смыслу, если нет – не парюсь.
    Да и не стоит череcчур бредить этим SEO, поисковики не любят это.
    Есть еще атрибут title, он выполняет ту же функцию, только отличается от alt тем, что при наведении на картинку в готовой статье, вам отобразится эта надпись. Я делаю alt и title одинаковыми.
  4. Это описание в своей статье в данный момент вы не увидите, но некоторые плагины, работающие непосредственно с изображениями, например слайдеры и портфолио, выводят именно заголовки и описание вместе с картинкой. Поэтому внимательно отнеситесь к этим атрибутам.
  5. Здесь проставляется месторасположение картинки. Слева, Середина, Справа.
  6. Здесь выбор:
    — Медиафайл (при установке этого атрибута, картинка будет открываться, заменяя страницу статьи);
    — Страница вложения (здесь прописывается путь к странице, куда вложена это картинка);
    — Произвольный URL (этот атрибут позволяет установить любой URL, какой вы хотите);
    — Нет: Ну на НЕТ и суда нет))) сами понимаете, никакой реакции на нажатие картинки не будет;
  7. Здесь представлен выбор размеров, в котором будет отображаться картинка.

Далее вставляем картинку в статью.

И смотрим как наша картинка расположилась. Она будет маленькая и её нужно довести до кондиции.

Кликаем на картинку, всплывает небольшое окно над картинкой

Всплывающее меню команд обработки медиафайла

В этом окне шесть команд. Первые четыре, это команды по расположению картинки в статье.

Крест, это удаление картинки из статьи, но не из библиотеки.

Карандаш, это редактирование картинки. Жмем и нам открывается новое окно.
Дополнительные настройки атрибутов медиафайлаАтрибут alt проставлен. Расположение тоже.

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

Дополнительные настройки:

Вот здесь ОБЯЗАТЕЛЬНО проставляем атрибут title (показано стрелкой в предыдушем скриншоте).

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

Еще есть одна функция в этом окне, Редактировать оригинал.

Кнопка дополнительного редактирования файла

 

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

 

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

Проверьте также

Запиcь в WordPress

Запись в WordPress

Что такое Запись в админке WordPress? Это главный раздел в WopdPress, которым вы будете пользоваться …

Akismet

Плагин Akismet для защиты от спама

Вот тема нашего разговора в этой статье: Akismet плагин для чего? Для защиты от спама …

Страница Контакты

еобходимая страница на вашем блоге. Страница Контакты. Для чего она нужна? Конечно для связи с …

Страница Карта сайта

статье, написанной ранее  Создание страниц в WordPresse, мы подробно рассмотрели порядок правильного создания страницы на …

Миниатюра к статье Создание страницы Об авторе

Создание страниц в WordPress

  ереходим к разделу создание страниц. Создадим на своем блоге статическую страницу Об авторе. Создание …

Миниатюра к статье Создай меню в WordPress

Создай меню в WordPress

Это сделать проще простого, если ты даже не так давно держишь в руках мышку. Это …

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

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