वर्डप्रेस में इमेज के चारों ओर टेक्स्ट लपेटने के 4 तरीके

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

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

वर्डप्रेस में इमेज के चारों ओर टेक्स्ट कैसे लपेटें?

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

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

छवि के चारों ओर पाठ लपेटें - चयन को ब्लॉक करें

ऐसे 4 ब्लॉक हैं जिनका उपयोग आप किसी छवि के चारों ओर टेक्स्ट के ब्लॉक को लपेटने के लिए कर सकते हैं। हम उन सभी का वर्णन करते हैं:

• इमेज ब्लॉक और पैराग्राफ ब्लॉक के बारे में अधिक जानकारी नीचे दी गई है
• मीडिया और टेक्स्ट ब्लॉक के बारे में अधिक जानकारी नीचे दी गई है
• कॉलम ब्लॉक व्यक्तिगत पोस्ट में
• क्लस्टर ब्लॉक व्यक्तिगत पोस्ट में (सुविधा केवल उपलब्ध है Citadela Pro प्लगइन)

बेहतर पढ़ने के अनुभव के लिए टेक्स्ट और छवि को लपेटें

ऐसे कई कारण हैं जिनकी वजह से आपको इस ब्लॉक का उपयोग करना चाहिए। यदि आप ब्लॉग पोस्ट लिख रहे हैं तो आप इसकी सबसे अधिक सराहना करेंगे। छवियाँ कहानी का अभिन्न अंग हैं। इससे कोई फर्क नहीं पड़ता कि आप आईटी समाचारों के बारे में यात्रा ब्लॉग या पत्रिका लिखते हैं। इसलिए अपनी सामग्री के अंदर फ़ोटो जोड़ते समय, छवि संरेखण के बारे में सोचें। पाठक बेहतर ढंग से समझ सकेंगे कि आप किस बारे में लिख रहे हैं।

कई मामलों में छवि और पाठ को एक साथ सम्मिलित करना आवश्यक होता है। क्या महत्वपूर्ण है?

• इसका अर्थ निकालना होगा. छवि सही टेक्स्ट के बगल में होनी चाहिए.
• इसे अच्छी तरह से संरेखित करना होगा.
• इसे संपूर्ण वेबसाइट लेआउट में फिट होना चाहिए.

छवि और पैराग्राफ ब्लॉक

जबकि में क्लासिक संपादक आप छवि के आगे पाठ भी रख सकते हैं, आप अच्छे संरेखण के बारे में बात नहीं कर सकते। खासकर यदि छवि छोटी थी और आपने उसके आगे अधिक टेक्स्ट डाल दिया था। टेक्स्ट छवि पर हावी हो गया और यह अच्छा नहीं लग रहा था।

गुटेनबर्ग संपादक और इसका इमेज ब्लॉक एक बेहतरीन फीचर लाता है - इमेज का आकार बदलना। छवि का आकार और पाठ संरेखण स्वचालित रूप से बदलने के लिए छवि के चारों ओर बिंदु खींचें।

मीडिया और टेक्स्ट ब्लॉक - वर्डप्रेस इमेज के बगल में टेक्स्ट को संरेखित करता है

• मीडिया और टेक्स्ट ब्लॉक के साथ टेक्स्ट और छवियों को लपेटें
• एडिटर में मीडिया और टेक्स्ट ब्लॉक कैसे जोड़ें
• यह ब्लॉक कैसे काम करता है
• मीडिया और टेक्स्ट ब्लॉक सेटिंग्स
• क्या करता है "मोबाइल पर ढेर" अर्थ
• बोनस: वर्डप्रेस में टेक्स्ट को कैसे जस्टिफाई करें

छवि के आगे टेक्स्ट को कैसे संरेखित करें?

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

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

कुछ ही समय में आप Citadela नामक हमारी नई वर्डप्रेस थीम में मीडिया और टेक्स्ट ब्लॉक का उपयोग करने में सक्षम होंगे। अलग लेख में Citadela थीम के बारे में और जानें।

