ghost finder
v3.1.2
Вот полезный пакет npm, который я сделал. Этот аддон позволяет вам легко и удобно включать функции поиска в вашу призрачную тему. Он работает с использованием API Ghost Content.
npm install ghost-finder
Скачать последнюю версию
Включить скрипт
< script src =" {{asset " ghost-finder /dist/ghost-finder.js"}}" > </ script >
Настройка разметки
< div >
< input id =" search-input " type =" text " placeholder =" Type to search " />
< div id =" search-result " > </ div >
</ div >
Активируйте плагин
new GhostFinder ( {
input : '#search-input' ,
showResult : '#search-result' ,
contentApiKey : //CONTENT API KEY...,
} )
Чтобы узнать, как получить contentApiKey, нажмите здесь.
Имя | Значение по умолчанию | Подробности |
---|---|---|
вход | null Требуется | Селектор DOM для ввода поиска |
шоурезультат | null Требуется | Селектор DOM, куда будут подключены результаты поиска |
домашний URL | текущий URL-адрес веб-сайта | URL вашего сайта-призрака |
содержаниеApiKey | null Требуется | ключ API контента |
шаблон результата | см. ниже | Шаблон оболочки результатов для результатов поиска |
SingleResultTemplate | см. ниже | Шаблон результатов единого поиска |
длина_выдержки | 250 | количество слов, отображаемое в переменной ##excerpt |
формат_времени | 'MMMM dd yyyy' | Строка формата времени для переменной ##published_at . Доступные форматы |
Шаблон результата
< ul class =" search-results-wrapper " >
< p > Search match(es): ##resultCount </ p >
##results
</ ul >
Шаблон одного результата
< li > < a href =" ##url " > ##title </ a > </ li >
Имя поля | Цель |
---|---|
##title | Название сообщения |
##url | URL публикации |
##primary_tag_name | Имя основного тега |
##primary_tag_url | URL основного тега |
##primary_author_name | Имя основного автора |
##primary_author_url | URL профиля основного автора |
##primary_author_avater | Фотография профиля основного автора |
##excerpt | покажите несколько слов содержания сообщения. Количество слов по умолчанию — 15. |
##published_at | Дата публикации поста. Формат можно изменить с помощью опции time_format . |
##feature_image | Опубликовать URL избранного изображения |
##resultCount | Количество совпавших результатов |