वर्डप्रेस के लिए एक साधारण FAQ प्लगइन कैसे बनाएं

हमने बहुत सारे ब्लॉगिंग टिप्स और टूल्स से पहले देखा है। खैर, आज हम सीखेंगे कि अपने ब्लॉग के लिए एक अच्छा टूल कैसे बनाया जाए – एक एफएक्यू पेज प्लगइन। लेकिन सबसे महत्वपूर्ण बात केवल प्लगइन ही नहीं है, लेकिन आप इस सिद्धांत के साथ क्या कर सकते हैं। आप सीखेंगे कि अपनी WP साइट में किसी भी प्रकार के डेटा को कैसे स्टोर किया जाए और इसे बाहरी पुस्तकालयों (जैसे jQuery UI) के साथ अपनी साइट के लिए कस्टम घटक बनाने के लिए कैसे एकीकृत किया जाए। आएँ शुरू करें!


आइडिया, डेमो & डाउनलोड

डेमो

यहां हमारा लक्ष्य एक ऐसा प्लगइन बनाना है जिसका उपयोग बहुत सारी चीजों के लिए किया जा सकता है, लेकिन अक्सर पूछे जाने वाले प्रश्न पृष्ठों के लिए अच्छी तरह से फिट होते हैं.

लेकिन इसके अलावा हमारी मुख्य उपलब्धि वर्डप्रेस कस्टम पोस्ट प्रकार, शॉर्टकोड, बाहरी जेएस / jQuery प्लगइन के साथ बातचीत की समझ होगी। इस विचार के साथ आप अन्य पागल प्लगइन्स के आधार पर बहुत सारे सामान बना सकते हैं जो आपको वहां मिल सकते हैं, यह सिर्फ आपके लिए शुरुआती बिंदु है, प्रिय दीपवान.

तो यहां आप उस घटक के लिए jQuery एपीआई डेमो पा सकते हैं जिसका हम उपयोग कर रहे हैं – लेकिन वास्तव में अच्छा सामान उस घटक को उत्पन्न करने के लिए कोड का उपयोग कर रहा है (PHP).

वार्मिंग अप – प्लगइन फ़ाइल और कस्टम पोस्ट प्रकार

सबसे पहले हमें अपने डेटा को स्टोर करने के लिए एक कस्टम पोस्ट प्रकार बनाने की आवश्यकता है.

कस्टम पोस्ट प्रकार WP के जादू का एक बड़ा हिस्सा हैं, यह आपको एक नया डेटा प्रकार (जैसे पोस्ट, पेज, अटैचमेंट्स ..) बनाने की अनुमति देता है, इसलिए इसे WP के कार्यों का उपयोग करके कॉल और हेरफेर किया जा सकता है। यह शुरुआती लोगों के लिए सरल लग सकता है, लेकिन केवल पुराने समय के PHP प्रोग्रामर (जो अभी भी एक बात है?) जानते हैं कि आपके DB में डेटा को कनेक्ट करना और स्टोर करना कितना कठिन था। अकेले गतिशील रूप से नए डेटा प्रकार बनाएं, यह सूक्ष्म है लेकिन हमारे कोड में एक बड़े लचीलेपन की अनुमति देता है.

हमारे पास यह करने के लिए हमें एक प्लगइन की आवश्यकता है, लेकिन शायद आप पहले से ही इस अवधारणा से परिचित हैं। प्लगइन्स वर्डप्रेस के लिए लेगो ब्लॉक की तरह हैं, वे कुछ कोड का उपयोग करके वर्तमान कार्यक्षमता को जोड़ते हैं या बदल देते हैं जिसे आप आसानी से प्लग (डु!) या अनप्लग कर सकते हैं यदि आप चाहते हैं.

इस तरह से एक प्लगइन बनाने के लिए कि WP यह पहचानता है कि आपको 2 चीजों की आवश्यकता है:

  1. अपने wp-content / plugins / के अंदर एक फ़ाइल बनाएँ
  2. उस फ़ाइल की शुरुआत में मेटाडेटा जोड़ें ताकि WP समझ सके कि वह क्या है

