/_help/_Изображения в текстах сайта
Подготовка изображений для сайта
Размер изображений на сайте, максимально:
1000 пикселей по горизонтали
600 пикселей по вертикали,
Имена файлов — максимально понятные прежде всего самому себе (название события, дата), никаких случайных наборов знаков.
Кириллица в именах файлов при их загрузке на сайт автоматически преобразуется в латиницу, но в заголовке файла в Библиотеке файлов и на сайте будет изначальное имя файла.
Загрузка изображений,
редактирование параметров файла
Все Медиафайлы хранятся в Библиотеке файлов:
Медиафайлы > Библиотека
/wp-admin/upload.php
Добавить файлы можно
1. выбрав ссылку рядом с заголовком Библиотека файлов:
Добавить новый
2. сразу, выбрав в левом меню Медиафайлы > «Добавить новый»
/wp-admin/media-new.php
После загрузки файла рядом с его именем появится ссылка «Изменить», также редактирование файла в «Библиотеке» файлов доступно при клике на его название, иконку и ссылку «Изменить», возникающую при наведении на название и иконку.
/wp-admin/post.php?post=73&action=edit
У каждого файла изображения в Библиотеке есть ряд параметров, которые можно (и нужно) редактировать, и которые передаются этому файлу автоматически при вставке его в текст записей и страниц:
«Название» — отображается в Библиотеке, по умолчанию это имя файла.
«Постоянная ссылка» — для браузера и поисковиков, по умолчанию — имя файла.
«Подпись» — отображается в рамке под вставленной в текст фотографией. Если рамка с подписью у фото в тексте будет точно не нужна, не указываем ничего.
«Атрибут Alt» — дублируем название.
«Описание» — так же.
После изменения всех необходимых параметров файла нажать кнопку «Обновить» справа вверху.
Кроме того, можно редактировать само изображение, доступно при клике на кнопку «Редактировать» под изображением:
«Масштабирование» — если изображение изначально загружено больше необходимого.
«Обрезка» — доступна подробная помощь.
«Миниатюра» — редактирование изображения для отображения в галереях, доступна подробная помощь.
Вставка изображения в текст
С помощью кнопки «Добавить медиафайл»
В окне «Вставить медиафайл» под заголовком выбрана Библиотека файлов.
Выбираем нужное изображение и, если необходимо, изменяем его первоначальные параметры,
а также параметры отображения файла в тексте:
«Выравнивание» — относительно текста — Слева, По центру, Справа, Нет
«Ссылка» — Медиафайл (файл оригинального размера), Страница вложения (страница с изображением и его описанием), Произвольный URL (любой :), Нет
«Размер» — выбор из всех размеров изображений, доступных в теме оформления.
Нажать кнопку «Вставить в запись».
Например, вы выбрали фотографию размером 900*300 пикселей,
«выравнивание» — «нет», «ссылка» — «медиафайл», «размер» — полный.
В тексте записи появится код, подобный этому:
<a
href=»http://yakovlevdenis.com/wp-content/uploads/2014/07/Dentalnaya-implantatsiya01.jpg»>
<img
src=»http://yakovlevdenis.com/wp-content/uploads/2014/07/Dentalnaya-implantatsiya01.jpg» alt=»Дентальная имплантация» width=»900″ height=»300″ class=»alignnone size-full wp-image-1298″ /></a
>
Этот код вставит в текст изображение в полном размере (900*300), ссылающееся на такое же изображение, открывающееся в новом слое сверху. Но ширина поля текста — 700 пикселей, поэтому нам необходимо сделать изображение в тексте меньше.
За то, в каких размерах оно отображается в тексте, отвечают два параметра в коде вверху:
width=»900″ height=»300″
их надо исправить на следующие:
width=»700″ height=»233″
233 в данном случае получаем, пропорционально уменьшая 300 (x=700/(900/300))
Тогда в тексте мы увидим изображение вот так:
При клике на это изображение оно откроется в полном размере в этом же окне, в слое сверху.
Вставка галереи изображений в текст
Можно вставить в текст галерею фотографий из иконок, раскрывающихся в полноразмерные изображения, как эта:
С помощью кнопки «Добавить медиафайл»
Слева меняем «Вставить медиафайл» на «Создать галерею», под заголовком выбираем вкладку Библиотека файлов.
Выбираем нужные изображения, жмём кнопку «Создать новую галерею».
В окне «Редактировать галерею» проверяем порядок изображений,
редактируем параметры их отображения:
«Ссылка» — Файл
«Колонки» — 4
жмём кнопку «Вставить галерею».
Получаем в тексте код вида:
[ gallery columns="4" link="file" ids="631,632,633,634,635,636,637"
]
Где параметр columns отвечает за количество колонок, а параметр ids содержит номера изображений, которые можно взять из их коротких ссылок (доступны при редактировании изображения).
Содержание помощи:
/_help/
/_blog — создание записей в Блоге
/_texts — редактирование текста
/_images — изображения в текстах сайта