Для начала, хотелось бы напомнить о необходимости подготовки изображений для публикации на сайте. Будет очень обидно, если полезная статья окажется недоступной для промостра, когда Вы вставите одну единственную НЕоптимизированную для WEB фотографию - скорость загрузки страницы окажется такой, что Ваш читатель (заказчик) плюнет и уйдёт с сайта, так и не дождавшись её появления... Пожалуйста, отнеситесь СЕРЬЁЗНО к такому процессу, как оптимизация изображений для публикации в сети Интернет.
- Разрешение: 72 пикселей/дюйм.
Не думайте, что если Вы сделаете это значение больше, изображения будут качественнее - "мёртвому пипарки"... А вот "веса" добавите - это точно. Веса не в смысле значения, а в смысле "тяжести". - Размер по горизонтали: Не стоит делать изображения шире, чем 1024 пикселей - подумайте о тех посетителях, которые заходят на Ваш сайт с нетбука, а не с могучего стационарного компа с гигантским экраном.
- Размер по вертикали: идеальный вариант - 600 пикселей, исходя из тех же соображений...
- Пользуйтесь редакторами изображений, имеющих функцию оптимизации для WEB.
- ВНИМАНИЕ!!! Называйте файлы изображений ТОЛЬКО латиницей, СТРОЧНЫМИ (маленькими) буквами и без пробелов (вместо пробела лучше ставить нижнее подчёркивание "_").
Теперь пару слов о плагине mavik Thumbnails:
Плагин создает иконки, ставит ссылки для открытия всплывающих окон с оригинальным изображением, и ссылки на полный текст статей в блогах и на главной странице. Вам нужно только вставить в текст оригинальное изображение и уменьшить его размер до необходимого. Умеет создавать иконки для изображений оригиналы которых находятся на другий сайтах.
Делается это просто - открываем от материал, в который намерены вставить изображение; выбираем место для изображения и нажимаем на пиктограмму "Вставить/Редактировать изображение":
Вашему вниманию открывается всплывающее окно с интуитивнопонятным интерфейсом:
Далее вкладки "Рисунок" нам едва ли стоит заглядывать, а вот её стоит рассмотреть внимательно.
Начать стоит (как ни странно) с нижних групп настроек (внизу всплывающего окна):
- Окно "Папки" - это и есть дерево папок Вашими изображениями. Кликните на ту, которая содержит (или должна содержать) необходимое.
- В соседнем окошке появится содержимое выбранной папки - либо вложенные папки, либо изображения.
- Кликните на название изображения, которое намерены вставить в материал.
- В окошке "Подробности" появится превью, а во всех остальных полях (выше) автоматически определятся свойства выбранной картинки.
- Если Вы желаете создать новую папку в Вашем каталоге фотографий - просто кликните в левом окошке на родительскую папку (или на "Начало") и нажмите пиктограмму "Новая папка" с изображением жёлтой папочки с зелёным плюсиком над окном "Подробности" и добавляйте на здоровье.
- Если необходимо загрузить новую картинку - в левом окошке надо выбать папку, в которой оно будет находиться, после чего нажать на пиктограмму "Загрузка", после чего в ещё одном всплывающем окошке нажмите кнопочку "Add"; выбирите изображение для загрузки на Вашем компьютере" и нажмите кнопочку "Загрузить".
Теперь можно пройтись и сверху вниз, где нас ждёт группа настроек Свойства (Properties):
- URL - это адрес изображения от корня сайта (в случае, если намереваетесь вставить изображение, размещённое на другом сайте - просто скопируйте его адрес и вставьте его в это поле).
- Альт. текст - обращаю Ваше внимание на необходимость на заполнение этого поля! Это та самая характеристика, по которым поисковые системы определяют содержание изображения. Заполняется на языке основного текста. Желательно лаконично и без лишних знаков препинания.
- Размеры - определяются автоматически. Но вот тут, как раз, и сокрыт "фокус":
- если в поле "Пропорциональный" стоит "галка", просто укажите один из размеров (горизонтальный или вертикальный), а другое значение будет рассчитано уже без Вашего участия.
- при просмотре материала со стороны внешнего интерфейса, будет отображено изображение ИМЕННО тех размеров, котрые Вы сейчас указали - а оригинал будет доступен по клику на превью. - Выравнивание - позиционирование фотографии относительно текста. Прежде чем менять тут что-либо, подумайте - оно Вам надо? Разработчик (администратор) уже наверняка сделал нужные предустановки.
- Граница - настройки отступов изображения от краёв текста (или наоборот). Здесь тоже наверняка предварительно покопался админ - не спешите менять без крайней на то необходимости.
- Рамка - собственно говоря, и тут Вам особо ничего менять не надо, если разработчики грамотно настроили редактор.
- Теперь осталось лишь нажать на кнопку "Вставить" (низу всплывающего окна).
- Сохранить материал, щёлкнув по кнопке Сохранить (Save) [ОБЯЗАТЕЛЬНО!]
- И любоваться достигнутым результатом со стороны внешнего интерфейса сайта.