शीर्ष लेख में खोज क्षेत्र "काम करता है" जिसमें इसे डिज़ाइन किया गया है और आप इसे खुले और बंद और उस सब पर क्लिक कर सकते हैं। लेकिन यह वास्तव में अभी तक कोई खोज नहीं करता है। यह बहुत महत्वपूर्ण है एह?
इस साइट पर हम सामग्री को खोजने के लिए Google कस्टम खोज इंजन का उपयोग करते हैं। वर्डप्रेस ने खोज में बनाया है, लेकिन यह बहुत अच्छा नहीं है। यह सिर्फ तार से मेल खाता है और सूचीबद्ध करता है कि यह क्रम में क्या पाता है। Google ऑफ़र जैसी कोई फैंसी सामग्री नहीं है: खोज तर्क, स्वचालित रूप से गलत वर्तनी को ठीक करना, इरादे का निर्धारण करना, और सबसे महत्वपूर्ण बात, सबसे प्रासंगिक परिणाम पहले दिखाते हैं।
इसलिए, हम GCSE का उपयोग करने जा रहे हैं, और हमारे पास करने के लिए कुछ सेटअप है। हम उन्हें बनाने और खरोंच से एक बनाने के लिए उनके व्यवस्थापक क्षेत्र में जाते हैं। हम मुफ्त संस्करण का उपयोग करने जा रहे हैं। इसलिए नहीं कि मुझे अपनी खोज पर सभी विज्ञापन चाहिए (मुझे नहीं) लेकिन क्योंकि भुगतान किया गया संस्करण इस आकार की साइट के लिए निषेधात्मक है। यह या तो मैं विज्ञापन-मुक्त खोज के लिए प्रति माह हजारों का भुगतान करता हूं, या वास्तव में खोज पर विज्ञापन वाले कुछ रुपये कमाता हूं और इसे मुफ्त में खोज क्षमता प्राप्त करता हूं। एक दिमाग नहीं।
हमारे द्वारा निर्मित पहली साइट एक पूर्ण साइट खोज है, इसलिए हमारे पास "css-tricks.com" है।
फिर हमें वह कोड मिलता है जो GCSE हमें काम की खोज के लिए साइट पर शामिल करने के लिए देता है। हमें उस विकल्प को खोजने के लिए थोड़ी खुदाई करनी होगी जहाँ वह केवल खोज परिणाम दिखाता है, और आप "अपना स्वयं का" खोज फ़ॉर्म लाएँ। यह निश्चित रूप से हमारे लिए है, जैसा कि हमने पहले ही अपने खोज फ़ॉर्म को डिज़ाइन किया है और इसे जिस तरह से पसंद करते हैं।
हमारे पास खोज परिणामों के लिए एक विशेष पृष्ठ टेम्पलेट है। हम इस टेम्प्लेट को उन चीजों को दिखाते हुए आकार देते हैं जिन्हें हम दिखाना चाहते हैं।
फिर हम अधिक कस्टम खोज इंजन बनाने के बारे में सेट करते हैं। यह हम क्या चाहते हैं को पूरा करने के लिए एक हैक करने का तरीका है: अपनी इच्छानुसार साइट के केवल उप-वर्गों को खोजने में सक्षम होना। एक दूसरा CSE जो हम बनाते हैं वह केवल "css-tricks.com/forums/" खोजने के लिए है। तब हम फ़ोरम खोज (/ खोज-परिणाम / फ़ोरम /) के लिए एक अलग खोज परिणाम पृष्ठ बनाते हैं, लेकिन उसी टेम्पलेट का उपयोग करके। इस पृष्ठ पर, हमने इस नए अधिक सीमित खोज इंजन के लिए CSE से कोड डाला।
हमें केवल यह सुनिश्चित करने की आवश्यकता होगी कि उपयोगकर्ता किसी तरह सही हो जाएं ...