मैं फिर से सोशल मीडिया छवियों के बारे में सोच रहा था। आप जानते हैं, जब आप ट्विटर, फेसबुक या iMessage जैसी जगहों पर एक लिंक साझा करते हैं, तो वे छवियां दिखाती हैं। आप अनिवार्य रूप से उनके बिना टेबल पर पैसा छोड़ रहे हैं, क्योंकि वे एक बड़े ऑन्किन के ध्यान ग्रैबिन की छवि के साथ एक पोस्ट में एक छोटे से ol 'लिंक के साथ एक नियमित पोस्ट को बदल देते हैं, एक बड़े पैमाने पर क्लिक करने योग्य क्षेत्र के साथ। किसी वेबसाइट पर किसी भी छवि में से, सोशल मीडिया छवि #1 सबसे अधिक देखी गई, सबसे अधिक याद की गई, साइट पर सबसे अधिक नेटवर्क-अनुरोधित छवि हो सकती है।

] ]

लेकिन उस पर पढ़ना सुनिश्चित करें क्योंकि सही होने के लिए एक अन्य अन्य HTML टैग हैं।

] एक उदाहरण URL देखें।

स्वचालन

] इस तरह की साइटों के लिए ट्रिक किसी तरह टेम्पलेटिंग के माध्यम से उनकी रचना को स्वचालित करना है। मैंने अतीत में इस पर अन्य लोगों का उल्लेख किया है, लेकिन चलो पुनरावृत्ति करते हैं:

]

आप जानते हैं कि उन सभी में क्या आम है? पपेटर।

कठपुतली क्रोम की एक हेडलेस कॉपी को स्पिन करने और नियंत्रित करने का एक तरीका है। यह ब्राउज़र विंडो का स्क्रीनशॉट लेने में सक्षम होने के लिए यह अविश्वसनीय रूप से उपयोगी विशेषता है: पेज का इंतजार करें। यह है कि हमारी कोडिंग फोंट वेबसाइट स्क्रीनशॉट कैसे करती है। स्क्रीनशॉटिंग विचार यह है कि लोगों के दिमाग को क्या मिलता है। HTML और CSS में सोशल मीडिया टेम्पलेट क्यों नहीं डिजाइन करें, फिर पपेटर को स्क्रीनशॉट करने के लिए कहें, और

का उपयोग करें कि सोशल मीडिया छवि के रूप में

?

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

]
• svg मार्ग
] मुझे पसंद है कि एसवीजी कितना कम्पेबल है।
• ] मुझे कंटेंटएडिटेबल ट्रिक पसंद है, जिससे यह एक-बंद स्क्रीनशॉटिंग के लिए एक उपयोगी उपकरण है।
]
दुर्भाग्य से, SVG सोशल मीडिया छवियों के लिए एक समर्थित छवि प्रारूप नहीं है। यहाँ ट्विटर विशेष रूप से है:

कार्ड में उपयोग करने के लिए छवि का url। छवियां आकार में 5MB से कम होनी चाहिए। JPG, PNG, WEBP और GIF प्रारूप समर्थित हैं। केवल एक एनिमेटेड GIF के पहले फ्रेम का उपयोग किया जाएगा। Svg समर्थित नहीं है।

ट्विटर डॉक्स

] आप इसे अंतिम उपयोग के लिए दूसरे प्रारूप में परिवर्तित करते हैं। एक बार जब आप

एक svg है, तो SVG से PNG में रूपांतरण लगभग तुच्छ रूप से आसान है। मेरे मामले में, मैंने Svg2png और एक बहुत छोटे से gulp कार्य का उपयोग किया जो निर्माण प्रक्रिया के दौरान चलता है।

वर्डप्रेस के बारे में क्या?

] लेकिन वर्डप्रेस को गतिशील सोशल मीडिया छवियों से

(मेरी दुनिया में) (मेरी दुनिया में) का लाभ होगा।

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

लेकिन यह उनकी रचना को स्वचालित नहीं करता है। कभी -कभी एक bespoke ग्राफिक अकेले जाने का रास्ता है (ऊपर एक ऊपर एक अच्छा उदाहरण हो सकता है), लेकिन शायद अधिक बार एक अच्छी तरह से टेम्पलेटेड कार्ड जाने का रास्ता है।

सौभाग्य से मैंने डैनियल पोस्ट से वर्डप्रेस के लिए सामाजिक छवि जनरेटर की हवा पकड़ी। देखो कैसे फैंसी:

यह वास्तव में वर्डप्रेस की आवश्यकता है!

] मेरे पास शीर्षक, लेखक, चुने हुए उद्धरण, चित्रित छवियों और अन्य चीजों को शामिल करने के लिए टेम्पलेट्स का एक गुच्छा होने के बड़े सपने थे। अब तक, हम सिर्फ दो पर बसे हैं, शीर्षक और लेखक के साथ एक टेम्पलेट, और एक चित्रित छवि, शीर्षक और लेखक के साथ एक टेम्पलेट। छवियां उस मेटाडेटा से मक्खी पर बनाई गई हैं:

यह कठपुतली नहीं है। यह भी Phantomjs संचालित svgtopng नहीं है। यह PHP उत्पन्न चित्र है! और इमेजमैगिक भी नहीं, लेकिन सीधे जीडी, जो कि सही PHP में निर्मित है। इसलिए ये चित्र किसी भी प्रकार के सिंटैक्स में नहीं बनाए जाते हैं जो संभवतः फ्रंट-एंड डेवलपर के लिए सहज महसूस करेंगे। आप शायद एक टेम्प्लेट का उपयोग करने से बेहतर हैं, लेकिन अगर आप देखना चाहते हैं कि मेरा कस्टम कैसे कोडित किया गया था (डैनियल द्वारा), लेम्मे को पता है और मैं कोड को कहीं सार्वजनिक रूप से पोस्ट कर सकता हूं।

बहुत अच्छा परिणाम, सही? ] वर्डप्रेस स्पिरिट में यह बहुत अधिक है। लेकिन यह मुझे चाहता है कि टेम्प्लेट बनाना अधिक आधुनिक तरीके से किया जा सकता है। जैसे कि यह अच्छा नहीं होगा यदि आपकी सोशल मीडिया छवियों के लिए टेम्पलेट किसी भी अन्य टेम्पलेट फ़ाइल की तरह थीम की जड़ में सोशल-इमेज.पीएचपी की तरह था? और आप सभी सामान्य वर्डप्रेस एपीआई के साथ उस पृष्ठ को टेम्पलेट और डिज़ाइन करते हैं? एक एसीएफ ब्लॉक की तरह लगभग? और यह स्क्रीनशॉट हो जाता है और उपयोग किया जाता है? मैं आपके लिए जवाब दूंगा: हाँ, यह अच्छा होगा।