ध्यान रखें कि फ़ाइल का नाम अद्वितीय होना चाहिए, जब कोई आपका प्लगइन स्थापित करता है (यहां तक ​​कि अपने आप में) वर्तमान प्लगइन्स के साथ कोई संघर्ष नहीं होगा। एक बेहतर संगठन के लिए हमारे मामले में हम एक नया फ़ोल्डर जोड़ेंगे जिसका नाम faq-whsr है, और उसके अंदर एक फ़ाइल जिसे faq-whsr.php कहा जाता है।.

अब मेटाडा के लिए, अपने प्लगइन्स फ़ाइल की शुरुआत में कुछ इस तरह से जोड़ें (ठीक बाद <?php):

meta_01

जिसका मतलब है:

  • प्लगइन नाम: अच्छा नाम जो आपके wp-admin में दिखाया जाएगा > प्लगइन्स इंटरफ़ेस
  • प्लगइन यूआरआई: यदि आप अपने प्लगइन के पेज का लिंक जोड़ना चाहते हैं (डॉक्स, उदाहरण, बिक्री पृष्ठ)
  • विवरण: यह आपके wp-admin में दिखाया गया छोटा पैराग्राफ है > प्लगइन्स इंटरफ़ेस। इसे सरल रखें ताकि उपयोगकर्ता याद रखें कि यह किस लिए है
  • लेखक / लेखक URI: वह व्यक्ति / कंपनी जिसने प्लगइन और क्रेडिट के लिए एक लिंक बनाया है
  • लाइसेंस: ताकि उपयोगकर्ताओं को पता चले कि वे आपके प्लगइन के साथ क्या कर सकते हैं / नहीं कर सकते हैं

ठीक है, अब हमने अपना प्लगइन बनाया है, कुछ प्रासंगिक मेटाडेटा जोड़ा है। जैसे ही आप अपनी प्लगइन फ़ाइल को सहेजते हैं, आपको इसे अपने wp-admin इंटरफ़ेस में देखने में सक्षम होना चाहिए

आइए इसे सक्रिय करें और देखें कि क्या होता है.

रुको, कुछ नहीं? ठीक है, यह एक अच्छी बात है, अगर कुछ भी गलत था तो अब आप एक त्रुटि देखेंगे। अब हमारे कस्टम पोस्ट प्रकार के निर्माण पर चलते हैं.

हमारे मामले में CPT FAQ आइटम है, लेकिन आप किताबें, वीडियो, प्रशंसापत्र और इतने पर बना सकते हैं। यहां ध्यान रखने योग्य महत्वपूर्ण बात यह है: फ़ंक्शन नाम अद्वितीय होना चाहिए। मेरे साथ अब दोहराएं: फ़ंक्शंस के नाम अद्वितीय होने चाहिए, फ़ंक्शंस के नाम अद्वितीय होने चाहिए। समझ गया? जब तक हम OOP (शायद अगले ट्यूटोरियल में) का उपयोग कर सकते हैं तब तक यह आपको बहुत परेशानी से बचाएगा।.

इस कोड के साथ विज़ार्ड किया गया है:

CPT

और यह वही है जो प्रासंगिक भागों का मतलब है:

  • $ लेबल – आपके wp-admin क्षेत्र के विभिन्न वर्गों के लिए लेबल और पाठ के साथ एक सरणी है। तो WP हमारे आइटमों को कॉल करने का उचित तरीका जानता है
  • समर्थन – यह एक बताता है कि आप wp-admin में क्या देख सकते हैं > सामान्य प्रश्न > नई स्क्रीन। हमारे मामले में हमारे पास शीर्षक, संपादक (मुख्य सामग्री बॉक्स), लेखक, संशोधन और कस्टम फ़ील्ड होंगे (यदि आप उन्हें चाहते हैं तो).
  • टैक्सोनोमीज़ – यहाँ आप WP बताएंगे कि कौन से टैक्सोनॉमी की अनुमति है (श्रेणियां, टैग या कस्टम टैक्सोनॉमी)
  • register_post_type (‘faq_whsr ‘, $ args) – यह WP को बताता है” अरे, ID के साथ एक नया कस्टम पोस्ट प्रकार बनाएँ जिसमें $ args के तर्कों का उपयोग करके faq_whsr हो “.

इसे बचाओ और अपनी सांस पकड़ो। अब आपको अपने मुख्य wp-admin मेनू में एक नया अनुभाग देखना चाहिए

