SdelaemBlog

Создание Сайтов и их настройка

Настройка медиафайлов wordpress

Главная Статьи WordPress Настройка WordPress Настройка медиафайлов wordpress

Настройка медиафайлов wordpress

Приветствую, всех посетителей блога — SdelaemBlog.ru. Сегодня поговорим о настройке блога на wordpress.  Если конкретнее, то настраивать будем размещение и отображение изображений и других медиафайлов на страницах проекта. То есть разберем по пунктам:

1. Как настроить размеры изображений?

2. Настройка отображения видео и их ширина и высота.

3. И укажем папку, для хранения этих объектов.

Настройка изображений wordpress

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

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

Итак, приступим. При вставке изображения в статью, у нас есть выбор ее размера.

 Настройка изображений wordpress

Вот эти пункты мы и можем настроить.

Миниатюры, по умолчанию 150×150 пикселей. Но эта величина легко меняется на любую другую в настройке медиафайлов. То есть если нам необходима миниатюра с другими параметрами, то нужно просто прописать необходимые данные. Также, для миниатюры можно поставить галочку, для того чтобы она обрезалась точно по размерам.

Как задать размер миниатюры wordpress - настройка wp

Средний, также легко назначается. По умолчанию — это 300×300 пикселей. Для выбора нужных параметров, нужно прописать максимальную ширину и максимальную высоту. Если картинка меньше, указанных данных, то и в статье будет оригинальный размер.

Крупный, работает по тому же принципу, что и средний.

Давайте разберем небольшой наглядный пример. Используем миниатюру. Величина оригинального изображения 180×189 пикселей.

1. Миниатюра со стандартными размерами.

Как работает миниатюра

2. Та же картинка, с шириной 100 и высотой 120.

Как работает миниатюра

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

Настройка объектов, вставляемых в статью wordpress

Что мы здесь можем для себя настроить?

Автоматическое внедрение. Если поставить галочку в этом пункте, то при вставке текстовой ссылки (не кликабельной), wordpress будет внедрять видео в пост. Для примера, я взял первый попавшийся ролик на YouTube и скопировал ссылку из адресной строки в статью. Сделал из нее просто текстовую ссылку, результат вы можете увидеть ниже:

http://www.youtube.com/watch?v=hIqTGOrVum0&feature=relmfu

Если галочку не ставить, то никакого видео на странице не появится — отобразится просто текст ссылки.

Кстати, как внедрить ролик с YouTube и других сервисов в пост, в будущем мы разберем — пока интрига. Поэтому подписывайтесь на блог.

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

Настройка вставки видео на блог wordpress

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

 Настройка размеров объектов, добавляемых в статью вордпресс

Как указать папку, в которой будут храниться картинки для статей wordpress

Обычно изображения и другие объекты находятся в папке wp-content/uploads, но их можно загружать и в другую, созданную вами, папку. В этом случае нужно указать местонахождение файлов. Для этого, предназначен пункт «сохранять файлы в этой папке«. То есть если вы используете не uploads, то вам нужно это указать:

Как указать папку для картинок и других объектов wordpress

Да, и не забудьте указать это в тестовом файле robots.txt, который предназначен, для поисковых систем.

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

Полный путь к папке с медиафайлами wordpress

И последнее, что остается — это поставить галочку, для более удобной сортировки.

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

как отсортировать медиафайлы wordpress

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

Ну вот, в принципе и все, остается только сохранить настройки медиафайлов wordpress. И спокойно добавлять различные объекты в статью не переживая о сохранности дизайна темы wordpress.

Оставьте свой коммент
ДОСТАВКА СТАТЕЙ ПОЧТОЙ, на дом

Комментарии

  1. Сергей

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

    4 года назад24.01.2013 Ответить
  2. Михаил Веб

    @ Сергей: Вы хотя бы код показали, который используете или сам сайт. Попробуйте в тайтл миниатюры прописать такую конструкцию:

    title="< ?php the_title(); ?>"

    Или обратитесь, через обратную связь — посмотрим.

    4 года назад24.01.2013 Ответить
  3. Павлуха

    Михаил, в WP 3.х (а, возможно, 3.5.х) заметил, что из меню «Медиафайлы» пропала всякая настройка внедрения. И, похоже, ранние настройки перестали учитываться. Например, на одном блоге я задавал ширину внедряемых видео «420», потому что такая ширина контентной колонки, но теперь все внедрённые видео стали размером «600». Есть ли мысли по поводу, как вернуть в админку настройки внедрения?

    4 года назад29.01.2013 Ответить
  4. Михаил Веб

    @ Павлуха: Да действительно, теперь этих настроек нет. Но данные функции по прежнему внедрены в вордпресс, теперь wp будет подгонять объект по ширине сам, относительно вашей темы, по крайней мере у меня это работает.
    Но если у вас, что-то не работает, то указать максимальную ширину можно в файле functions.php, перед

    ?>

    добавьте строчку

    if ( ! isset( $content_width ) ) $content_width = 420;

    Где 420 — это ширина, можно изменить на свою. А высота будет настраиваться относительно ширины.

    4 года назад29.01.2013 Ответить
  5. Павлуха

    @ Михаил Веб:
    Спасибо, это действительно помогло. 8)

    4 года назад30.01.2013 Ответить
  6. Михаил Веб

    @ Павлуха: Не за что. Всегда рад помочь.

    4 года назад30.01.2013 Ответить
  7. Павлуха

    Ещё вопросик есть касаемо технологии внедрения oEmbed в WP. Как известно, WP сейчас и твитты умеет внедрять. Только на одном блоге (свежая версия движка с ru.wordpress.org) он эти твитты на немецком языке внедряет. В аккаунте твиттера язык интерфейса русский. Но тут точно от движка зависит, потому что в исходном html страницы выглядит это так: blockquote class=»twitter-tweet» lang=»de»… Пробовал паковать ссылку в хэш-тег [embed lang=»ru»… — без изменений. Параметр width=»280″ воспринимает, а lang=»ru» игнорирует. «rus» ещё пробовал.

    4 года назад06.02.2013 Ответить
  8. Михаил Веб

    @ Павлуха: Если честно не сталкивался с внедрением твиттер. Подскажите, как вы его внедряете, я посмотрю, может найду инфу для вас. :-?

    4 года назад06.02.2013 Ответить
  9. Михаил Веб

    @ Павлуха: Если вы имеете ввиду внедрение ссылкой, как и youtube, например, то сейчас проверил, все работает, язык русский. Вот можете убедиться:
    Твиттер

    4 года назад06.02.2013 Ответить
  10. Павлуха

    Да, именно так я вставляю. Или аналогично можно вставлять ссылку в окружении [embed]…[/embed] — для WP это аналогично, только в этом случае не обязательно размещение ссылки в новой строке, да ещё можно и параметры указать. Прикольно, конечно, что у меня по-немецки вставляется. :) Но не очень. Ладно, я буду сам гуглить буржнет, скорее всего моя проблема специфична.

    4 года назад06.02.2013 Ответить

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

Смайлы

Обязательно для Заполнения!

Обязательно для Заполнения!

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Отправить жалобу разработчику сайта

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

[contact-form-7 404 "Not Found"]

Спасибо большое за поддержку проекта! :)

Для поддержки проекта, выберите убодный способ для оплаты: