पैराग्राफ के बीच वर्डप्रेस स्पेसिंग — पूर्ण गाइड

क्या फिल्म देखना है?
 
  पैराग्राफ के बीच वर्डप्रेस स्पेसिंग — पूर्ण गाइड

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





यह
सादा पाठ या HTML मोड में है, या यदि आपने Word, Google डॉक्स, या किसी अन्य शब्द संसाधक से चिपकाया है, तो यह संभवतः “ ” जोड़ देगा हर जगह, अपने एचटीएमएल को उलझाने के लिए एक दुःस्वप्न बना रहा है।

वर्डप्रेस एक वेब पब्लिशिंग सॉफ्टवेयर है। यह किसी भी वर्ड प्रोसेसर जैसे Google डॉक्स, माइक्रोसॉफ्ट वर्ड, ओपन ऑफिस, या किसी भी वर्ड प्रोसेसर से अलग तरह से काम करता है जो रिच टेक्स्ट फॉर्मेट (.rtf फाइल) को आउटपुट करता है।



जब रिच टेक्स्ट को वर्डप्रेस में पेस्ट किया जाता है, तो एचटीएमएल में इनलाइन कोड जोड़ा जाता है, जो साइट को धीमा कर देता है।

सालों से, वर्डप्रेस में सीधे 'वर्ड से पेस्ट' करने के लिए एक बटन पर क्लिक करने का विकल्प था। वह चला गया है। अब वर्डप्रेस में पेस्ट करने का एकमात्र तरीका केवल प्लेन टेक्स्ट में पेस्ट करना है, जो आपकी फॉर्मेटिंग को हटा देता है।



पैराग्राफ के बीच वर्डप्रेस रिक्ति