रुको, यह बात है? हाँ। यह स्निपेट संपूर्ण CPT कार्यक्षमता बनाता है। यदि आपको यह ठंडा नहीं लगता है, तो प्रतीक्षा करें कि यह अगले भाग में ठंडा हो जाएगा.

इससे पहले कि हम wp-admin छोड़ें, कुछ डमी डेटा (कम से कम 2 श्रेणियों के साथ कुछ faq) जोड़ें.

फ्रंट-एंड – WP x jQuery इंटरैक्शन

अब अंत में कुछ कार्रवाई देखने के लिए है और हम इसके लिए jQuery UI Accordion तत्व का उपयोग करेंगे.

jQuery यूआई अपने आप में jQuery के रूप में बहुत अधिक लाभ है:

  • बहुत सारे डेवलपर्स इस पर काम कर रहे हैं
  • क्रॉस-ब्राउज़र और मोबाइल-रेडी कोड
  • अच्छी तरह से प्रलेखित
  • WP के साथ अच्छा खेलता है (WP खुद उनका उपयोग करता है)

अब सवाल यह है: हम इसे कैसे कहते हैं?

इसके लिए 2 दृष्टिकोण हैं:

  1. आपके wp_head में खराब शुद्ध / टैग
  2. अच्छा wp_enqueue

आज हम गलत दृष्टिकोण के साथ बहुत अधिक समय नहीं देंगे, लेकिन अच्छा है कि हम मूल रूप से WP “अरे दोस्त, हम अपने कोड में कुछ बिंदु पर jQuery यूआई की जरूरत है, कृपया इसे पृष्ठ में शामिल करें”। इस तरह से WP यह जांच सकता है कि क्या किसी और ने पहले से ही इसे शामिल किया है या इसका कोई दूसरा संस्करण शामिल किया है और डुप्लिकेट किए गए पुस्तकालयों के साथ बहुत परेशानी से बचा है। ठीक है, कोड में उस अच्छी चैट का अनुवाद कैसे करें?

एन्क्यू फ़ंक्शन का उपयोग करना:

enqueue_02

शोर्ट

और अब हम wp-admin पर वापस आ गए हैं। हमें अक्सर पूछे जाने वाले प्रश्न मिले हैं, और जैसा कि हम चाहते हैं कि वस्तुओं को स्टाइल करने के लिए हमें लाइब्रेरी मिली है, और क्या याद आ रही है? खैर, हमें वस्तुओं को कॉल करने की आवश्यकता है!

हमारे पास इसके लिए बहुत सारे विकल्प हैं, लेकिन इस मामले के लिए सबसे आसान है शोर्ट बनाना। शोर्टकोड वह चीज है जिसे आप अपने सामग्री क्षेत्र (पेज, पोस्ट, सीपीटी के लिए) में जोड़ते हैं और WP वास्तव में उस पर चलने के लिए एक फंक्शन की खोज करेगा। शॉर्टकोड के 2 प्रकार हैं:

  1. [आत्म-संलग्नक] – जैसे टैग या
    इस तरह के शोर्ट केवल कुछ बिंदु पर एक फ़ंक्शन कहते हैं – यह हमारा लड़का है
  2. [लिपटे] सामग्री [/ लिपटे] – यह एक टैग की तरह है

    या वास्तव में इसकी सामग्री को रूपांतरित कर सकते हैं, या सामग्री का उपयोग तर्कों के रूप में कर सकते हैं.

आइए देखें कि यह कैसे काम करता है। अपने wp-admin में एक नया पेज बनाएँ और इस कोड को वहाँ जोड़ें:

[पूछे जाने वाले प्रश्न-whsr]

सहेजें और उस पृष्ठ पर जाएँ और देखें कि क्या होता है …

केवल मजाक कर रहे हैं, यह सही बात नहीं है? ठीक है, क्योंकि हमने अभी तक इसके लिए कोई फ़ंक्शन नहीं बनाया है.

इसे अपनी प्लगइन फाइल में जोड़ें:

shortcode_02

अब अपने पृष्ठ को ताज़ा करें और मैं वादा करता हूँ कि वास्तव में कुछ अच्छा होगा.

