Отправляет email-рассылки с помощью сервиса Sendsay

Практика создания сайта Wordpress

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Март 2013   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
wpj2abc

Статистика

0 подписчиков
0 за неделю
←   Все выпуски   →

Выпуск : Изображения, фото и галереи в статьях WordPress



 Выпуск:No 5;Рассылки:Практика создания сайта Wordpress  

Практика создания сайта Wordpress.Изображения, фото и галереи в статьях WordPress 

Изображения, фото и галереи в статьях WordPress

Фотографии и картинки на сайте это обязательный атрибут современного медийного ресурса. В WordPress встраивать изображения в посты сайта можно различными способами. Для WP есть масса плагинов для работы с  изображениями. Но в этой статье рассмотрим  внутренний инструмент WordPress для вставки изображений в пост.C его помощью можно вставлять как, отдельные фото, так и целые  галлереи. Причем как изображения, так и галереи пожеланию можно настраивать. В этой статье я расскажу, как управлять  медиафайлами (фотографиями, картинками) на сайте WordPress без установки дополнительных плагинов.

Начнем с общих настроек отображения изображений на сайте WP

Авторизуйтесь в admin панели своего сайта WP.В консоли нужен пункт «Параметры». В «Параметры» открываем «Медиафайлы».

Открываются настройки изображений для вставки в статьи. Здесь видим три параметра размеров для изображений  статей. Размер миниатюры, средний размер, крупный размер.

Объясню, зачем нужны эти три размера.

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

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

Миниатюра по умолчанию делается размером 150×150. Большие изображения для миниатюр должны пропорционально обрезаться под этот размер. Но вы можете выставить любое изображение для миниатюры.

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

Поясню примером: Если выставить  миниатра:150×150,средний размер-400×400,а крупный 1024×1024,то при вставлении  в статью изображения, например,700×506,будут предложены три варианта размеров для статьи.

  • Миниатюра 150×150;
  • Средний размер:400×289;
  • Крупный размер: 700×506.

Следующий пункт меню заслуживает внимания. Это «Загрузка файлов».

Все фото сайта загружаются в так называемую «Библиотеку медиафайлов» вашего сайта. Изображения загружаются сразу в трех размерах указанных в настройках выше.

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

public_html/wp-content/uploads/2012/08

,где 2012/08 автоматически создаются по году и месяцу загрузки фото в библиотеку.

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

/public_html/wp-content/uploads, без сортировки.

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

Хочу отметить, что в URL фотографий сайта будет отражаться время загрузка фото в библиотеку, а не в статью.

Остановлюсь подробнее как вставлять в статьи отдельные изображения и фото галереи

Как вставить в статью WP изображение

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

Открываете Консоль>>>Записи>>>Добавить новую.

Для вставления фото в статью открываем «Добавить медиафайл».

Далее по пунктам:

Выбираем фото либо с компьютера, либо из интернет по URL,либо из библиотеки медиофайлов этого сайта.

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

Важно!В графе “Ссылка” выставите как,на скриншоте “Медиафайл”.Тогда фото будет открываться в отдельном окне,как фото.Если выставить не медиафайл,а “Страница вложения”,то фото будет открываться сначало в отдельной странице сайта,а только потом в отдельном окне,как фото.Исправить можно при редактировании фото.Читать ниже.

«Вставляем фото» в запись(статью).

Редактирование, дороботка фото в статье

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

В настройках можно изменить:

  • Изменить размер (пропорционально);
  • Выбрать ссылку которая будет открываться при клике на фото (Нет, Текущая страница, Ссылка на изображение);

Важно! Если вы хотите,чтобы фото открывалось в отдельной странице и соответственно эта страница имела свой отдельный URL,тогда нажмите при редактировании:Текущая ссылка.

При нажатии на кнопку:ссылка на это изображение,фото будет открываться в отдельном окне.под своим URL библиотеки медиофайлов.

  • Изменить положение фото в статье (нет, центр, справа, слева).
  • Добавить стиль рамки, отступы по горизонтали и вертикали.

Пример Стиля рамки:border: 5px solid red;

Также просто вставляются галереи в статью WordPress

  • Выбрать «Вставить галерею»;
  • Выбрать «Загрузить фото»;
  • Выбрать на компьютере нужные для галереи фото;
  • Настроить показ галереи: количество колонок и порядок показа фото;
  • Нажмите «Вставить галерею».

Размер миниатюр в галерее будет соответствовать  установленным настройкам  в Параметры>>> Медиафайлы.

Добавление галерей при помощи кодов

Галереи можно создавать при помощи кодов в текстовом редакторе (HTML).Для этого переключитесь в текстовой редактор(кнопка «Текст» справа вверху редактора) и вставьте нужный код на выбор.

Все коды заключите в квадратные скобки [код]

gallery
gallery columns=”5″ 5 колонок
gallery link=”file” order=”DESC” columns=”5″ открыть при клике само изображение, а не страницу
gallery exclude=”87,11″ include=”23,39,45″ добавлять убирать фото по ID фото
gallery id=”333″ Галерея с других постов
gallery size=”medium” или gallery size=”large” Галерея их фото среднего и большого размеров
Источник выпуска статья:

Изображения, фото и галереи в статьях WordPress

 

 Источник: www.wordpress-abc.ru
В избранное