हाल ही में हमारे उपयोगकर्ताओं में से एक ने हमें पूछा कि क्या उनके WordPress साइट पर एक अकसर किये गए सवाल अकॉर्डियन जोड़ने का कोई तरीका था। कई प्लगइन्स उपलब्ध हैं जो आपको वर्डप्रेस में अक्सर पूछे जाने वाले प्रश्न या अकसर किये गये अनुभाग जोड़ सकते हैं। इस लेख में हम आपको दिखाएंगे कि कैसे अपने WordPress साइट में एक jQuery अकसर किये गए सवाल एन्कोडेशन को जोड़ने के लिए।
Accordion क्या है?
वेब डिज़ाइन में, एॉर्डियन एक यूजर इंटरफेस डिज़ाइन पैटर्न के लिए इस्तेमाल किया जाने वाला शब्द है जिसमें टैब्स या कंटेट ब्लॉक्स हैं जो उपयोगकर्ता इंटरैक्शन पर पतन या विस्तारित होते हैं। प्रत्येक टैब में उनके नीचे सामग्री होती है, जो उपयोगकर्ता के मेनू आइटम पर क्लिक करते समय फैलता है। सरल शब्दों में, यह उस मेनू की तरह है, जिस पर आप उस पर क्लिक करते हैं। हमने अपने मुफ्त वर्डप्रेस ब्लॉग सेटअप पेज पर एक समान प्रभाव का इस्तेमाल किया है। नीचे एक नमूना accordion का एक स्क्रीनशॉट है।
एक jQuery अकसर किये गए सवाल एसीसीन जोड़ना
इससे पहले कि आप एक jQuery अकसर किये गए सवाल जोड़ सकते हैं, आपको यह सुनिश्चित करने की आवश्यकता है कि आपके पास एक FAQ अनुभाग है वर्डप्रेस में एक अकसर किये गए सवाल खंड को जोड़ने के तरीके के बारे में हमारे ट्यूटोरियल का पालन करके अकसर अनुभाग जोड़ना प्रारंभ करें
अब हम jQuery के अकसर किये गए सवाल एडेरियन जोड़ने के साथ आगे बढ़ते हैं। वर्डप्रेस jQuery लाइब्रेरी के साथ आता है, लेकिन इसमें जंकियम थीम नहीं है। हम इसे Google CDN से लोड कर देंगे और वर्डप्रेस में इन स्क्रिप्ट्स को कतार में डाल देंगे। हम एक शोर्टकोड भी तैयार करेंगे जो हमारे अक्सर पूछे जाने वाले प्रश्न प्रदर्शित करता है। सबसे महत्वपूर्ण बात यह है कि हम वर्डप्रेस प्लगइन बनाकर यह सब करेंगे।
अपने डेस्कटॉप पर एक फ़ोल्डर बनाएं और इसे मेरे-एॉर्डियन नाम दें। अपनी पसंद के नोटपैड या किसी अन्य पाठ संपादक को खोलें नाम की एक फाइल बनाएँ मेरी-accordion.php और इसके अंदर यह कोड पेस्ट करें:
10,
'ऑर्डरबी' => 'मेनू_ऑर्डर',
'ऑर्डर' => 'एएससी',
'पोस्ट_प्रकार' => 'प्रश्न',
));
// उत्पन्न आउटपुट
$ faq। = ''; // कंटेनर खोलें
विदेशी मुद्रा ($ पोस्ट $ पोस्ट के रूप में) {// प्रत्येक प्रश्न के लिए मार्कअप उत्पन्न करें
$ faq = sprintf ((' % 1 $ s
% 2 $ s '),
$ पोस्ट> POST_TITLE,
wpautop ($ पोस्ट> POST_CONTENT)
);
}
$ faq। = ''; // कंटेनर को बंद करें
वापसी $ faq; // HTML लौटें
}
add_shortcode ('faq_accordion', 'accordion_shortcode');
उस फ़ाइल में आपके परिवर्तन सहेजने के बाद, एक नया खाली फ़ाइल खोलें। इसे रूप में सहेजें accordion.js । इसके अंदर इस कोड का अगला पेस्ट करें और फाइल को सहेजें:
jQuery (दस्तावेज़) .ready (function () {
jQuery ( "# अकॉर्डियन") अकॉर्डियन ()।;
}) ();
अब अपलोड करने के लिए हमारे पास प्लगइन तैयार हैं अपने एफ़टीपी क्लाइंट को खोलें और अपने वर्डप्रेस वेबसाइट में / wp-contnt / plugins / निर्देशिका में मेरा एडेरियन फ़ोल्डर अपलोड करें। इसके बाद, आपको वर्डप्रेस व्यवस्थापक क्षेत्र में अपने प्लगइन की स्क्रीन पर जाकर प्लगइन को सक्रिय करना होगा।
Accordion के साथ एक अकसर किये गए सवाल पेज जोड़ना
एक अकॉर्डियन प्रारूप में इन सामान्यताओं को प्रदर्शित करने के लिए, आपको एक नया पृष्ठ बनाना होगा। के लिए जाओ पेज »नई जोड़ें । अपने पृष्ठ को एक शीर्षक दें, उदा। पूछे जाने वाले प्रश्न और पेज संपादन क्षेत्र में इस शोर्ट को दर्ज करें:
[Faq_accordion]
अपने पेज को सहेजें और प्रकाशित करें, और इसका पूर्वावलोकन करें। आप अपने अकसर किये गए प्रश्नों को एक अच्छा एॉर्डियन मेनू में प्रदर्शित देखेंगे।
आपके एकॉर्डियन की स्टाइल और रंग बदलना
रंगों के लिए और यह स्टाइल स्टाइलिंग अकॉर्डियन Google पर होस्ट किए गए jQuery यूआई थीम्स का उपयोग करता है। यह मूल रूप से एक स्टाइल शीट है, और यदि आप चाहें तो डाउनलोड कर सकते हैं और इसे अपनी वेबसाइट पर डाल सकते हैं। jQuery के वेबसाइट में कुछ jQuery के यूआई थीम वाले हैं जिनमें से कुछ थीम का इस्तेमाल करने के लिए तैयार हैं। जैसा कि आप देख सकते हैं कि हमने अपने प्लगइन में मानवता विषय का इस्तेमाल किया है। आप इसे किसी भी उपलब्ध विषयों जैसे चिकनाई, कर्टर्टिनो आदि के साथ बदल सकते हैं। आप थर्मोलर पर इन थीम को भी बना सकते हैं या संशोधित कर सकते हैं।
हमें उम्मीद है कि इस आलेख ने आपको अपने वर्डप्रेस वेबसाइट पर एक jQuery अकसर किये गए सवाल एडीआरडीओ जोड़ने में मदद की। प्रतिक्रिया और प्रश्नों के लिए कृपया नीचे एक टिप्पणी छोड़ दें।