ghost finder
v3.1.2
إليك حزمة npm المفيدة التي قمت بإعدادها. يتيح لك هذا الملحق دمج ميزات البحث بسهولة وسلاسة في سمة الأشباح الخاصة بك. يعمل باستخدام Ghost Content API.
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 لإدخال البحث |
| showResult | مطلوب null | محدد DOM حيث سيتم توصيل نتيجة البحث |
| homeUrl | عنوان URL للموقع الحالي | عنوان URL لموقع الأشباح الخاص بك |
| contentApiKey | مطلوب null | مفتاح محتوى واجهة برمجة التطبيقات |
| resultTemplate | انظر أدناه | قالب غلاف النتيجة لنتيجة البحث |
| SingleResultTemplate | انظر أدناه | قالب نتيجة بحث واحد |
| مقتطف_طول | 250 | عدد الكلمات الذي سيتم عرضه في متغير ##excerpt |
| time_format | '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 | عدد النتائج المتطابقة |