ब्लॉक एडिटर में मीडिया और टेक्स्ट ब्लॉक कैसे जोड़ें?

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

शीर्ष पैनल में या संपादक में कहीं भी "+" आइकन का उपयोग करना और मीडिया और टेक्स्ट ब्लॉक का चयन करना।

अंतिम विकल्प "/" टाइप करना है और बाद में "मीडिया" लिखना है। वर्डप्रेस स्वचालित रूप से आपके द्वारा खोजे गए से मेल खाने वाले चयनित ब्लॉक दिखाएगा।

मीडिया और टेक्स्ट ब्लॉक कैसे काम करता है?

मीडिया और टेक्स्ट ब्लॉक मूल रूप से 2 अलग-अलग प्रकार की सामग्री को एक में समूहित करता है। पहला माध्यम है जैसे छवि या वीडियो जिसे आप इसके माध्यम से जोड़ सकते हैं:

• डालना
• मीडिया पुस्तकालय
• खींचें और छोड़ें

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

मीडिया और टेक्स्ट ब्लॉक हमेशा छवि और टेक्स्ट को एक साथ संरेखित करता है, चाहे आप कितना भी टेक्स्ट लिखें। यह कैसे काम करता है? टेक्स्ट कॉलम में सामग्री की ऊंचाई के आधार पर छवि स्वचालित रूप से समायोजित हो जाती है।

मीडिया और टेक्स्ट ब्लॉक सेटिंग्स

सामान्य ब्लॉक सेटिंग्स

1. शीर्ष टूलबार

ब्लॉक के ऊपर टूलबार कई विकल्प प्रदान करता है। यदि आपकी सक्रिय थीम इसका समर्थन करती है, तो आप मीडिया और टेक्स्ट ब्लॉक को चौड़ी या पूरी चौड़ाई के रूप में सेट कर सकते हैं। आप यहां क्लिक करके यह भी चुन सकते हैं कि आप छवि या वीडियो कहां रखना चाहते हैं:

• बाईं ओर मीडिया दिखाएँ
• दाहिनी ओर मीडिया दिखाएँ

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

2. दायां साइडबार

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

स्टैक ऑन मोबाइल क्या है?

इस फ़ंक्शन के कारण छवि और पाठ मोबाइल उपकरणों पर अच्छी तरह से प्रदर्शित होता है। यदि आप "स्टैक ऑन मोबाइल" को अक्षम करते हैं, तो छवि और टेक्स्ट साथ-साथ रहेंगे और यह प्रतिक्रियाशील संस्करण में शायद ही पढ़ने योग्य होगा।

यदि आप इस फ़ंक्शन को सक्षम करते हैं, तो मोबाइल फ़ोन पर बाईं ओर की सामग्री दाईं ओर की सामग्री के ऊपर प्रदर्शित होगी।

पाठ्य संरेखण

मीडिया और टेक्स्ट ब्लॉक का हिस्सा छवि या वीडियो के साथ-साथ टेक्स्ट सामग्री भी है। यह निम्नलिखित सामग्री प्रकारों में से एक हो सकता है:

1. अनुच्छेद

शीर्ष टूलबार में आप टेक्स्ट संरेखण सेट कर सकते हैं, टेक्स्ट को बोल्ड, इटैलिक बना सकते हैं या यूआरएल लिंक जोड़ सकते हैं।

दाईं ओर साइडबार में आप फ़ॉन्ट आकार, फ़ॉन्ट रंग या पैराग्राफ़ रंग चुन सकते हैं। दिलचस्प विशेषता "ड्रॉप कैप" है जो टेक्स्ट के पहले अक्षर को हाइलाइट करेगा। टेक्स्ट को अधिक रोचक बनाने के लिए ब्लॉक पोस्ट में यह एक अच्छी सुविधा है।

2. शीर्षक

