विजेट सेटिंग्स खोजें

एलिमेंट के स्वयं के खोज विजेट को एलिमेंट प्रो की आवश्यकता होती है, इसलिए अधिकांश साइटें थीम द्वारा प्रदान किए जाने वाले किसी भी खोज बॉक्स के साथ फंस जाती हैं मुफ्त विजेट खोजें में एलिमेंट के लिए मास्टर ऐडऑन उस अंतर को भरता है इसे किसी पृष्ठ पर या हेडर में कहीं भी छोड़ दें, फिर एक क्लासिक खोज फ़ॉर्म या एक आइकन पॉपअप चुनें जो क्लिक पर फैलता है इनपुट और बटन एलिमेंट पैनल से स्टाइल किए जाते हैं, कोई सीएसएस शामिल नहीं है।

यहां बताया गया है कि दोनों लेआउट कैसे हैं एलिमेंट खोज विजेट काम, सेटिंग द्वारा सेटिंग, प्लस क्या आगंतुकों वास्तव में लाइव पेज पर देखते हैं।

खोज विजेट क्या करता है #

विजेट एक वर्डप्रेस खोज फॉर्म को एक एलिमेंट तत्व के रूप में आउटपुट करता है आगंतुक एक क्वेरी टाइप करते हैं, एंटर दबाते हैं या सबमिट नियंत्रण पर क्लिक करते हैं, और अपनी साइट के मानक खोज परिणाम पृष्ठ पर उतरते हैं, इसलिए परिणाम वर्डप्रेस से ही आते हैं और अपने थीम के माध्यम से चुनते हैं कि फॉर्म कैसा दिखता है: एक आइकन या टेक्स्ट बटन के साथ एक पूर्ण इनपुट फ़ील्ड, या एक अकेला खोज आइकन जो पॉपअप खोज स्क्रीन में फैलता है।

इससे पहले कि आप शुरू करें #

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय। मदद चाहिए? देखना स्थापना गाइड.
• यदि आपने पहले विजेट बंद कर दिए हैं तो मास्टर ऐडऑन डैशबोर्ड में खोज तत्व सक्षम हो गया है।

एलिमेंट सर्च विजेट कैसे जोड़ें #

एलिमेंट संपादक खोलें और खोजें खोजें एलिमेंट्स पैनल में, या मास्टर एडॉन्स सेक्शन में स्क्रॉल करें (एमए बैज के लिए देखें) विजेट को अपने पेज पर खींचें सबमिट कंट्रोल के रूप में एक आवर्धक ग्लास आइकन के साथ एक कार्यशील खोज फ़ॉर्म तुरंत दिखाई देता है।

सामग्री टैब सेट करें #

द सामग्री टैब में एक मुख्य निर्णय और उससे अनुसरण करने वाले कुछ फ़ील्ड होते हैं। द प्रकार दो लेआउट के बीच ड्रॉपडाउन स्विचः रूप और चिह्न पॉपअप.

प्रकार: रूप #

फॉर्म क्लासिक लेआउट है, दाईं ओर सबमिट नियंत्रण वाला एक इनपुट फ़ील्ड। द बटन प्रकार सबमिट करें ड्रॉपडाउन तय करता है कि वह नियंत्रण क्या हैः

• चिह्न: एक आइकन बटन दिखाता है नीचे लाइब्रेरी से आइकन चुनें डिफ़ॉल्ट आवर्धक ग्लास लगभग हर डिजाइन के लिए काम करता है।
• बटन: इसके बजाय एक टेक्स्ट बटन दिखाता है। एक बटन पाठ फ़ील्ड वहां दिखाई देती है जहां आप लेबल टाइप करते हैं, जैसे खोज या हिट एंटर।

प्रकार: आइकन पॉपअप #

आइकन पॉपअप केवल एक खोज आइकन प्रस्तुत करता है जब कोई आगंतुक इसे क्लिक करता है, तो एक खोज स्क्रीन एक बड़े इनपुट फ़ील्ड और एक बंद बटन के साथ पृष्ठ पर खुलती है यह हेडर और नेविगेशन बार में उपयोग करने के लिए लेआउट है जहां एक पूर्ण खोज फ़ील्ड मेनू भीड़ होगा।

आइकन पॉपअप चुनने से पता चलता है पॉपअप सेटिंग्स दो क्षेत्रों के साथ अनुभागः

• इनपुट पाठः पॉपअप के खोज फ़ील्ड के अंदर प्लेसहोल्डर, “Search ...” डिफ़ॉल्ट रूप से।
• विवरण: फ़ील्ड के नीचे एक सहायक लाइन, जैसे “Hit खोज करने के लिए दर्ज करें या।” को बंद करने के लिए X पर क्लिक करें

स्टाइल टैब में विजेट को स्टाइल करें #

द शैली टैब में दो खंड हैंः रूप इनपुट क्षेत्र के लिए और बटन सबमिट नियंत्रण के लिए।

रूप #

फॉर्म अनुभाग रैपर और इनपुट फ़ील्ड को स्टाइल करता हैः

