Textpatterned by bizzona.net

Как создать простую галерею в Textpattern?

Textpatterned by bizzona.net

В Textpattern, как и многих других CMS есть масса плагинов, с помощью, которых можно создавать разного рода галереи и галерейки с такими интересными штуками как Lightbox, Slimbox, JcQuery и прочими эффектами.

Разумеется, эти эффекты для галерей украшают сайт, как например, сайт о водных походах по Беларуси, и делают его более разнообразным. Если все эти эффекты с Java Script не так важны, а нужна простая галерея фотографий с уменьшенными изображениями (thumbnails), которую можно разделить и на категории, то такая простая галерея как нельзя кстати.

В Textpattern 4.3.0. это можно сделать безо всяких плагинов за несколько секунд. При клике на уменьшенном изображении, грациозно всплывет полное. Если размер полного изображения слишком большой, оно откроется в новом окне. При желании можно добавить и Lightbox, и Slimbox.

Для этого просто нужно

  • создать категорию для изображений (в данном случае это site-design),
  • загрузить желаемые изображения в разделе Содержание -Картинки,
  • не забыть сделать уменьшенное изображение (thumbnail), если это нужно,
  • привязать изображения к созданной категории,
  • создать статью
  • скопировать и вставить этот код в форму статьи:
<txp:images category="my-gallery" break="">
<txp:if_thumbnail><div style="float:left;">
<txp:thumbnail poplink="1"  /><br />
<txp:else />
<div>
<txp:image />
</div>   
</txp:if_thumbnail><txp:image_info />
</div>
</txp:images>
  • сохранить статью,
  • отрегулировать CSS по своему усмотрению.

Что получается при этом? Вот такая галерейка:

cms belarus html coding seo

Для чтобы не появлялся тэг <br />, который появляется по умолчанию, нужно прописать break="", и тогда стиль можно настроить, как захочется. Что бы отключить Textile, нужно просто поставить пробел между первым символом кода галереи и левой границей формы статьи – иначе будут автоматом проставляться ненужные тэги.

Можно создать отдельную секцию для галереи, куда и будут публиковаться статьи с изображениями. Каждая отдельная статья может включать одну или много категорий изображений. Статьи в свою очередь можно рассортировать по категориями.