Создание галереи на MaxSite CMS с помощью XnView

Идею для данной статьи я подчерпнул на сайте «Новая Заря - блог технолога SEO». В исходном варианте используется Textkit, я же хочу предложить немного другой подход.

Итак, у нас есть XnView. Кто не в курсе - это просмотрщик для картинок, бесплатный аналог ACDSee. Программа имеет в своем составе несколько инструментов, один из которых создание Web-страниц - галереи.

MaxSite CMS так устроена, что «подхватит» любые файлы, которые окажутся в каталоге uploads. Если же у нас есть миниатюры, то они стандартно располагаются в каталоге mini с тем же именем, что и оригинал. Таким образом, если у нас много файлов в галерее, то мы можем их предварительно подготовить в XnView и загрузить по ftp на сервер. После этого в MaxSite CMS сгенерируем код gallery и вставим его в любую страницу.

Последовательность такая.

Первым делом создадим каталог на компьютере в котором и будут находиться наши файлы. Например пусть это будет «gal01». Следующим шагом будет запуск XnView и с помощью Ctrl или Shift отмечаем нужные файлы для галереи.

Тут один момент. Имена файлов на сервере должны быть без спецсимволов, пробелов и только английские. Поэтому если у вас имена содержат пробел или русские символы, то предварительно лучше их преобразовать в транслит.

Можно сделать это вручную, а можно поручить разным программам, например Total Commander. Для этого скопируем нужные файлы в отдельный каталог и в Total Commander нажмем Ctrl+M. Это вызовет диалог для переименования файлов.

В поле «Поиск и замена» укажем таблицу замен. Вот она:

Найти: « |а|б|в|г|д|е|ж|з|и|й|к|л|м|н|о|п|р|с|т|у|ф|х|ц|ч|ш|ы|ь|э|ю|я» (не упустите пробел в начале!).

Замена: «-|a|b|v|g|d|e|g|z|i|y|k|l|m|n|o|p|r|s|t|u|f|h|c|ch|sh|y|j|e|yu|ya».

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

После этого возвращаемся в XnView, отмечаем нужные файлы для галереи и жмем Ctrl+G (Создать - Web-Страница).

Установите шаблон «_Default-Simple», размеры миниатюр, сжатие и прочие параметры по своему усмотрению.

Главное же это параметы блока «Выход».

• «Папка» - указываем наш «gal01».
• «Папка для оригиналов» - пусто.
• «Папка для эскизов» - «mini».
• «Префикс для эскизов» - пусто.
• «Копировать исходные рисунки в папку вывода» - отметить.  

Также выставьте в блоке «Рисунок» максимальный размер.

После этого жмем «Создать» и вуаля! - получаем готовые файлы. В каталоге «gal01» мы увидим нужные файлы. Так же будут файлы «thumb.html» и «default.css». Их можно удалить, поскольку для сайта они не подходят.

Следующая операция - загрузка каталога «gal01» на сервер в каталог «uploads». Делаем это по ftp. Таким образом мы сразу загружаем все файлы, включая и «mini» с миниатюрами.

Последнее наше действие - в админ-панели MaxSite CMS на странице Загрузок перейти в каталог «gal01», отметить файлы и нажать кнопку «Генерировать код галереи». Полученный код вставить на любую страницу сайта.

Галерея готова! :)