ghost finder

Pencari Hantu

Inilah paket npm bermanfaat yang saya buat. Addon ini memungkinkan Anda dengan mudah dan manis memasukkan fitur pencarian ke dalam tema hantu Anda. Ini beroperasi menggunakan Ghost Content API.

Instalasi

npm install ghost-finder

ATAU

Unduh Rilis Terbaru

Sertakan skrip

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

Penyiapan markup

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

Aktifkan pluginnya

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

Untuk melihat bagaimana Anda bisa mendapatkan contentApiKey, Klik Disini

---

Pilihan

Nama	Nilai Bawaan	Detail
masukan	null Diperlukan	Pemilih DOM dari input pencarian
tampilkanHasil	null Diperlukan	Pemilih DOM tempat hasil pencarian akan dimasukkan
rumahUrl	url situs web saat ini	Url situs hantu Anda
kontenApiKey	null Diperlukan	kunci api konten
Templat hasil	lihat di bawah	Templat pembungkus hasil untuk hasil pencarian
Templat Hasil tunggal	lihat di bawah	Templat hasil pencarian tunggal
kutipan_panjang	250	jumlah kata untuk ditampilkan dalam variabel ##excerpt
format_waktu	'MMMM dd yyyy'	String format waktu untuk variabel ##published_at . Format yang tersedia

Templat bawaan

Templat Hasil

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

Templat Hasil Tunggal

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

Variabel

Nama Bidang	Tujuan
##title	Judul postingan
##url	Url postingan
##primary_tag_name	Nama tag utama
##primary_tag_url	Url tag utama
##primary_author_name	Nama penulis utama
##primary_author_url	Url profil penulis utama
##primary_author_avater	Foto profil penulis utama
##excerpt	menampilkan beberapa kata dari isi postingan. Jumlah kata default adalah 15
##published_at	Tanggal publikasi posting. Format dapat diubah berdasarkan opsi time_format
##feature_image	Posting url gambar unggulan
##resultCount	Jumlah hasil yang cocok

Log

• 3.1.0 - Pencarian konten beserta judul, Ganti laravel-mix dengan parsel