शीर्षक पैराग्राफ के समान ही होता है। आप इसका स्वरूप भी कॉन्फ़िगर कर सकते हैं, बोल्ड या इटैलिक बना सकते हैं और यूआरएल लिंक डाल सकते हैं। अंतर यह है कि आप शीर्षक प्रकार चुन सकते हैं - H2, H3, H4।

अन्य शीर्षक आकार और संरेखण सेटिंग्स दाईं ओर साइडबार में उपलब्ध हैं।

3. सूची

यदि आप अपनी सामग्री में सूची ब्लॉक जोड़ते हैं, तो यह बुलेट पॉइंट, क्रमांकित सूची या बहु स्तरीय सूची हो सकती है। आप टेक्स्ट को बोल्ड, इटैलिक भी बना सकते हैं और यूआरएल लिंक भी जोड़ सकते हैं।

4. बटन ब्लॉक

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

के बारे में लेख पढ़ना न भूलें बटन ब्लॉक. 

ब्लॉक प्रकारों के बीच स्विच करना

मीडिया और टेक्स्ट ब्लॉक में एक सामग्री ब्लॉक प्रकार को दूसरे में परिवर्तित करना संभव है। आप मीडिया और टेक्स्ट ब्लॉक को इमेज ब्लॉक में भी बदल सकते हैं और टेक्स्ट भाग हटा दिया जाएगा।

टेक्स्ट सामग्री में पैराग्राफ ब्लॉक को हेडिंग या लिस्ट ब्लॉक में बदलना संभव है।

बोनस: वर्डप्रेस में टेक्स्ट को कैसे जस्टिफाई करें

उचित पाठ का उपयोग करने के अपने सकारात्मक और नकारात्मक पहलू हैं। उचित पाठ आमतौर पर किताबों या समाचार पत्रों में पाया जा सकता है लेकिन अब इसका उपयोग वेबसाइटों पर नहीं किया जाता है। क्यों?

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

यह विशेष कार्यक्षमता न तो नए ब्लॉक (गुटेनबर्ग) संपादक में मौजूद है।

यदि आप वास्तव में ऐसा चाहते हैं तो आप पाठ को कैसे उचित ठहराएंगे?

समाधान कुछ चरणों में सरल सीएसएस कोड जोड़ना है:

1. दाहिनी ओर साइडबार में पैराग्राफ ब्लॉक के अतिरिक्त सीएसएस क्लास के लिए एक सेटिंग है
2. वहां कक्षा का नाम लिखें „न्यायोचित ठहराना“
3. पेज या लेख प्रकाशित करें
4. यदि आप इसका पूर्वावलोकन करते हैं, तो मुख्य शीर्ष पट्टी में कस्टमाइज़ पर क्लिक करें
5. बाईं ओर सेटिंग्स के साथ एक नया साइडबार है
6. अतिरिक्त सीएसएस पर क्लिक करें
7. निम्नलिखित सीसीएस कोड डालें:

पी.जस्टिफ़ाई { टेक्स्ट-एलाइन: जस्टिफ़ाई; }

पूर्ण। अब से आपके मीडिया और टेक्स्ट ब्लॉक में टेक्स्ट उचित है।

गुटेनबर्ग संपादक की बदौलत वर्डप्रेस तीसरे पक्ष के पेज बिल्डरों के बिना अधिक उपयोगी हो गया है। दीर्घकालिक दृष्टिकोण से और किसी वेबसाइट को बनाते या पुनः डिज़ाइन करते समय आपकी वेबसाइट के लिए इसका उत्कृष्ट मूल्य है। गुटेनबर्ग ब्लॉक स्टाइल की बड़ी रेंज देते हैं जो आपको हाथ लग सकता है छवियों के चारों ओर टेक्स्ट लपेटने के लिए वर्डप्रेस कोड.

मीडिया और टेक्स्ट ब्लॉक पर आपकी क्या राय है? क्या आपने पहले ही इसका उपयोग कर लिया है? आपको इसके साथ काम करना कैसा लगता है? नीचे टिप्पणी करके हमें बताएं।