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

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

पोस्ट एडिटर वर्डप्रेस में सबसे बहुमुखी उपकरणों में से एक है, और शायद ही कोई इसे जानता हो। जो मैं आपको दिखाने जा रहा हूँ वह एक चतुर छोटा डिज़ाइन हैक है, एक चाल इतनी अनदेखी कि यह Hongkiat.com की 40 वर्डप्रेस हैक्स की सूची में भी शामिल नहीं थी।.

यह ट्रिक कुछ बेसिक HTML और CSS सीखने के लिए भी बढ़िया है, अगर आप अभी शुरुआत कर रहे हैं.

अपना संदेश बनाएँ

आपको इस ट्यूटोरियल की आवश्यकता है आपका "मेरे बारे में" पृष्ठ, स्वयं का फोटो और कुछ पाठ। आपके "मेरे बारे में" पृष्ठ को ब्लॉगिंग में अपनी उपलब्धियों पर ध्यान केंद्रित करना चाहिए, पाठक को कुछ सवालों के साथ संलग्न करना चाहिए, और आपके ब्लॉगिंग के चित्रों को शामिल करना चाहिए। क्या यह पृष्ठ पहले ही बन चुका है? उत्तम.

अब, हम यह सब करने जा रहे हैं वर्डप्रेस नई पोस्ट संपादक. इसे खोलें, और अपनी छवि अपलोड करें। हम इसमें से बहुत कुछ कर रहे हैं HTML टैब. जब आप एक छवि अपलोड करते हैं तो वर्डप्रेस स्वचालित रूप से इसके लिए HTML कोड उत्पन्न करता है। HTML टैब पर जाएं, और अपनी छवि के ऊपर एक स्पेस (हिट एंटर) बनाएं। फिर, यहां थोड़ा हुक संदेश लिखें, "इस साइट के पीछे कौन है?" या यहाँ तक कि "मेरे बारे में।" रचनात्मक बनो.

पाठक को साज़िश करने के लिए एक छोटा, 3-4 वाक्य विवरण जोड़ें। इस पाठ खंड के अंत में, "यहां और अधिक जानकारी प्राप्त करें" और अपने वास्तविक पृष्ठ के बारे में लिंक जैसे एक वाक्य लिखें.

स्टाइल आपका संदेश

अब जाओ दृश्य टैब. अपने पाठ को केंद्र में रखें। जब आप HTML पर वापस जाते हैं, तो आप देखेंगे कि वर्डप्रेस ने आपके लिए "पी स्टाइल" के रूप में कुछ कोड लिखा था। यह नए पोस्ट एडिटर में विजेट बनाने की सुंदरता है; आपके लिए वर्डप्रेस ऑटोराइट कोड! तुम तो बस कुछ बुनियादी सीएसएस जोड़ें!

कुछ इस तरह बनाएँ:

 आपका सन्देश 

एक के साथ पी शैली के बंद करने के लिए सुनिश्चित करें

और किसी भी अन्य सीएसएस को जोड़ सकते हैं जिसे आप सोच सकते हैं या आवश्यकता है। CSS नहीं जानते? बस Google खोज "____ के लिए सीएसएस कोड" और रिक्त स्थान में आप क्या करने की कोशिश कर रहे हैं। फिर p स्टाइल को कॉपी और पेस्ट करें। इसे छवि के नीचे अपने टेक्स्ट ब्लॉक संदेश के चारों ओर रखें। हालाँकि आप इसे पसंद करेंगे, और इसे बंद करें। यदि आप एक पी शैली को बंद करना भूल जाते हैं, तो यह कोई बड़ी बात नहीं है। स्टाइल अधिक पाठ पर लागू होगा जिसे आप चाहते हैं, लेकिन हर कोई कम से कम एक बार यह गलती करता है.

कोड का उपयोग करें इटैलिकाइज़ और अपने टेक्स्ट को बोल्ड करने के लिए, और उन्हें बंद करना भी याद रखें.