अपने वर्डप्रेस पोस्ट के लिए ग्रिड लेआउट कैसे करें

0
34

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

ग्रिड लेआउट-वर्डप्रेस

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

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

इस तरह के ग्रिड लेआउट ज्यादातर पोर्टफोलियो, पत्रिका, फोटोग्राफी और विषयों जैसे Pinterest में देखा जाता है। उन विषयों के लिए जो इस तरह के ग्रिड लेआउट को जोड़ने की कार्यक्षमता प्रदान नहीं करते हैं, फिर कस्टम कोडिंग की आवश्यकता होती है या आप प्लगइन का उपयोग कर ऐसा करने का आसान मार्ग जा सकते हैं।

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

इस ट्यूटोरियल के प्रयोजन के लिए, आपको पोस्ट ग्रिड नामक प्लगइन का उपयोग करने की आवश्यकता होगी। यह एक मुफ्त प्लगइन है, साथ ही ग्रिड लेआउट उत्तरदायी है जिसका अर्थ है कि यह मोबाइल उपकरणों पर भी उपयुक्त है। इस प्लगइन को स्थापित और सक्रिय करें और फिर आप अपने वर्डप्रेस डैशबोर्ड में “पोस्ट ग्रिड” के लिए एक नया मेनू देख पाएंगे।

नई पोस्ट

“पोस्ट ग्रिड” पर जाएं और एक नया पोस्ट ग्रिड बनाने के लिए “नया पोस्ट ग्रिड” पर क्लिक करें।

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

बाद ग्रिड क्वेरी

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

स्नातकोत्तर लेआउट

इसके बाद, “लेआउट सेटिंग्स” टैब पर क्लिक करें। यहां सेटिंग्स को अधिकांश साइटों पर काम करना चाहिए, लेकिन यदि आपको लेआउट में कुछ समस्या का सामना करना पड़ रहा है, तो यह वह जगह है जहां आप इसे ठीक कर सकते हैं। आप ग्रिड आइटम चौड़ाई, मीडिया ऊंचाई, विशेष छवि आकार, आदि विकल्प का चयन कर सकते हैं।

स्नातकोत्तर-लेआउट-सेटिंग

“नेविगेशन” टैब से, आप लाइट या डार्क से अपनी पेजिनेशन शैली का चयन कर सकते हैं। एक बार जब आप सभी सेटिंग्स के साथ कर लेंगे, तो अब प्रकाशन बटन को हिट करने का समय आ गया है।

यह अंतिम कदम बहुत आसान है। आपको बस “शॉर्टकोड” टैब पर जाना होगा और वहां से शोर्ट कॉपी करना होगा।

बाद ग्रिड शोर्ट

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

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

वैकल्पिक : ग्रिड लेआउट में पोस्ट प्रदर्शित करने के लिए एक और उपयोगी प्लगइन सामग्री दृश्य है। यह प्लगइन एक उत्तरदायी ग्रिड लेआउट में श्रेणी, टैग, लेखक और कीवर्ड द्वारा विभिन्न मानदंडों में पोस्ट प्रदर्शित कर सकता है।

यदि आपको यह ट्यूटोरियल पसंद है, तो कृपया ट्विटर, फेसबुक और Google+ पर हमें फ़ॉलो करें।

LEAVE A REPLY

Please enter your comment!
Please enter your name here