Печать

Советы 3: Вставка изображений

Рейтинг:   / 0
ПлохоОтлично 

Текстовый редактор Tiny MCE, который мы используем для форматирования публикуемых материалов, позволяет и вставлять изображения в текст. Для этого в него встроен менеджер изображений. Обратите внимание на кнопку «Изображение» в низу текстовой формы. Нажав на неё, вы окажетесь в окне редактора.

 

Он показывает в верхней своей части содержимое папки /images/stories/, которая находится в корне вашего сайта. Отсюда вывод: если вы хотите разместить сразу несколько изображений (5-20), то проще будет сначала загрузить их по ftp-протоколу (клиент FileZilla, о котором мы уже писали) именно в эту папку. Чтобы вставить изображение в текст, достаточно найти его среди прочих изображений папки stories, выделить щелчком и нажать кнопку «Вставить» в верху окна. Предварительно можно заполнить поля «Описание изображения», «Заголовок изображения», выбрать из списка в поле «Выравнивание» нужный вариант выравнивания изображения относительно текста, поставить флажок в строке «Подпись».

Если вы вставляете одно-два изображения, то можно не пользоваться FileZilla, а загрузить их со своего компьютера, воспользовавшись кнопкой «Обзор» окна менеджера изображений (находим и выбираем файл на своем компьютере) и затем нажав кнопку «Начать закачку».

Только помним, что размер файла не должен превышать 2 Mb! Сервер не может позволить себе больший объем файлов, поскольку если желающих загрузить файлы одновременно будет много, он просто-напросто повиснет, и в результате ни у кого ничего не выйдет.

 

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

После вставки изображения мы можем изменить его размеры перетаскиванием за маркеры выделения. Можем настроить дополнительные параметры, нажав на кнопку «Вставить/Изменить изображения» на панели инструментов текстового редактора (с рисунком дерева) и заполнив по выбору поля значений, например, так, как на рисунке.

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