Всплывающие изображения в Joomla

mavik ThumbnailsДля начала, хотелось бы напомнить о необходимости подготовки изображений для публикации на сайте. Будет очень обидно, если полезная статья окажется недоступной для промостра, когда Вы вставите одну единственную НЕоптимизированную для WEB фотографию - скорость загрузки страницы окажется такой, что Ваш читатель плюнет и уйдёт с сайта, так и не дождавшись её появления...

Пожалуйста, отнеситесь СЕРЬЁЗНО к такому процессу, как оптимизация изображений для публикации в сети Интернет.

Для начала, хотелось бы напомнить о необходимости подготовки изображений для публикации на сайте. Будет очень обидно, если полезная статья окажется недоступной для промостра, когда Вы вставите одну единственную НЕоптимизированную для WEB фотографию - скорость загрузки страницы окажется такой, что Ваш читатель (заказчик) плюнет и уйдёт с сайта, так и не дождавшись её появления... Пожалуйста, отнеситесь СЕРЬЁЗНО к такому процессу, как оптимизация изображений для публикации в сети Интернет.

 

  1. Разрешение: 72 пикселей/дюйм.
    Не думайте, что если Вы сделаете это значение больше, изображения будут качественнее - "мёртвому пипарки"... А вот "веса" добавите - это точно. Веса не в смысле значения, а в смысле "тяжести".
  2. Размер по горизонтали: Не стоит делать изображения шире, чем 1024 пикселей - подумайте о тех посетителях, которые заходят на Ваш сайт с нетбука, а не с могучего стационарного компа с гигантским экраном.
  3. Размер по вертикали: идеальный вариант - 600 пикселей, исходя из тех же соображений...
  4. Пользуйтесь редакторами изображений, имеющих функцию оптимизации для WEB.
  5. ВНИМАНИЕ!!! Называйте файлы изображений ТОЛЬКО латиницей, СТРОЧНЫМИ (маленькими) буквами и без пробелов (вместо пробела лучше ставить нижнее подчёркивание "_").

Теперь пару слов о плагине mavik Thumbnails:

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

Делается это просто - открываем от материал, в который намерены вставить изображение; выбираем место для изображения и нажимаем на пиктограмму "Вставить/Редактировать изображение":

Всплывающие картинки в Joomla 1.5

Вашему вниманию открывается всплывающее окно с интуитивнопонятным интерфейсом:

mavik Thumbnails в редакторе JCE

Далее вкладки "Рисунок" нам едва ли стоит заглядывать, а вот её стоит рассмотреть внимательно.

Начать стоит (как ни странно) с нижних групп настроек (внизу всплывающего окна):

  1. Окно "Папки" - это и есть дерево папок Вашими изображениями. Кликните на ту, которая содержит (или должна содержать) необходимое.
  2. В соседнем окошке появится содержимое выбранной папки - либо вложенные папки, либо изображения.
  3. Кликните на название изображения, которое намерены вставить в материал.
  4. В окошке "Подробности" появится превью, а во всех остальных полях (выше) автоматически определятся свойства выбранной картинки.
  5. Если Вы желаете создать новую папку в Вашем каталоге фотографий - просто кликните в левом окошке на родительскую папку (или на "Начало") и нажмите пиктограмму "Новая папка" с изображением жёлтой папочки с зелёным плюсиком над окном "Подробности" и добавляйте на здоровье.
  6. Если необходимо загрузить новую картинку - в левом окошке надо выбать папку, в которой оно будет находиться, после чего нажать на пиктограмму "Загрузка", после чего в ещё одном всплывающем окошке нажмите кнопочку "Add"; выбирите изображение для загрузки на Вашем компьютере" и нажмите кнопочку "Загрузить".

Теперь можно пройтись и сверху вниз, где нас ждёт группа настроек Свойства (Properties):

  1. URL - это адрес изображения от корня сайта (в случае, если намереваетесь вставить изображение, размещённое на другом сайте - просто скопируйте его адрес и вставьте его в это поле).
  2. Альт. текст - обращаю Ваше внимание на необходимость на заполнение этого поля! Это та самая характеристика, по которым поисковые системы определяют содержание изображения. Заполняется на языке основного текста. Желательно лаконично и без лишних знаков препинания.
  3. Размеры - определяются автоматически. Но вот тут, как раз, и сокрыт "фокус":
    - если в поле "Пропорциональный" стоит "галка", просто укажите один из размеров (горизонтальный или вертикальный), а другое значение будет рассчитано уже без Вашего участия.
    - при просмотре материала со стороны внешнего интерфейса, будет отображено изображение ИМЕННО тех размеров, котрые Вы сейчас указали - а оригинал будет доступен по клику на превью.
  4. Выравнивание - позиционирование фотографии относительно текста. Прежде чем менять тут что-либо, подумайте - оно Вам надо? Разработчик (администратор) уже наверняка сделал нужные предустановки.
  5. Граница - настройки отступов изображения от краёв текста (или наоборот). Здесь тоже наверняка предварительно покопался админ - не спешите менять без крайней на то необходимости.
  6. Рамка - собственно говоря, и тут Вам особо ничего менять не надо, если разработчики грамотно настроили редактор.
  7. Теперь осталось лишь нажать на кнопку "Вставить" (низу всплывающего окна).
  8. Сохранить материал, щёлкнув по кнопке Сохранить (Save) [ОБЯЗАТЕЛЬНО!]
  9. И любоваться достигнутым результатом со стороны внешнего интерфейса сайта.
Оцените материал
(0 голосов)
Прочитано 10326 раз
Другие материалы в этой категории: Публикация и редактирование ссылок в редакторе JCE »

Добавить комментарий


Защитный код
Обновить