В данном руководстве рассказывается, как создать фотоальбом за несколько минут с причудливыми фишками. Например, вывод приложений на странице самой фотографии с помощью дополнительных полей. Видео по мастер-классу прилагается, ниже.
Как создать клевый сайт за 30 минут? Очень просто. Смотрите видео, и вы поймете, что на всю работу потребовалось ровно 20 минут. Добавьте 10 минут на скачивание системы DataLife Engine и фотоальбома, а так же включите в это время, время приобретение домена, лицензии на систему DLE, и хостинга. Вам потребуется 1500 рублей на систему, 10 рублей на хостинг и 120 рублей на домен, фотоальбомы по умолчанию с копирайтом бесплатны. Вы вложите примерно 1630 рублей и 30 минут времени! А можете получить? А можете получить намного больше.
Сделайте креативный фотоальбом типа "обойки.нет", удивите пользователей красотой подачи графики. Потратьтесь на качественные материалы и раскрутку сайта, и Вы получите хороший результат.
0 шаг. У вас установлены система управления сайтом DataLife Engine и фотоальбомы для этой системы, фотоальбомы нашего производства. Всё программное обеспечение самое свежее. На данный момент это версия системы 9.3 и версия фотоальбома 0.09.
Если вы ставили ПО модуля фотоальбомов сразу после релиза, то советуем Вам обновить все рабочие PHP файлы модуля. И только файлы, ничего больше.
Рис. 1. Всё начинается с создания дополнительных полей типа "файл" в админ-центре модуля.
Рис. 2. При добавлении фотографии, теперь Вы сможете добавлять так же приложения.
. Создание дополнительных полей типа «
файл».
Зайдите в админ-центр системы DataLife Engine, далее в другие разделы, далее найдите модуль Фотоальбомы. Зайдите в раздел фотоальбомов, и вы сразу же увидите горизонтальный список из доступных разделов админки фотоальбома. Среди которых настройки, языки, RSS экспорт, лицензия и другие. Вы увидите раздел «дополнительные поля». Откройте раздел «дополнительные поля».
Если раньше создавали дополнительные поля – хорошо (вы увидите список ранее созданных дополнительных полей), если нет – ничего страшного (вы увидите только кнопку «добавить»). Нажав кнопку «добавить» появиться поле для заполнения.
Сразу выбираем тип нового дополнительного поля как «
файл». Часть полей исчезнет, какие то поля появятся. Укажите название нового поля, например «1е поле». Укажите описание «первое поле». Укажите допустимые форматы файлов, которые могут быть указаны в этом дополнительном поле. К примеру, форматы «
jpg, gif, png, jpeg» (через запятую, можно и с пробелами для удобства). В поле папка, обязательно укажите адрес папки, куда будут «складироваться» файлы, которые будут загружаться через это дополнительное поле. Стоит иметь введу, что путь папки нужно будет указать от абсолютного корня. К примеру, на денвере мы бы написали так «
/home/site.ru/www/uploads/wow/», если бы хотели сохранять файлы в папке «uploads/wow». Обратите внимание на использование слешей в поле «папка», они с обеих сторон. Укажите так же размер файла, который будет считаться критичным и при котором файл приниматься вообще не будет. К примеру, «
999999999» в байтах (для удобства и точности настройки, не ограничено килобайтами, мегабайтами).
После заполнения хотя бы этих полей, нажмите на кнопку «создать». Вы можете повторить создание дополнительных полей N раз. Здесь ограничений нет.
Для каждого созданного дополнительного поля запомните его ID, который будет доступен для просмотра после создания поля (нажмите «зеленую ладошку»). Он пригодиться Вам для вывода информации уже на странице фотографии.
Кстати, в поле «папка» не забудьте указывать путь сохранения файлов до существующей папки, на которой есть права записи (обычно 777).
Рис. 3. Вы специальным образом выведете список приложений при просмотре превью.
Рис. 4. Так будет выглядеть страница фотографии, после того, как будут выводиться прикреплённые приложения-фотографии.
Рис. 5. Очень легко использовать ссылки на приложения и библиотеку HighSlide.
. Редактируем шаблон превьюшек, при просмотре любого из альбомов. Это шаблон «
photoid.tpl».
Найдите и удалите код
<xf:auto>
Для того, что бы значение дополнительных полей не выводилось в автоматическом режиме, ниже написано, как сделать вывод полей в ручном режиме.
Вставляем такой код, практически в любое место.
[if xf]
Приложения:<br />
[if xf 1]<a href="/uploads/wow/<xf:1:value>" onclick="return hs.expand(this)"><xf:1:name> - <xf:1:value></a>[/if xf 1]
[if xf 2]<a href="/uploads/wow/<xf:2:value>" onclick="return hs.expand(this)"><xf:2:name> - <xf:2:value></a>[/if xf 2]
[if xf 3]<a href="/uploads/wow/<xf:2:value>" onclick="return hs.expand(this)"><xf:2:name> - <xf:2:value></a>[/if xf 3]
[/if xf]
Где конструкция
[if xf][/if xf]
служит для удаления блока кода, если приложений нет вообще, т.е. ни один дополнительный файл к фотографии не прикреплён.
[if xf N][/if xf N]
– если указан дополнительный файл, при добавлении фотографии, под ID номером N (тот самый ID, который вы запоминали при создании дополнительного поля, это, разумеется, натуральное число).
href="/uploads/wow/<xf:N:value>"
– тот самый адрес сохранения всех прикрепляемых дополнительных файлов, где первая часть «/uploads/wow/» - это папка, которую вы указывали, но только уже её пишем от корня сайта, а не всех файлов вашей системы. Разумеется, можем написать и
href="http://site.ru/uploads/wow/<xf:N:value>"
N – тут опять за ID дополнительного поля!
<xf:N:value>
- данные тег шаблона выводит значение дополни тельного поля, в данном случае будет выводиться название прикрепленного файла.
<xf:N:value>
- имя дополнительного поля, задается Вами один раз в админ-центре. N – ID дополнительного поля.
onclick="return hs.expand(this)"
– данные код активизирует javascript библиотеку
HighSlide («всплывающие изображения»).
И вообще, можно добавить список скольки угодным количеством дополнительных полей.
С помощью нехитрого кода:
[if xf N]<a href="/uploads/wow/<xf:N:value>" onclick="return hs.expand(this)"><xf:N:name> - <xf:N:value></a>[/if xf N]
Где N, впрочем, вы уже наверное догадались что такое N. Большой наверное список получиться если вывести 50-100 дополнительных полей
Сохраните файл шаблона, не забывайте загрузить его на сервер. Зайдите в админ-панель на сайте, далее во вкладку Система и нажмите очистить кэш. Откройте главную страницу фотоальбома, посмотрите что у вас получилось.
Уже сейчас вы научились выводить информацию о прикрепленных дополнительных файлах. Вы вывели своеобразный список приложений, причем нажимая на ссылку приложения всплывет картинка. А что мешает Вам вывести саму картинку на страницу? А не текстовую ссылку. Ничего, вот этим Вы и будете заниматься в следующем шаге.
3 шаг. Открываем для редактирования файл шаблона «
photo.tpl».
Сразу находим и удаляем код
<xf:auto>
Вывод дополнительных полей в авторежиме нам тут вовсе не к чему, он нужен и очень нужен в форме добавления фотографии. А здесь – филькина затея.
Вставляем, где то ниже вывода среднего превью вот этот код. В общем случае без разницы где вставлять данный код. Главное что именно в этот шаблон, а не иной другой.
[if xf]
[if xf 1]<a href="/uploads/wow/<xf:1:value>" onclick="return hs.expand(this)"><img src="/uploads/wow/<xf:1:value>" alt="<xf:1:name>" border="0" style="max-width: 450px"/></a><br /><br />[/if xf 1]
[if xf 2]<a href="/uploads/wow/<xf:2:value>" onclick="return hs.expand(this)"><img src="/uploads/wow/<xf:2:value>" alt="<xf:2:name>" border="0" style="max-width: 450px"/></a><br /><br />[/if xf 2]
[if xf 3]<a href="/uploads/wow/<xf:2:value>" onclick="return hs.expand(this)"><img src="/uploads/wow/<xf:3:value>" alt="<xf:3:name>" border="0" style="max-width: 450px"/></a><br /><br />[/if xf 3]
[/if xf]
По сути, здесь Вы вставили то же самое, что в шаге выше. Только вместо текста будут сами картинки. Ограниченные по максимальной ширине в 450 пикселей. Ну и в параметре alt будет выводиться название дополнительного поля. Удобно. Не так ли?
Сохраните шаблон, загрузите на сервер, очистите кэш модуля. Перейдите на страницу фотографий, для которой были указаны при загрузке дополнительные прикрепляемые файлы и наслаждайтесь.
Какие могут возникнуть проблемы проводя эту работу над модулем?1. Может быть вы забудете проставить права записи на папку, которую укажите для «сохранения» дополнительных прикрепляемых файлов при добавлении фотографии.
2. Очень часто люди указывают не верный, не полный путь к папке для «сохранения». Люди ведь не понимают полностью, что файл обработки формы добавления фотографии лежит вообще где-то в углублённой папке системы, и ему не добраться так просто до корня системы без указания пути от самого корня.
3. Очень часто люди не могут найти шаблоны, хотя они у них перед носом.
4. Очень часто люди игнорируют просьбу «освежить файлы модуля».
5. Может быть и вы спутаете, что такое очистка кэша модуля и системы. Кэш системы чистится в админ-центре системы DLE, а кэш модуля фотоальбомов чиститься в админ-панели
Было ли вам сложно, производя данные модификации в модуле? Нет. А результат, удивил? Да. Поэтому не бойтесь экспериментировать и спрашивать.
© 2007-2011