शांत हुह? अब आप देख सकते हैं कि यह चल रहा है और आकाश अब आपके लिए सीमा है। जो कोड करता है वह सिर्फ WP को बताता है कि एक शोर्ट है जिसे [faq-whsr] कहा जाता है और यदि WP इसे ढूंढता है, तो WP को पृष्ठ के उस बिंदु पर एक फ़ंक्शन चलाना चाहिए.

हमारे मामले में हमें jQuery UI पैनल बनाने के लिए इस संरचना को प्राप्त करने की आवश्यकता होगी:

api_02

और इसके लिए हम एक WP Query बनाएंगे, हमारे FAQ आइटम और उनकी सामग्री लोड करेंगे। इस के साथ शोर्ट फ़ंक्शन बदलें:

शोर्ट-basic_02

ठीक है, अब आपके FAQ आइटम कहलाएंगे। हमने जो कुछ किया है वह हमारे कस्टम पोस्ट प्रकार को कॉल करने के लिए wp_query को कॉल करने के लिए है, और फिर इसे शोर्ट रिटर्न में पास करें ताकि WP वांछित संरचना का पालन करते हुए उन सभी को प्रदर्शित करे।.

यह अच्छा है लेकिन कुछ याद आ रहा है, है ना? वहाँ कुछ विकल्पों के बारे में क्या? खैर, हम शोर्ट के लिए विकल्प जोड़ सकते हैं, आइए देखते हैं कि अपने शोर्ट में WP_Query के कुछ तर्क कैसे बनाएं:

शोर्ट-final_02

इस तरह से आप निम्न तर्कों का उपयोग करके आइटम कॉल कर सकते हैं (आप जितने चाहें जोड़ सकते हैं):

  • बिल्ली – श्रेणी आईडी (सरणी के रूप में कई जोड़े गए) [faq-whsr बिल्ली = 1]
  • category_name – श्रेणी का नाम [faq-whsr category_name = “खाना”]
  • आदेश – ASC या DESC (DESC डिफ़ॉल्ट है) [faq-whsr आदेश = “ASC”]
  • ऑर्डरबी – आइटम ऑर्डर करने के लिए मापदंड बदलें [faq-whsr ऑर्डरबी = “शीर्षक”]
  • पोस्ट_पर_पेज – लोड की गई वस्तुओं की संख्या को बदलें [faq-whsr posts_per_page = 5]

लेकिन जैसा मैंने कहा, आकाश तुम्हारे लिए मेरे दोस्त की सीमा है। यहां WP_Query के कुछ विकल्प दिए गए हैं जिन्हें आप कार्यान्वित और उपयोग कर सकते हैं:

  • लेखक
  • श्रेणी (not_in के साथ बहिष्कृत विकल्प जोड़ना)
  • खोज (यदि आप उपयोगकर्ताओं को उनके माध्यम से खोजने की क्षमता देना चाहते हैं तो शांत)
  • कस्टम फ़ील्ड (चूंकि FAQ आइटम उनके पास हैं जिनका उपयोग आप विशिष्ट कस्टम फ़ील्ड और मानों के साथ आइटम लोड करने के लिए कर सकते हैं)

अब तुम्हारी बारी है

यह आपके लिए सिर्फ एक शुरुआती बिंदु है, जैसा कि आप देख सकते हैं। हम सभी इस सरल प्लगइन को बेहतर बनाने के लिए बहुत सी अन्य ठंडी चीजें सीख सकते हैं, यहां आपके लिए कुछ सुझाव दिए गए हैं:

  • प्रभावी डिजाइन
  • विजेट निर्माण
  • प्लगिन सक्रिय / डी-सक्रिय हुक
  • अंतर्राष्ट्रीयकरण
  • OOP
  • केवल जरूरत पड़ने पर (निश्चित पृष्ठों के लिए)

टिप्पणी में अपने विचारों को छोड़ने के लिए मत भूलना! और यहां आपके लिए हमारी चुनौती है: क्या आपके लिए शोर्टकोड के लिए “डिफ़ॉल्ट आइटम” विकल्प लागू करना संभव है (इसलिए जब पृष्ठ लोड किया गया है तो दूसरा आइटम खुला होगा, वह पहले वाला नहीं है)? आपको इसे कैसे करना होगा?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map