_images - Яковлев Денис Николаевич
Нижний Новгород
ул. Родионова, 165 корп.10
Нижний Новгород
ул. Родионова, 165 корп.10

/_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 — изображения в текстах сайта
 

Нижний Новгород
ул. Родионова, 165 корп.10