• पृष्ठभूमि: रूप के पीछे एक रंग।
• चौड़ाई: पिक्सेल में फॉर्म की चौड़ाई जब विजेट एक विस्तृत कॉलम में बैठता है और आप एक सख्त खोज बॉक्स चाहते हैं तो आसान।
• फॉर्म मार्जिन और फॉर्म पैडिंगः रैपर के बाहर और अंदर की दूरी।
• सीमा प्रकार और सीमा त्रिज्याः प्रपत्र के चारों ओर फ्रेम और इसके कोने कितने गोल हैं।
• टाइपोग्राफी और रंगः इनपुट का फ़ॉन्ट और टेक्स्ट रंग।
• फॉर्म इनपुट रंगः इनपुट फ़ील्ड का पृष्ठभूमि रंग ही।

बटन #

बटन अनुभाग सबमिट नियंत्रण को स्टाइल करता है, चाहे वह आइकन हो या टेक्स्ट बटनः

• पृष्ठभूमि रंगः बटन के पीछे का भरण।
• रंग: आइकन या टेक्स्ट का रंग।
• पैडिंग और मार्जिनः बटन की आंतरिक और बाहरी दूरी।
• टाइपोग्राफीः बटन पाठ के लिए फ़ॉन्ट परिवार, आकार और वजन।

एक आकार नोट: बटन की ऊंचाई फॉर्म का अनुसरण करती है, इसलिए यदि फ़ॉन्ट आकार बदलने के बाद बटन टेक्स्ट तंग दिखता है, तो अकेले बटन पैडिंग से लड़ने के बजाय फॉर्म की तरफ थोड़ा ऊर्ध्वाधर पैडिंग जोड़ें।

देखें लाइव रिजल्ट #

पेज प्रकाशित करें और फॉर्म आज़माएं फ़ील्ड में क्लिक करें, एक क्वेरी टाइप करें, और एंटर दबाएं या सबमिट बटन दबाएं।

वर्डप्रेस वहां से लेता है और आपके थीम के खोज परिणाम टेम्पलेट पर मिलान पोस्ट और पेज दिखाता हैः

सामान्य उपयोग के मामले #

• शीर्षलेख खोजः नेविगेशन मेनू के बगल में आइकन पॉपअप का उपयोग करें ताकि मेनू स्थान खाए बिना खोज एक क्लिक दूर हो।
• ब्लॉग साइडबार या संग्रह पृष्ठः एक फॉर्म-प्रकार खोज बॉक्स पाठकों को पुरानी पोस्टों को खोदने में मदद करता है।
• 404 पृष्ठ: एक खोज फ़ॉर्म सबसे उपयोगी चीज़ है जिसे आप एक पृष्ठ पर रख सकते हैं जो कहता है “नहीं मिला।”
• दस्तावेज़ीकरण और ज्ञान के आधारः एक विस्तृत खोज फ़ॉर्म सामने और केंद्र रखें ताकि उपयोगकर्ता स्क्रॉल करने से पहले खोज करें।

एक बेहतर खोज बार के लिए युक्तियाँ #

• बटन रंग को अपने विषय के उच्चारण रंग से मेल करें। एक खोज बटन जो साइट पर हर दूसरे बटन की तरह दिखता है, उसका अधिक उपयोग किया जाता है।
• प्लेसहोल्डर को छोटा रखें। “खोज ...” एक पूर्ण वाक्य को मात देता है जो मोबाइल पर कट जाता है।
• तंग लेआउट में आइकन पॉपअप का उपयोग करें। हेडर कॉलम में निचोड़ा गया एक पूर्ण खोज फॉर्म टैबलेट की चौड़ाई पर अजीब तरह से लपेटता है।
• परिणाम पृष्ठ का परीक्षण करें। विजेट वर्डप्रेस को क्वेरी सौंपता है, इसलिए जांचें कि खोज बॉक्स को बढ़ावा देने से पहले आपकी थीम का खोज परिणाम टेम्पलेट प्रस्तुत करने योग्य दिखता है।

वीडियो ट्यूटोरियल #

यदि आप खोज विजेट को कार्रवाई में देखना चाहते हैं, तो यह वीडियो पूर्ण सेटअप के माध्यम से चलता है, पहले ड्रैग से लाइव पेज पर खोज परिणामों तकः

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

मास्टर एडॉन्स खोजें विजेट एलिमेंटर को वह खोज बार देता है जो वह गायब है: एक फॉर्म या आइकन पॉपअप जिसे आप कहीं भी रख सकते हैं और डिज़ाइन से मेल खाने के लिए शैली दे सकते हैं, जिसके परिणाम वर्डप्रेस द्वारा ही दिए जाते हैं। यह अच्छी तरह से मेल खाता है ऑफ-कैनवास सामग्री विजेट जब आप एक कस्टम हेडर बना रहे हैं का पूरा संग्रह ब्राउज़ करें मास्टर ऐडऑन विजेट और एक्सटेंशन, या देखें विजेट पृष्ठ खोजें डेमो के लिए और एलिमेंटर प्रो सर्च विजेट के साथ तुलना।