पाठ टी वर्डप्रेस होस्टिंग लपेट जीती
20 मई को भगवद् पार्क द्वारा पोस्ट, 2014 | 4 टिप्पणियाँ
एक अच्छा वर्डप्रेस पोस्ट एक बहुत पाठ की एक दीवार से अधिक है। यह यह आसान को पढ़ने के लिए और कम डराना बनाने संदर्भ, छवियों, blockquotes, pullquotes, और अन्य दृश्य मीडिया के एक मेजबान आसानी से पच टुकड़ों में सामग्री को विभाजित करने में शामिल है,। यह ठीक है, हालांकि इन वस्तुओं स्थित करने के लिए और सुनिश्चित करें कि वे पोस्ट के बाकी के साथ समेकित रूप में फिट महत्वपूर्ण है। विचार उन्हें, लेख के पूरक इसकी नियुक्ति करने के लिए पाठक का ध्यान आकर्षित नहीं है। यह प्राकृतिक महसूस करना चाहिए जैसे कि यह सिर्फ "अंतर्गत आता है"। यह अंत करने के लिए, हम जानना चाहते हैं कि ठीक से एक वस्तु है कि क्या यह एक छवि है, या एक iFrame के आसपास पाठ रैप करने के लिए की जरूरत है। वर्डप्रेस सही रूप में छवियों का एक आसान तरीका प्रदान करता है, लेकिन हम उचित रूप मिल और अन्य वस्तुओं के लिए महसूस करने के लिए कोडिंग का एक सा करने की आवश्यकता होगी।

संरेखित छवियाँ
के बाद से छवियों और तस्वीरें एक पोस्ट में वस्तुओं के सबसे आम रूप है, पाठ रैप करने के लिए चारों ओर वर्डप्रेस में एक छवि मूर्खता से आसान है। सुनिश्चित करें कि आप वर्डप्रेस का नवीनतम संस्करण चला रहे हैं कि सुनिश्चित करें, और WYSIWYG माउस ऊपर दृश्य संपादक में आप के रूप में नीचे दिखाया गया है एक "जोड़ें मीडिया" बटन मिलेगा।
इस पर क्लिक करने से आप एक नई छवि को अपलोड या मौजूदा पुस्तकालय से एक का चयन करने की अनुमति देगा। के बाद आप इसे चुना है, चित्र विवरण दाहिने हाथ की ओर दिखाई देगा। नीचे स्क्रॉल करें और आप एक वर्ग के रूप में नीचे दिखाया गया है "अनुलग्नक प्रदर्शन सेटिंग्स" कहा जाता है देख सकते हैं।
केवल आप छवि बाईं, सही, या केंद्र पर दिखाना चाहते हैं कि क्या चयन करें। आप कुछ भी नहीं चुनते हैं, छवि किसी भी संरेखण के बिना HTML में रखा जाएगा। यह आसान है!
अन्य वस्तुओं संरेखित
छवियों के चारों ओर लपेटकर टेक्स्ट इतना आसान है, वहीं क्या आप एक iFrame की तरह एक कस्टम तत्व है या नहीं? कई छोटे उपकरण और विजेट आप कोड का एक टुकड़ा अपने WordPress पद के HTML में और उचित संरेखण के बिना जगह देते हैं, यह भयानक ध्यान देंगे। वहाँ दो बातें हम की देखभाल करने की जरूरत है:
वस्तु प्लेसमेंट
आप के भीतर एक iFrame स्निपेट कहो
आप देख सकते हैं वास्तव में यह कैसे नीचे स्क्रीनशॉट में रख दिया गया है:
यह HTML में यह तुरंत बाद बाएं हाथ की ओर iFrame और पैरा देता है सही करने के लिए इसके चारों ओर प्रवाह होगा।
मार्जिन का समायोजन
दुर्भाग्य से यह अभी भी सही नहीं लगता है। हाँ, वस्तु के चारों ओर पाठ रैपिंग के साथ बाईं ओर दिखाई देता है, लेकिन पाठ भी बढ़त के करीब है। अच्छा डिजाइन सिद्धांतों हमें बताते हैं कि हम कुछ मार्जिन ऊपर बनाना चाहिए, नीचे, और बाईं गठबंधन छवियों के लिए सही करने के लिए और सही गठबंधन लोगों के लिए बाईं ओर।

मान लीजिए कि हम सही करने के लिए 10px मार्जिन और शीर्ष पर 22px मार्जिन चाहते हैं। ओपनिंग निम्नलिखित निम्न कोड जोड़ें
जब iFrame में रखा यह इस प्रकार दिखेगा:
आप लेख का पूर्वावलोकन जब तक तुम मार्जिन सिर्फ सही पाने के रख सकते हैं। यहाँ यह अंत में की तरह दिखाई देगा का तरीका देखें:
आप देख सकते हैं, छवि दोनों ठीक से बाईं ओर गठबंधन के साथ ही अच्छी तरह से अंतर के साथ गद्देदार यह बदसूरत देख बिना पोस्ट के स्वाभाविक रूप से हिस्सा प्रदर्शित करने के लिए है। आप किसी भी एम्बेडेड वस्तु ही नहीं, iFrames के साथ काम करने के लिए इन तकनीकों का उपयोग कर सकते हैं। यह चित्र या कस्टम कोड है या नहीं, यह सुनिश्चित करें कि वे अपनी सामग्री में सुचारू रूप से फिट बनाने के लिए महत्वपूर्ण है।
अब जानने के लिए नीचे अपने URL दर्ज करें:
लेखक के बारे में
भगवद् पार्क भारत से एक तकनीकी लेखक है और वर्तमान में फ्लोरिडा में रहता है। उन्होंने कहा कि आईटी दुनिया में गहरी रुचि, बादल लेता है, और यह भी एक ब्लॉग विकासशील देशों में मानव अधिकारों पर ध्यान केंद्रित कर रखता है।