Создание сайтов без баз данных с помощью Statamic CMS

Полный код листинга выглядит следующим образом, а внутри используются две переменные — {{ url }} и {{ title }} :

 {{ entries:listing folder="blog" limit="2" }} <article> <h3><a href="{{ url }}">{{ title }}</a></h3> </article> {{ /entries:listing }} 

Первый тег отображает URL-адрес отдельной статьи, а второй тег отображает заголовок статьи. Это просто настроенная страница списков: у нас есть две статьи в списке, которые ссылаются на их страницы сообщений.

пагинация

Тег нумерации страниц используется вместе с тегом {{ entries:listing }} чтобы отобразить нумерацию страниц, когда статей больше, чем вы установили в параметре limit. При использовании тега нумерации страниц есть два важных момента.

1. Соответствующие параметры
Параметры папки и ограничения должны соответствовать значениям, указанным в теге {{ entries:listing }} . Так, например, папка установлена ​​для blog по обоим тегам, а ограничение равно 2 по обоим тегам.

2. Установка переменных
Далее нам нужно установить переменные внутри пары тегов пагинации, которые будут отображать необходимые ссылки в зависимости от того, на какой странице вы находитесь. В шаблоне default.html вы увидите пару условных выражений, используемых для установки ссылок на страницы. Если вы не знакомы с условными выражениями, не беспокойтесь о том, что делает этот код. Просто знайте, что это сделает правильные ссылки для вашей нумерации страниц.

 {{ entries:pagination folder="blog" limit="2" }} <div class="pagination"> {{ if previous_page }} <a href="{{ previous_page }}">&laquo; Previous</a> {{ endif }} {{ if next_page }} <a href="{{ next_page }}">Next &raquo;</a> {{ endif }} </div><!-- END .pagination --> {{ /entries:pagination }} 

Шаблон сообщения

Теперь у нас есть главная страница листинга, отображающая все статьи нашего блога. Когда вы нажимаете на ссылку со списком статей, вы попадаете на страницу публикации, и по умолчанию для отображения содержимого будет использоваться шаблон post.html .

Откройте шаблон post.html в редакторе кода, и вы увидите, что на этой странице есть только два post.html шаблона title и content. Тег {{ title }} отображает заголовок сообщения, а тег {{ content }} отображает весь текст в вашем файле записи под заголовком YAML (три черточки вверху файла).

Как Statamic узнает, какой контент отображать и какой шаблон использовать? Секрет {{ entries:listing }} теге {{ entries:listing }} использовался в предыдущем шаблоне. Если переменная URL установлена ​​в ссылке в шаблоне default.html , она динамически связывается с нужной страницей и всегда будет использовать следующие необходимые шаблоны:

• если присутствует: post.html
• в противном случае, если присутствует: default.html
• в противном случае: 404.html .

Вы можете переопределить это, установив переменную _template: my_template в своем заголовке YAML, но, как и у нас, шаблон post.html выбран для визуализации содержимого. Для получения дополнительной информации об этом посмотрите документацию .

Сообщество и Ресурсы

Одна из замечательных особенностей Statamic — это удивительное сообщество, которое его окружает. Задавая вопрос в Twitter с #statamic хеш-тега #statamic или на недавнем канале Slack , вы сразу же получите ответ.

Основная область поддержки, называемая Ложей, имеет множество вопросов и ответов с возможностью поиска. Это также отличное место для того, чтобы задавать вопросы — и опять же, или член сообщества, или один из джентльменов-статамов всегда готовы помочь вам.

Есть много других ресурсов для получения дополнительной информации о создании сайтов Statamic. Есть надстройка для надстроек с набором надстроек для расширения Statamic различными способами и buildwithstatamic.com , витрина сайтов, построенных на Statamic. Также на Vimeo есть несколько отличных видеороликов, которые показывают Statamic в действии и объясняют, как с ней делать определенные вещи. Если вы ищете стартовую тему, ознакомьтесь с моей темой Statarkers . И, наконец, вы можете быть в курсе последних новостей в блоге Statamic и следить за следующей версией в блоге версии 2 .

Заворачивать

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

Надеюсь, вам понравилось это введение в Statamic. В настоящее время доступно множество CMS, но эта стала одним из лидеров в последние годы, и ее стоит обязательно рассмотреть в следующем проекте. Для многих, его фокус на плоских файлах — настоящий победитель с точки зрения контроля версий, обновления и простоты использования.

Если у вас есть какие-либо вопросы, дайте мне знать в комментариях. Я хотел бы знать, пробовали ли вы Statamic и как вы его нашли.