दायां हाशिया वर्डप्रेस होस्टिंग

वर्डप्रेस के वर्तमान संस्करण अब छवि संरेखण में निर्मित की है। वर्डप्रेस, ठीक है, छोड़ दिया, और एक पैरा के केंद्र के लिए छवि संरेखित करने के लिए इतना पाठ छवि के चारों ओर लपेट जाएगा सीएसएस वर्गों कहते हैं।

आदेश छवि संरेखण और छवि के चारों ओर पाठ रैपिंग के लिए इन नए सीएसएस वर्गों के लाभ लेने के लिए, वर्डप्रेस विषय style.css वर्डप्रेस विषय निर्देशिका में पाया में निम्नलिखित शामिल करना चाहिए।

मेजबानी

जब आपके WordPress ब्लॉग में छवि को जोड़ने, ठीक है, छोड़ दिया है, या छवि / मीडिया कक्ष में केंद्र के रूप में छवि संरेखण का चयन करें।

छवि जैसे संरेखण के लिए चयनित शैली के साथ अपने ब्लॉग पोस्ट में एम्बेड किया जाएगा:

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

सभी छवियाँ स्टाइल

अपने WordPress विषय की style.css के भीतर से अपनी छवियों को स्टाइल आपकी साइट या विशिष्ट चित्र पर हर छवि के लिए स्टाइल कवर कर सकते हैं।

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

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

विशिष्ट छवियाँ स्टाइल

आप अपने शैली पत्रक के लिए कुछ छवियों के लिए एक विशिष्ट शैली जोड़ सकते हैं। आप पहले से ही अपनी छवियों के सभी स्टाइल है, तो आप यकीन है कि आप उस गुण को ओवरराइड करने में हर शैली घोषणा या विशेषता छवि टैग शैली में निर्दिष्ट निर्दिष्ट करना चाहिए। आप मार्जिन में परिवर्तन नहीं करते हैं, तो यह नई शैली में ही रहेगा। यह सीएसएस माता-पिता / बच्चे रिश्ता कहा जाता है।

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

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

दायां हाशिया होस्टिंग यह लागू होता है wordpress

उस श्रेणी में छवियों में से प्रत्येक पर, आप बस "प्रकृति" के लिए वर्ग जोड़ें:

आप विभिन्न छवियों के लिए और अधिक शैलियों की जरूरत है, आप उनमें से अधिक के रूप में की जरूरत बना सकते हैं।

सीधे स्टाइल एक या दो छवियाँ

बार जब आप बस अपनी साइट पर एक या दो छवियों बाकी से अलग दिखना चाहते हैं कर रहे हैं। इस तकनीक को इनलाइन शैलियों कहा जाता है। यह छवि को ही सीधे सीएसएस शैलियों लागू होता है।

उदाहरण के लिए, यदि आप एक काले रंग की पृष्ठभूमि के खिलाफ अलग-थलग यह करने के लिए ध्यान कॉल के लिए एक छवि है करना चाहते हैं।

यह हर छवि पर उपयोग करने के लिए एक तकनीक नहीं है। यह कभी-कभी छवियों है कि एक की जरूरत पर इस्तेमाल किया जा रहा है "छोटी कुछ खास।"

संबंधित आलेख

निर्यात चयनित पृष्ठों वर्डप्रेस होस्टिंगवहाँ वेबसाइट मेजबान है कि आप उपकरण उनके प्लेटफार्मों पर वेबसाइट बनाने के लिए दे के एक बहुत हैं। वे आप पृष्ठों, ब्लॉग पोस्ट, और यहां तक ​​कि ऑनलाइन स्टोर बना सकते हैं। सबसे उत्कृष्ट उपकरण है और ...
पाठ टी वर्डप्रेस होस्टिंग लपेट जीती20 मई को भगवद् पार्क द्वारा पोस्ट, 2014 | 4 टिप्पणियाँ एक अच्छा वर्डप्रेस पोस्ट एक बहुत पाठ की एक दीवार से अधिक है। यह संदर्भ, छवियों, blockquotes, pullquotes, और अन्य दृश्य के एक मेजबान शामिल हैं ...
सम्मिलित करें पृष्ठ विराम की मेजबानी वर्डप्रेसबनाने या एक वर्डप्रेस पेज या ब्लॉग पोस्ट संपादित करते समय, आप आसानी से छवियों को किसी भी समय वर्डप्रेस मीडिया अपलोडर उपकरण का उपयोग कर जोड़ सकते हैं। इधर, एक छवि को जोड़ने का तरीका कदम-दर-कदम है, मीडिया का उपयोग है ...
कम करें पेज चौड़ाई वर्डप्रेस होस्टिंगआप अपने WordPress साइट तेजी लाने के लिए करना चाहते हैं? वर्डप्रेस अनुकूलन चाल मदद कर सकते हैं कि आप अपनी साइट लोड समय को कम जानना चाहते हैं? इस लेख में, हम बताएंगे कि कैसे तेजी लाने के लिए होगा ...
वर्डप्रेस ई-कॉमर्स ट्यूटोरियल के लिए सर्वश्रेष्ठ होस्टिंगहोम »ईकॉमर्स संसाधन» कैसे WooCommerce, Divi और BlueHost (मार्च 2017) के साथ एक बढ़िया ऑनलाइन दुकान 74 लाख से अधिक साइटों वर्डप्रेस मंच पर निर्भर करते हैं अपने ब्लॉग की मेजबानी के लिए बनाने के लिए, ...