⚙️
Front-end patterns
  • Введение
  • Шаблоны
    • Эффекты CSS
      • Overlay
      • Анимация display:none
      • Текст
        • Фон текста градиент с анимацией
      • Элементы формы
        • Вертикальное выравнивание placeholder по вертикали
      • Ссылки
        • Градиент как основной цвет
        • Линия под ссылкой ездит слева направо при наведении
      • Скрывать блок .clipped
    • Модальное окно
      • Dialog
    • Элементы формы
      • Select
      • Radio
      • CheckBox
      • Ввод текста (input)
        • Телефон (tel)
        • Почта (email)
      • Кнопка
    • Вкладки/Списки
      • Вкладки или Табы (tabs)
      • Аккордеон (Accordion)
    • Навигация
      • Основная и дополнительная навигация на сайте
        • Анимирование основной навигации
      • Пропустить навигацию
      • Хлебные крошки (Breadcrumbs)
      • Кнопка основной навигации (Бургер)
    • Структуры
      • Контейнер
      • Столбцы
      • Прогресс
      • Горизонтальная прокрутка карточек
      • Цитата
    • Тэги (семантика)
      • Текст
      • Логика
    • Увеличить скорость загрузки страницы
    • Шрифты
  • JS
    • Прокрутка страницы
    • Анимация элементов
  • A11Y
    • Фокус с клавиатуры
    • No sort
  • WordPress
    • Решения и подсказки
    • Плагины
    • Натягиваем сайт
      • Пустая тема
      • Делаем главную (пустую) страницу
      • Подключаем стили и js
      • Заменяем содержимое файлов (header, footer, page)
    • Свой плагин
      • Шаблон
      • Административная часть
      • Пользовательская часть
      • Локализация плагина
  • Ghost
    • Создание своей темы
      • Фалы шаблона
        • Partials
          • footer.hbs
          • header.hbs
          • post_card.hbs
        • index.hbs
        • default.hbs
        • post.hbs
      • Переменные
      • Циклы, условия и функции
  • Visual Studio
  • Gulp
    • Deploy on GitHub
    • Плагин
    • Моя сборка
      • Изображения
  • Регулярные выражения
  • Алгоритмы
    • Поиск
    • Сортировка
    • Поиск в ширину (глубину)
    • Типы данных
  • Конструкторы сайтов
Powered by GitBook
On this page
  • #foreach
  • #if
  • #get
  • Переменные для функций и вывода
  • Вывод шаблонов

Was this helpful?

  1. Ghost
  2. Создание своей темы

Циклы, условия и функции

Все циклы объявляются в файлах hbs через синтаксис - {{ #цикл/условие }}

#foreach

foreach
{{#foreach posts}}
    {{ title }}
{{/foreach}}

Количество выводимых постов настраивается в параметре "config" файла package.json

#if

{{#if meta_description}}
   {{meta_description}}
{{else}}
   {{excerpt words="40"}}...
{{/if}}

#get

Получает набор для дальнейшего использования

Возможные наборы:

posts - посты

tags - тэги

{{#get "posts" limit="5" as |recent|}}
      <section>
         <h3>Recent Posts</h3>
         <ul>
            {{#foreach recent}}
            <li>
               <a href="{{url}}">{{title}}</a>
            </li>
            {{/foreach}}
         </ul>
      </section>
   {{/get}}

Переменные для функций и вывода

words - ограничивает вывод содержимого (excerpt words="40")

limit - ограничивает вывод набора

Вывод шаблонов

{{< имя}} - передает содержимое файла в шаблон "имя" (находится в самом шаблоне). Там содержимое шаблона выводим через {{body}}

{{> имя}} - вызываем шаблон "имя" находящийся в папке "Partials".

PreviousПеременныеNextVisual Studio

Last updated 2 years ago

Was this helpful?