ghost finder

Recherche de fantômes

Voici un package npm utile que j'ai créé. Cet addon vous permet d'incorporer facilement et en douceur des fonctionnalités de recherche dans votre thème fantôme. Il fonctionne à l'aide de l'API Ghost Content.

Installation

npm install ghost-finder

OU

Télécharger la dernière version

Inclure le script

 < script src =" {{asset " ghost-finder /dist/ghost-finder.js"}}" > </ script >

Configurer le balisage

 < div >
  < input id =" search-input " type =" text " placeholder =" Type to search " />
  < div id =" search-result " > </ div >
</ div >

Activer le plugin

 new GhostFinder ( {
    input : '#search-input' ,
    showResult : '#search-result' ,
    contentApiKey : //CONTENT API KEY...,
} )

Pour voir comment obtenir contentApiKey, cliquez ici

---

Possibilités

Nom	Valeur par défaut	Détails
saisir	null Obligatoire	Sélecteur DOM d'entrée de recherche
Afficher le résultat	null Obligatoire	Sélecteur DOM où le résultat de la recherche sera branché
URL d'accueil	URL actuelle du site Web	URL de votre site fantôme
contentApiKey	null Obligatoire	clé API de contenu
modèle de résultat	voir ci-dessous	Modèle de wrapper de résultat pour le résultat de la recherche
modèle de résultat unique	voir ci-dessous	Modèle de résultat de recherche unique
extrait_longueur	250	nombre de mots à afficher dans la variable ##excerpt
format_heure	'MMMM dd yyyy'	Chaîne de format d'heure pour la variable ##published_at . Formats disponibles

Modèles par défaut

Modèle de résultat

 < ul class =" search-results-wrapper " >
  < p > Search match(es): ##resultCount </ p >
  ##results
</ ul >

Modèle de résultat unique

 < li > < a href =" ##url " > ##title </ a > </ li >

Variables

Nom du champ	But
##title	Titre du message
##url	URL du message
##primary_tag_name	Nom de la balise principale
##primary_tag_url	URL de la balise principale
##primary_author_name	Nom de l'auteur principal
##primary_author_url	URL du profil de l'auteur principal
##primary_author_avater	Photo de profil de l'auteur principal
##excerpt	montrer quelques mots du contenu du message. Le nombre de mots par défaut est de 15
##published_at	Date de publication. Le format peut être modifié par l'option time_format
##feature_image	URL de l’image sélectionnée
##resultCount	Nombre de résultats correspondants

Journaux

• 3.1.0 - Rechercher sur le contenu avec le titre, remplacer laravel-mix par parcel