आपके WordPress विषय के लिए Stylesheet.css पैराग्राफ के बीच अंतर को नियंत्रित करता है। आप WP Customizer का उपयोग करके CSS नियम सेट कर सकते हैं। मार्जिन-टॉप या बॉटम वैल्यू को पिक्सल (#px) में सेट करें। पैराग्राफ के भीतर लाइन स्पेसिंग बदलने के लिए, #em का उपयोग करें क्योंकि यह फ़ॉन्ट आकार के सापेक्ष है। 1em मानक है।



पैराग्राफ स्पेसिंग के साथ क्या हो रहा है, इस बारे में जानकारी

वर्डप्रेस, एक ऑनलाइन WYSIWYG सामग्री संपादक होने के कारण रिक्ति का उपयोग नहीं करता है। जब आप एंटर दबाते हैं, तो WP को यह मानने के लिए प्रोग्राम किया जाता है कि आप एक नया पैराग्राफ डालना चाहते हैं।

डबल लाइन ब्रेक के साथ नए पैराग्राफ डाले गए हैं। यदि आप बड़ी जगह नहीं चाहते हैं, तो आप इसका आधा आकार कर सकते हैं।

सिंगल लाइन ब्रेक के लिए शिफ्ट दबाएं और एक साथ एंटर करें

पैराग्राफ़ स्पेसिंग को डबल लाइन ब्रेक से सिंगल लाइन ब्रेक में बदलने के लिए, शिफ्ट दबाएं और उसी समय एंटर करें। यह आपके कर्सर (या पहले से तैयार की गई सामग्री) को एक पंक्ति में नीचे ले जाते हुए, एक सिंगल लाइन ब्रेक सम्मिलित करेगा।

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

पैराग्राफ के बीच अंतर को नियंत्रित करने के लिए WP के पास एकमात्र विकल्प है।

स्टाइलशीट को अनुकूलित करना (सीएसएस)

इससे पहले कि आप CSS में तत्वों को बदल सकें, आपको div वर्ग के नाम की पहचान करने की आवश्यकता है। आप यह कर सकते हैं कि आपके वेब ब्राउज़र टूल का निरीक्षण करें।

Google क्रोम में, इसे आपकी साइट पर किसी पेज या पोस्ट पर राइट-क्लिक करके, फिर 'निरीक्षण' पर क्लिक करके एक्सेस किया जाता है।

ब्लॉग पोस्ट आमतौर पर '.post' होते हैं और पेज '.पेज' से 'ब्लॉग-पोस्ट-सिंगल-कंटेंट' तक कुछ भी हो सकते हैं। यह उस पेज टेम्प्लेट के नाम पर निर्भर करता है जिसका उपयोग आपकी WP थीम करती है। ब्राउज़र निरीक्षक उपकरण उन्हें खोजने का तरीका हैं।

सेटिंग्स के तहत आपके बाएं साइडबार में अतिरिक्त सीएसएस मेनू 'अतिरिक्त सीएसएस' के लिए एक टैब है, उसमें जाएं और यह वह पैडिंग है जिसे आपको समायोजित करने की आवश्यकता है।

ऐसा करने के लिए, एक डालें। पैराग्राफ़ रिक्ति को पैडिंग द्वारा नियंत्रित किया जाता है, और इसे पिक्सेल (px) के साथ तय किया जाता है।

.post p{margin-bottom: 20px}

डॉन ज़ुलुएटा रिचर्ड गोमेज़ फिल्म

अपनी पसंद की किसी भी चीज़ में नंबर बदलें।

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

पैराग्राफ के भीतर WP लाइन स्पेसिंग बदलना

WP Customizer के साथ लाइन स्पेसिंग को भी ट्वीक किया जा सकता है।

हालांकि, स्पेसिंग साइज को पिक्सल में सेट करने के बजाय, यह 'em' है जो लाइन-ऊंचाई स्पेसिंग सेट करने के लिए उपयोग किया जाता है।

जोड़ने के लिए सीएसएस स्ट्रिंग है:

.post p{line-height: 1.5em;}

ब्लॉग पोस्ट के लिए,  या पृष्ठों के लिए, यह हो सकता है

.blog-post-single-content .post p{line-height: 1em;}

बदलने के लिए div वर्ग तत्व की पहचान करने के लिए ब्राउज़र इंस्पेक्टर (ऊपर वर्णित) का उपयोग करें।

CSS भाषा को समझना

वर्डप्रेस पर टाइपोग्राफी से संबंधित किसी भी चीज़ के लिए “em” सबसे अधिक इस्तेमाल किया जाने वाला CSS नियम है। यह फ़ॉन्ट आकार के मूल्य द्वारा परिभाषित किया गया है। आपका फ़ॉन्ट आकार जितना बड़ा होगा, 1em बड़ा होगा।

आप लाइन की ऊंचाई को सेंटीमीटर (सेमी), इंच (इंच), पिक्सल (पीएक्स), पॉइंट्स (पीटी), या पिका (पीसी) में भी परिभाषित कर सकते हैं। हालांकि मत करो।

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

माप (सेमी और इंच) केवल तभी लागू होते हैं जब आपको स्टाइलशीट में सेट किए गए सटीक माप के साथ अपने वेब पेज को प्रिंट-फ्रेंडली बनाने की आवश्यकता होती है।

ये सीएसएस में निरपेक्ष हैं जिसका अर्थ है कि वे स्क्रीन के आकार की परवाह किए बिना निश्चित आकार के बने रहते हैं, जिस पर दर्शक पाठ पढ़ रहा है।

शायद ही कभी इस्तेमाल किया जाता है क्योंकि यह बहुत कम उपयोग होता है पूर्व, (x-ऊंचाई) जो निचले मामले में अक्षरों की ऊंचाई का एक पूर्ण माप है।

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

वर्डप्रेस पोस्ट और पेजों में समान फ़ॉर्मेटिंग प्राप्त करने के लिए लाइन स्पेसिंग वैल्यू जो आप एक वर्ड प्रोसेसर से उम्मीद करेंगे, 1em लगभग 12-पॉइंट्स के समान है।

टाइपोग्राफी में, जिसे वर्ड प्रोसेसर इस्तेमाल करते हैं, 12 अंक एक इंच के छठे हिस्से के बराबर होते हैं।

12-बिंदु वाले फ़ॉन्ट में टाइम्स न्यू रोमन के सबसे सामान्य टाइपोग्राफी माप के उदाहरण का उपयोग करने के लिए, CSS कोड 0.166666667in पर सेट किया जाएगा।

यह पेज को लाइन-स्पेसिंग के लिए सटीक माप के साथ प्रिंट करेगा।
स्मार्टफोन का उपयोग करके टेक्स्ट को करीब से पढ़ना हालांकि मुश्किल होगा।

यही कारण है कि 'em' को प्राथमिकता दी जाती है क्योंकि यह फ़ॉन्ट आकार के आधार पर उतार-चढ़ाव करता है। आपकी वेबसाइट पर आने वाले अधिकांश लोग पेज प्रिंट नहीं कर रहे होंगे।

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

अन्यथा, em का उपयोग करके अपने वेब पेज की लाइन रिक्ति को फ़ॉन्ट आकार के सापेक्ष बनाएं। अंक, या पिका, या इंच, या सेंटीमीटर नहीं।

क्या ब्लॉक के बीच वर्डप्रेस स्पेसिंग को कम करना संभव है?

ब्लॉक संपादक के पास ब्लॉक के बीच मार्जिन पैडिंग बढ़ाने का कोई तरीका नहीं है। Stylesheet.css फ़ाइल में CSS मार्जिन सेट होना आवश्यक है। यह मार्जिन-बॉटम या मार्जिन-टॉप हो सकता है। फिर, पेज में कहीं भी

HTML कोड डाला जाता है, Stylesheet.css ब्लॉक के बीच की दूरी को परिभाषित करता है यानी 'p{margin-bottom: 20px}'। CSS मार्जिन सेट किए बिना, WP डबल लाइन ब्रेक का उपयोग करने के लिए डिफ़ॉल्ट होगा।

क्या स्पेस साइजिंग प्रिंट करने के लिए वर्डप्रेस पैराग्राफ के बीच की दूरी अलग हो सकती है?

आप मुद्रण के नियमों को परिभाषित करने के लिए स्टाइलशीट के अंत में '@media प्रिंट' के लिए एक अनुभाग जोड़ सकते हैं। आम तौर पर, मुद्रित सामग्री 12-बिंदु फ़ॉन्ट और एकल पंक्ति रिक्ति के साथ सुपाठ्य होती है। आप “डिस्प्ले: कोई नहीं; } साइडबार, शीर्ष नेविगेशन और टिप्पणियों जैसे अनुभागों के लिए। एक आखिरी युक्ति: आप केवल मुद्रित पृष्ठों में सामग्री जोड़ सकते हैं! रेसिपी साइटों के लिए उपयोगी है जो दर्शकों को उनके व्यंजनों को प्रिंट करने के लिए प्रोत्साहित करती है। 'डिस्प्ले: ब्लॉक;' में जोड़ें 'सामग्री', और yoursite.com से प्रिंट करने के लिए धन्यवाद संदेश।

नई हेडिंग (h1, h2, h3) शुरू होने से पहले स्पेसिंग कैसे बढ़ाएं?

यह सुनने में जितना आसान लगता है, ऐसा करने का कोई आसान तरीका नहीं है।

उस ने कहा, यदि आप एक नया शीर्षक शुरू होने से पहले अधिक स्थान चाहते हैं (आमतौर पर एक h2 या h3 शीर्षक, जैसा कि h1 लेख शीर्षक के लिए आरक्षित है), तो ऐसा करने का सबसे अच्छा तरीका है, क्लासिक संपादक में, जोड़ना है   शीर्षक टैग से पहले (

,

, आदि)। आपको इसे कोड संपादक में रहते हुए जोड़ना होगा, स्पष्ट रूप से टेक्स्ट एडिटर में नहीं। यह विधि गुटेनबर्ग संपादक में भी काम करती है।