वर्डप्रेस एडिटर में बटन कैसे जोड़ें [ट्यूटोरियल]

वर्डप्रेस बटन ब्लॉक इतना महत्वपूर्ण क्यों है?

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

मूलतः हमारे पास 2 विकल्प हैं. मानक लिंक या बटन का उपयोग करें. पहले और बाद के विकल्प का उपयोग कब करना चाहिए, इस पर राय अलग-अलग हैं। यह सामान्य बात है कि एक पृष्ठ पर अनेक संभावित कार्रवाइयां होती हैं। हमें यह सुनिश्चित करना होगा कि कौन सा प्राथमिक है और कौन सा गौण है। हम आपको केवल प्राथमिक कार्रवाई के लिए बटन का उपयोग करने की सलाह देते हैं। इस तरह आप इस प्राथमिक क्रिया की अधिक दृश्यता प्राप्त करते हैं। आप इस क्रिया पर आगंतुकों का ध्यान केंद्रित करेंगे। इसे हम कॉल-टू-एक्शन बटन भी कह सकते हैं. एक उपपृष्ठ पर बहुत सारे बटन न बनाएं.

मुख्य बटन के कार्य क्या हैं?

• बटन आगंतुकों का ध्यान आकर्षित कर सकते हैं - कार्रवाई के लिए कॉल करें
• वे पेज या पोस्ट सामग्री को अलग करते हैं और इसे अधिक पठनीय बनाते हैं
• पृष्ठ पर अभिविन्यास में सहायता करें। बहुत से विज़िटर केवल अपनी आंखों से पृष्ठ को स्कैन करते हैं
• हाइपरलिंक का उपयोग करके विज़िटरों को अन्य पृष्ठों पर नेविगेट करें

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

वर्डप्रेस में किसी भी पेज या पोस्ट पर बटन जोड़ना

वर्डप्रेस 5 से पहले की स्थिति

वर्डप्रेस ब्लॉक एडिटर के आविष्कार से पहले बटन जोड़ना काफी जटिल प्रक्रिया थी। क्योंकि यह फीचर स्वाभाविक रूप से वर्डप्रेस में नहीं था। आप थीम का उपयोग पेज बिल्डर या तृतीय पक्ष प्लगइन के साथ कर सकते हैं। इस मामले में शॉर्टकोड बटन बनाते हैं।

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

वर्डप्रेस संपादक में बटन ब्लॉक का उपयोग कैसे करें?

वर्डप्रेस 5 के लिए धन्यवाद दूसरा तरीका है। बहुत आसान। वर्डप्रेस विज़ुअल एडिटर कई उपयोगी ब्लॉक लाता है। वेबसाइट पर एक बटन बनाने के लिए अब आप एडिटर में वर्डप्रेस बटन ब्लॉक का उपयोग कर सकते हैं।

वर्डप्रेस संपादक में बटन कैसे जोड़ें चरण-दर-चरण मार्गदर्शिका

1. सबसे पहले आपको यह तय करना होगा कि आप बटन कहां डालना चाहते हैं
2. बटन ब्लॉक को विभिन्न तरीकों से जोड़ा जा सकता है:
- शीर्ष बार में या ब्लॉक संपादक में कहीं भी "+" पर क्लिक करके जहां आप बटन ब्लॉक का चयन करते हैं

- आप खोज बार का उपयोग करके कोई भी ब्लॉक ढूंढ सकते हैं, बस "बटन" लिखें

- "/" टाइप करने से आपको सभी उपलब्ध ब्लॉक तक पहुंच मिलती है

3. निर्मित बटन ब्लॉक को आगे कॉन्फ़िगर किया जा सकता है

बटन टेक्स्ट और यूआरएल पता जोड़ें

जैसे ही वर्डप्रेस ब्लॉक बटन बन जाता है, आप इसके अंदर टेक्स्ट टाइप कर सकते हैं। याद रखें कि कॉल टू एक्शन बटन के लिए स्पष्ट संदेश के साथ छोटे टेक्स्ट का उपयोग करना बेहतर है। आप टेक्स्ट को बोल्ड, इटैलिक या रेखांकित करने के लिए सेट कर सकते हैं। ये सभी बदलाव टूलबार में क्लिक करके किए जा सकते हैं। आप बटन को किनारे या बीच में भी संरेखित कर सकते हैं।

बटन आमतौर पर किसी अन्य पेज या बाहरी वेबसाइट की ओर इशारा करता है। इसी कारण से इसके ठीक नीचे यूआरएल पता जोड़ने के लिए एक इनपुट है। फायदा यह है कि यूआरएल जोड़ने से टेक्स्ट चुनने की जरूरत नहीं पड़ती।

बटन का रंग बदलना

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

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

अपनी खुद की बटन शैली खोजें

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

कस्टम सीएसएस के साथ संपादन बटन

कस्टम सीएसएस कक्षाओं का उपयोग करके और भी अधिक अनुकूलन प्राप्त किया जा सकता है। इस तरह आप अपनी इच्छानुसार वर्डप्रेस एडिटर में अपनी खुद की सीएसएस शैलियाँ और स्टाइल बटन जोड़ सकते हैं।

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

अंत में अतिरिक्त टिप

अपने वर्डप्रेस बटन ब्लॉक और बटन की सफलता की निगरानी करना न भूलें। यदि आप Google Analytics का उपयोग करते हैं, तो आप एक अद्वितीय URL बना सकते हैं। विज़िटर क्लिक को ट्रैक करने के लिए आप जोड़ सकते हैं गूगल यूटीएम पैरामीटर. यूआरएल बिल्डर का उपयोग करके यूआरएल बनाया जा सकता है। पैरामीटर जोड़ने से आप विज़िट के स्रोत की पहचान कर सकते हैं। यदि आप जानना चाहते हैं कि आपके शॉपिंग पेज पर विज़िटर कहाँ से आए तो यह बहुत उपयोगी है।

वर्तमान में वर्डप्रेस बटन ब्लॉक को लेकर आपकी सबसे बड़ी समस्या क्या है? आइए नीचे टिप्पणियों में चर्चा करें। वेबसाइट पर बटन का उपयोग करने का अपना अनुभव साझा करें।