वर्डप्रेस के साथ एएमपी का उपयोग कैसे करें
एएमपी एक सांप्रदायिक प्रयास है जो वादा करता है मोबाइल वातावरण में वेबसाइटों के लिए बेहतर पृष्ठ लोड प्रदर्शन. लेकिन, जैसा कि आप हमारे पिछले ट्यूटोरियल से पा सकते हैं, आपको अपनी वेबसाइट से फैंसी सामान का त्याग करना होगा, और नियमों का सख्ती से पालन करना, दिशानिर्देशों का पालन करना, और पृष्ठों को मान्य करना होगा। यह करने के लिए बहुत कुछ लगता है, है ना?
सौभाग्य से, यदि आपने अपनी वेबसाइट को वर्डप्रेस के साथ बनाया है, तो आप एएमपी-WP नामक एक प्लगइन का उपयोग करके अपनी वेबसाइट में एएमपी को लागू कर सकते हैं। यह आंख से मिलने वाले की तुलना में अधिक सुविधाओं के साथ भेज दिया गया है। तो, आइए देखें कि यह कैसे काम करता है.
सक्रियण
शुरू करने के लिए, अपनी वेबसाइट पर लॉगिन करें, पर जाएं प्लगइन्स> नया जोड़ें स्क्रीन। निम्न को खोजें “amp; स्वचालित से स्थापित करें और सक्रिय करें.
एक बार सक्रिय होने के बाद, आप AMP- परिवर्तित पोस्ट को जोड़कर देख सकते हैं / Amp / पोस्ट URL के अंत में निशान (उदा. http://wp.com/post/amp/), या साथ ?amp = 1 (उदाहरण,. http://wp.com/post/?amp=1) यदि आप अपनी वेबसाइट पर प्रिटी पर्मलिंक की सुविधा का उपयोग नहीं कर रहे हैं.
और जैसा कि आप ऊपर देख सकते हैं, पोस्ट को मूल स्टाइलिंग दी गई है, जिसे आप आगे अनुकूलित कर सकते हैं.
नोट करने के लिए
इस समय आपको प्लगइन की स्थिति के बारे में कुछ बातें पता होनी चाहिए:
- अभिलेखागार - वर्ग, टैग तथा कस्टम टैक्सोनॉमी - वर्तमान में समर्थित नहीं हैं। वे एएमपी-अनुरूप प्रारूप में परिवर्तित नहीं होंगे। हालाँकि, कस्टम पोस्ट प्रकार को फ़िल्टर के माध्यम से AMP में शुरू किया जा सकता है.
- यह डैशबोर्ड में एक नई सेटिंग स्क्रीन में नहीं जुड़ता है. कोड स्तर पर अनुकूलन किया जाता है क्रिया, फ़िल्टर, कक्षा के साथ.
- प्लगइन वर्तमान में प्रत्येक एएमपी कस्टम तत्वों को शामिल नहीं करता है जैसे कि
amp-विश्लेषणतथाamp-विज्ञापनअलग सोच। यदि आपको इन तत्वों की आवश्यकता है, तो आपको इसे प्लगइन के कार्यों या फिल्टर में शामिल करके इसे शामिल करना होगा.
अनुकूलन
प्लगइन कई क्रिया और फिल्टर प्रदान करता है जो शैलियों, पृष्ठ सामग्री और यहां तक कि AMP पृष्ठ के HTML मार्कअप को पूरी तरह से अनुकूलित करने के लिए लचीलापन प्रदान करता है।.
शैलियाँ
मुझे यकीन है कि यह एक ऐसी चीज़ है जिसे आप प्लगइन को सक्रिय करने के तुरंत बाद बदलना चाहते हैं, जैसे कि हेडर पृष्ठभूमि का रंग, फ़ॉन्ट परिवार और फ़ॉन्ट आकार को बेहतर ढंग से बदलना आपकी वेबसाइट ब्रांड और व्यक्तित्व से मेल खाता है.
ऐसा करने के लिए, हम नियोजित कर सकते हैं amp_post_template_css में क्रिया functions.php हमारे विषय की फाइल.
function theme_amp_custom_styles () ?> nav.amp-wp-title-bar पृष्ठभूमि-रंग: नारंगी;यदि हम Chrome DevTools के माध्यम से देखते हैं, तो इन शैलियों को इसके भीतर जोड़ दिया जाता है