खैर, शीश। मिरियम को साझा करते समय मैंने कीड़े की एक छोटी सी कैन खोली "क्या मैं अभी तक इंडीवेब पर हूं?" पंजीकरण शुल्क मेरी खुद की परेशानी को दर्शाने वाली छोटी पोस्ट इंडीवेब ट्रेन पर चढ़ना। लेकिन यह कीड़े का एक अच्छा कैन है।
मुझे लगता है कि उस छोटी सी पोस्ट को प्रकाशित करने के अगले दिन की तरह कुछ था डेविड शांस्के पहुंच गया और मेरे सिर को इंडीवेब और इसमें शामिल घटकों के चारों ओर लपेटने में मदद करने की पेशकश की। और गोश डांग अगर यह हास्यास्पद रूप से मददगार नहीं था! इतना कि मैं चाहूंगा डेविड ने हमारे द्वारा बात करने के बाद लिखी एक नई पोस्ट के लिए आपको लिंक दिया, फिर जितना हो सके यहां चीजों को संक्षेप में प्रस्तुत करें क्योंकि (1) चीजों को लिखना मददगार है और (2) बाद के लिए एक संदर्भ है।
हां, इंडीवेब भ्रमित कर रहा है।
डेविड ने वास्तव में किसी को अपनी वर्डप्रेस साइट को इंडीवेब शक्तियों के साथ स्थापित करने में मदद की थी। वह व्यक्ति भी यह समझने के लिए संघर्ष कर रहा था कि विभिन्न टुकड़े एक साथ कैसे फिट होते हैं। इसलिए, जब मिरियम और मैं लिख रहे थे, डेविड के दिमाग में पहले से ही यह सबसे ऊपर था।
"इंडीवेब" कई लोगों के लिए एक नया शब्द है और यहीं से बहुत भ्रम पैदा होता है। क्या यह एक ढांचा है? एक दर्शन? मानकों का एक सेट? यह कौन सा है, इस पर निर्भर करते हुए, अपेक्षाएं उतनी ही बदल जाती हैं जितनी कि वह इसका हिस्सा बनने के लिए दिखती है।
यह उपरोक्त सभी की तरह है। और इसे थोड़ा मजबूत करने की जरूरत है। एक बार जब आप इसे उन विभिन्न लेंसों के माध्यम से देखते हैं तो इंडीवेब के बारे में स्वाभाविक रूप से भ्रमित करने वाली कोई बात नहीं है। डेविड की पोस्ट पढ़ने के बाद मेरी समझ यह है कि इंडीवेब प्रोटोकॉल का एक सेट है। मार्कअप में संरचित डेटा या ओपनग्राफ के साथ काम करना पसंद करता है। प्रति स्थापित करने के लिए कुछ भी नहीं है, लेकिन उन्हें अपने काम में कैसे एकीकृत किया जाए, इसके लिए मानक हैं।
आपकी पहचान शक्ति IndieWeb. दूसरे शब्दों में, आपकी साइट आपकी पहचान स्थापित करती है और इसका उपयोग बहुत सी चीजें करने के लिए किया जा सकता है, जैसे:
- अन्य इंडीवेब समर्थित साइटों का उल्लेख होने पर उन्हें सूचित करें
- जब आपका उल्लेख किया जाए तो अन्य इंडीवेब साइटों से सूचनाएं प्राप्त करें
- एक उल्लेख से जानकारी प्राप्त करें और इसे प्रदर्शन के लिए प्रारूपित करें
- अपनी स्वयं की वेबसाइट के माध्यम से अपनी पहचान प्रमाणित करें (एक Google साइन-इन बटन लेकिन आपकी साइट से कनेक्टेड)
- …अन्य बातों के अलावा।
अगर वह सॉर्ट पिंगबैक की तरह लगता है, तो ठीक है, यह सॉर्टा है। लेकिन बहुत अधिक मजबूत और बनाए रखा।
यह एक स्थिर साइट की तुलना में वर्डप्रेस पर इंडीवेब सुविधाओं को लागू करने के लिए अलग (और शायद आसान) है।
बड़ा अंतर यह है कि वर्डप्रेस इंडीवेब-वाई चीजों को करने के लिए आवश्यक बहुत सारी आवश्यकताएं प्रदान करता है। मुझे पसंद है कि डेविड इसे कैसे समझाता है:
वर्डप्रेस पर इंडीवेब कार्यान्वयन बिल्डिंग ब्लॉक्स की एक [श्रृंखला] है जिसे आप उपयोग करना चुन सकते हैं या नहीं चुन सकते हैं, जो इसे अद्भुत बनाता है, लेकिन कभी-कभी भ्रमित करता है। वर्डप्रेस में निर्णयों का दर्शन होता है, विकल्प का नहीं। लेकिन IndieWeb सभी विकल्पों के बारे में है… आपके लिए सही सुविधाओं के निर्माण के बारे में।
वे बिल्डिंग ब्लॉक प्लगइन्स हैं जिन्हें आप वर्डप्रेस में इंडीवेब प्रोटोकॉल और तकनीकों को जोड़ने के लिए इंस्टॉल करते हैं। यह बहुत बढ़िया है जो आसानी से उपलब्ध हैं क्योंकि यह चीजों से बहुत अधिक काम लेता है। एक स्थिर साइट चलाना, हालांकि, आप उनमें से अधिकांश को स्वयं स्थापित करने के लिए हुक पर हैं।
डेविड की पोस्ट 100% वर्डप्रेस कार्यान्वयन पर केंद्रित है। आपका माइलेज भिन्न हो सकता है, लेकिन आप निश्चित रूप से एक बेहतर विचार के साथ चलेंगे कि कौन से प्रोटोकॉल उपलब्ध हैं और उनकी पोस्ट पढ़ने के बाद वे एक साथ कैसे फिट होते हैं - और उम्मीद है कि यह भी।
इंडीवेब वर्डप्रेस प्लगइन आपकी पहचान स्थापित करता है।
मुझे लगा कि यह पर्दे के पीछे बहुत कुछ कर रहा है, लेकिन यह उससे कहीं अधिक सरल है:
प्लगइन अपने आप में आपकी पहचान स्थापित करने का काम संभालता है जैसा कि इंडीवेब इसे देखता है। यह एक एच-कार्ड टेम्पलेट और विजेट प्रदान करता है। एच-कार्ड किसी व्यक्ति या स्थान के बारे में जानकारी को चिह्नित करने के लिए मार्कअप है। तो, यह एक ऐसा तत्व है जिसे बहुत से लोग वैसे भी अपनी साइट पर डालने का विकल्प चुनते हैं।
तो, वास्तव में, वर्डप्रेस थीम को सही ढंग से चिह्नित करके उसी तरह की चीज़ प्राप्त करना संभव है। यहां सुविधा यह है कि आपको एक आसान सा टेम्पलेट मिलता है जिसे समर्थन करने के लिए चिह्नित किया गया है h-card
खुला प्रारूप और इसे थीम के विजेट क्षेत्र में छोड़ने के लिए एक विजेट।
यहाँ का एक सुपर विस्तृत उदाहरण है h-card
मार्कअप से खींचा गया Microformats2 . के लिए प्रलेखन:
<div class="h-card"> <img class="u-photo" alt="photo of Mitchell" src="https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"/> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >Mitchell Baker</a> (<a class="u-url" href="https://twitter.com/MitchellBaker" >@MitchellBaker</a>) <span class="p-org">Mozilla Foundation</span> <p class="p-note"> Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities. </p> <span class="p-category">Strategy</span> <span class="p-category">Leadership</span>
</div>
उन वर्ग के नाम देखें? कक्षाएं पसंद हैं .h-card
, u-photo
, p-name
, आदि। सभी एक व्यक्ति की पहचान के लिए प्रासंगिक अर्थ प्रदान करते हैं जिसे उसने JSON के रूप में पार्स किया:
{ "items": [{ "type": ["h-card"], "properties": { "photo": ["https://webfwd.org/content/about-experts/300.mitchellbaker/mentor_mbaker.jpg"], "name": ["Mitchell Baker"], "url": [ "http://blog.lizardwrangler.com/", "https://twitter.com/MitchellBaker" ], "org": ["Mozilla Foundation"], "note": ["Mitchell is responsible for setting the direction and scope of the Mozilla Foundation and its activities."], "category": [ "Strategy", "Leadership" ] } }]
}
प्लगइन भेजने, प्राप्त करने या पार्सिंग नहीं कर रहा है। इसके बजाय, यह एक वर्डप्रेस साइट को मार्कअप में आपकी पहचान सत्यापित करने का एक तरीका प्रदान करता है।
सभी वर्डप्रेस थीम माइक्रोफॉर्मेट का समर्थन नहीं करती हैं
यदि आपने पहली बार अपना सिर खुजलाया है, जैसा कि मैंने किया था, तो डेविड इसे अच्छी तरह से परिभाषित करता है:
[...] माइक्रोफ़ॉर्मेट... तत्वों को पहचानने की अनुमति देने के लिए HTML को चिह्नित करने का एक तरीका। यह ऐसा करने के कई तरीकों में से एक है, लेकिन यह बहुत ही सरल और पठनीय है, यही वजह है कि यह इंडीवेब समुदाय में लोकप्रिय है।
समस्या, जैसा कि डेविड जारी है, यह है कि कई विषयों को माइक्रोफ़ॉर्मेट-अनुकूल तरीके से चिह्नित नहीं किया जाता है - जो कि Microformats2 प्लगइन ठीक करने के लिए बनाया गया है। उस ने कहा, डेविड को यह कहने की जल्दी है कि प्लगइन बेहद सीमित है कि यह इसे कैसे पूरा करता है, और वह इसके बजाय एक विषय को हाथ से चिह्नित करने की सिफारिश करता है।
डेविड के अनुसार, वेबमेंटियन प्लगइन की अगली प्रमुख रिलीज़ में संभवतः सामग्री और छवियों का पता लगाने के स्मार्ट तरीके शामिल होंगे जो इसका उपयोग कर सकते हैं और उन्हें माइक्रोफ़ॉर्मैट्स 2 समर्थन के लिए प्रारूपित कर सकते हैं।
Webmentions सूचनाएं भेजते और प्राप्त करते हैं।
ठीक है, इसलिए यदि आपने अपनी साइट के माध्यम से अपनी पहचान स्थापित की है तो आप खोजे जा सकते हैं, और आपकी साइट को इसके लिए चिह्नित किया गया है h-card
Microformats2 का उपयोग कर समर्थन। महान! आपको अभी भी एक ऑपरेटर के रूप में काम करने के बीच में कुछ चाहिए जो सूचनाएं भेजता और प्राप्त करता है। दूसरे शब्दों में, जब कोई अन्य साइट आपका उल्लेख करती है - जिसे वेबमेंटियन कहा जाता है - जिस साइट का उल्लेख है उसे आपको उस उल्लेख को भेजने में सहायता करने के लिए एक तरीके की आवश्यकता होती है, और आपकी साइट को इसे स्वीकार करने के लिए एक तरीके की आवश्यकता होती है (या इसके विपरीत)।
यही तो है वेबमेंट प्लगइन के लिए है। यह शायद मेरे अधिकांश इंडीवेब भ्रम का स्रोत भी है। मैंने सोचा कि यह डेटा स्वरूपित कर रहा था और इसे भेजने और प्राप्त करने के लिए एक अतिरिक्त सेवा की आवश्यकता थी। नहीं! यह वास्तव में उल्लेख करने के बजाय डेटा भेज और प्राप्त कर रहा है। डेविड के पास वापस:
वापस जब इसे बनाया गया था, प्लगइन ने केवल वेबमेंट प्राप्त करने और भेजने का व्यवसाय संभाला, किसी भी हद तक डिस्प्ले को हैंडल नहीं किया। सिमेंटिक लिंकबैक, एक अलग प्लगइन है जो न केवल वेबनामों के लिए, बल्कि पुराने पिंगबैक और ट्रैकबैक प्रोटोकॉल के लिए भी संभाला जाता है।
तो, Webmention प्लगइन सूचनाओं का संचार कर रहा है। इस बीच, सिमेंटिक लिंकबैक नामक एक अन्य प्लगइन डेटा को संभालता है। और सिमेंटिक लिंकबैक क्या हैं?
सिमेंटिक लिंकबैक डेटा लाते और संभालते हैं।
सिमेंटिक लिंकबैक एक और प्लगइन है जो प्रक्रिया के दूसरे भाग को संभालता है। डेविड की तुलना में मैं इसे बेहतर तरीके से समझाने का कोई तरीका नहीं है:
सिमेंटिक लिंकबैक एक वेबमेशन लेता है, जो एक सूचना है कि किसी अन्य साइट ने आपकी साइट पर किसी चीज़ से लिंक किया है, दूसरी साइट को प्राप्त करता है, और जानकारी का प्रदर्शन प्रस्तुत करने का प्रयास करता है। यह कैसे किया जाता है, यह केवल एक प्रोफ़ाइल फ़ोटो (यदि यह एक मिल सकता है) से भिन्न हो सकता है, इसे पूर्ण टिप्पणी के रूप में व्याख्या करने के लिए।
यह माइक्रोफॉर्मेट्स का उपयोग करके ऐसा करता है।
मुझे उम्मीद थी कि मुख्य इंडीवेब प्लगइन पहले से ही ऐसा कर रहा था क्योंकि यह अन्य मार्कअप को संभालता है। लेकिन यह आपकी साइट पर आपकी पहचान प्राप्त करने के लिए केवल टेम्पलेट और विजेट प्रदान करता है। एक बार जब सिमेंटिक लिंकबैक प्लगइन एक आने वाले वेबनाम को प्राप्त करता है, तो यह डेटा लेता है, इसे प्रारूपित करता है, फिर इसे प्रदर्शित करने का प्रयास करता है।
ऐसा लगता है कि प्लगइन कुछ हद तक Webmention प्लगइन के आगामी संस्करण के साथ (या इसके द्वारा प्रतिस्थापित) विलय कर दिया जाएगा:
चूंकि बहुत से लोग किसी विषय को संशोधित करने के इच्छुक नहीं हैं, या सहज नहीं हैं, Webmentions के नए संस्करण में OpenGraph (जिसे Facebook और Twitter द्वारा प्रदान किए गए URL प्रदर्शित करने के लिए उपयोग किया जाता है) से प्रदर्शित करने के लिए एक छवि या सारांश खोजने का प्रयास करने के लिए कई अलग-अलग वैकल्पिक तरीके शामिल होंगे। ) किसी पृष्ठ के वर्डप्रेस आरईएसटी एपीआई संस्करण का पता लगाने और लेखक का नाम और प्रोफ़ाइल छवि प्राप्त करने के लिए इसका उपयोग करना। उनमें से कोई भी माइक्रोफ़ॉर्मेट जितना संदर्भ प्रदान नहीं करेगा, लेकिन अनुभव अभी भी कुछ स्थापित करने लायक होगा।
यह निश्चित रूप से अच्छा है क्योंकि यह JSON प्रतिक्रिया और प्रदर्शन के लिए स्वरूपों के लिए वर्डप्रेस आरईएसटी एपीआई में टैप करता है।
Brid.gy बातचीत प्रदर्शित करने में मदद करने के लिए एक सेवा है।
वेबमेंटियन एक इंटरैक्शन हो सकता है, मान लें कि कोई व्यक्ति ट्विटर पर आपकी पोस्ट को पसंद करता है या इसे रीट्वीट करता है।
जो कुछ भी होने की आवश्यकता है, उससे किसी टिप्पणी से किसी रीपोस्ट से पसंद को अलग करना, और आपको उन भेदों को आकर्षित करने के लिए ट्विटर (या जो कुछ भी) एपीआई लागू करने की आवश्यकता होगी।
ऐसा कुछ है जो आप निश्चित रूप से कर सकते हैं! लेकिन अगर आप प्लग एंड प्ले करना चाहते हैं, तो इंडीवेब समुदाय के सदस्यों में से एक ने एक सेवा बनाई जिसका नाम है ब्रिज.गी. आप एक खाता बनाते हैं, अपनी साइट को जोड़ते हैं, और सेवा को ऐप की अनुमति देते हैं ... तो आपका काम हो गया!
Brid.gy ने जो किया है वह अनिवार्य रूप से ट्विटर, फेसबुक, इंस्टाग्राम और अन्य के लिए एपीआई को लागू करता है, ताकि जब यह पता लगे कि उन सेवाओं में एक पोस्ट जो आपके सिंडिकेटेड पोस्ट के साथ इंटरैक्ट करती है, तो आपकी साइट पर एक वेबमेंटियन भेजा जाता है और इसके माध्यम से जाता है अपनी साइट पर प्रकाशित करने की प्रक्रिया।
और भी बहुत कुछ है!
त्वरित हिट:
- इंडीअथ: यह OAuth 2 पर आधारित एक प्रोटोकॉल है। प्लगइन वर्डप्रेस आरईएसटी एपीआई में एक एंडपॉइंट स्थापित करता है जिसका उपयोग आपकी स्वयं की होस्ट की गई साइट के माध्यम से आपकी पहचान को प्रमाणित करने के लिए किया जा सकता है - अनिवार्य रूप से आपका अपना Google साइन-इन बटन लेकिन उस एंडपॉइंट को स्वयं स्थापित किए बिना या एक अलग होस्टेड एपीआई पर भरोसा करने की आवश्यकता के बिना।
- माइक्रोपब: जो लोग वर्डप्रेस का उपयोग करते हैं, लेकिन एक अलग संपादक पसंद करते हैं, वे इसे स्थापित कर सकते हैं माइक्रोपब प्लगइन। इस एक समापन बिंदु जोड़ता है जो आपको अपनी साइट पर सामग्री प्रकाशित करने की अनुमति देता है और एक माइक्रोपब-समर्थित संपादक का उपयोग करके एक माइक्रोफ़ॉर्मैट्स2 फ़ीड में आइटम बनाता है, जिससे आपको वर्डप्रेस ब्लॉक एडिटर के बाहर सामग्री लिखने के लिए अधिक विकल्प मिलते हैं।
- साधारण स्थान: डेविड ने यह प्लगइन लिखा और जब उन्होंने इसे मेरे लिए प्रदर्शित किया तो मैं बहुत प्रभावित हुआ। विचार यह है कि यह आपके वर्तमान स्थान से डेटा खींचता है जिसका उपयोग पोस्ट के स्थान के आधार पर एम्बेडेड मानचित्र पर पोस्ट के संपूर्ण संग्रह को बनाने के लिए, आपके द्वारा पोस्ट लिखे जाने के समय के मौसम को प्रदर्शित करने से लेकर हर चीज़ के लिए किया जा सकता है। मैं ईमानदारी से कुछ ऐसा देखना पसंद करूंगा जैसे यह सीधे वर्डप्रेस में बेक किया गया हो।
अद्यतन प्रवाह
मैंने एक उदाहरण बनाने का प्रयास किया जो मेरी पिछली पोस्ट में विभिन्न टुकड़ों की रूपरेखा तैयार करता है, लेकिन जो हो रहा है उसकी अद्यतन समझ के साथ फिर से प्रयास करें:
क्या यह सब समझ में आता है?
वर्डप्रेस पर इंडीवेब को लागू करना कैसा दिखता है, यह दिखाने के लिए डेविड के लिए हाई फाइव्स दोनों तक पहुंचने और समय निकालने के लिए। मैं दावा नहीं कर सकता कि मैं सभी बारीकियों को पूरी तरह से समझता हूं, लेकिन मुझे कम से कम ऐसा लगता है कि मेरे पास टुकड़ों की एक अच्छी समझ है - दर्शन, प्रोटोकॉल और तकनीक - जो इसे करने के लिए आवश्यक हैं।
मैं इसे आपकी ओर मोड़ना चाहता हूं! क्या यह आपके लिए चीजों को स्पष्ट करने में मदद करता है? क्या ऐसा कुछ है जिसे समझने में आपको कठिनाई हो रही है? लगता है कि अब आप इंडीवेब सुविधाओं के साथ एक वर्डप्रेस साइट को कॉन्फ़िगर करने में सक्षम हैं? आइए इसे टिप्पणियों पर ले जाएं!
एक WordPress साइट पर IndieWeb को डी-मिस्टीफाइंग करना मूल रूप से प्रकाशित सीएसएस-ट्रिक्स। तुम्हे करना चाहिए समाचार पत्र प्राप्त करें.
- "
- a
- About
- लेखा
- गतिविधियों
- अतिरिक्त
- सब
- की अनुमति देता है
- पहले ही
- वैकल्पिक
- के बीच में
- अन्य
- एपीआई
- एपीआई
- अनुप्रयोग
- पुरालेख
- क्षेत्र
- चारों ओर
- उपलब्ध
- क्योंकि
- परदे के पीछे
- BEST
- के बीच
- बिट
- खंड
- इमारत
- व्यापार
- कॉल
- वर्ग
- चुनें
- दावा
- कक्षा
- कक्षाएं
- संवाद स्थापित
- समुदाय
- घटकों
- भ्रम
- जुड़ा हुआ
- सामग्री
- जारी
- सुविधा
- बनाना
- बनाना
- वर्तमान
- तिथि
- दिन
- निर्णय
- निर्भर करता है
- बनाया गया
- विस्तृत
- डीआईडी
- अंतर
- विभिन्न
- सीधे
- डिस्प्ले
- नीचे
- बूंद
- संपादक
- तत्व
- एम्बेडेड
- endpoint
- अनिवार्य
- स्थापित
- स्थापित करता
- आदि
- सब कुछ
- उदाहरण
- उम्मीदों
- अपेक्षित
- अनुभव
- फेसबुक
- विशेषताएं
- प्रथम
- पहली बार
- फिट
- फिक्स
- प्रवाह
- ध्यान केंद्रित
- प्रारूप
- बुनियाद
- ढांचा
- से
- पूर्ण
- मिल रहा
- देते
- अच्छा
- गूगल
- संभालना
- हैंडलिंग
- होना
- सिर
- मदद
- सहायक
- यहाँ उत्पन्न करें
- मेजबानी
- कैसे
- How To
- HTTPS
- विचार
- पहचान
- की छवि
- छवियों
- लागू करने के
- कार्यान्वयन
- अन्य में
- शामिल
- करें-
- इंस्टाग्राम
- स्थापित
- एकीकृत
- बातचीत
- IT
- खुद
- नेतृत्व
- संभावित
- सीमित
- थोड़ा
- स्थान
- मोहब्बत
- बनाया गया
- प्रमुख
- बनाना
- बनाता है
- निर्माण
- नक्शा
- अर्थ
- सदस्य
- उल्लेख है
- मन
- अधिक
- अधिकांश
- मोज़िला
- नामों
- ज़रूरत
- की जरूरत है
- अधिसूचना
- प्रस्तुत
- ऑफर
- खुला
- ऑपरेटर
- ऑप्शंस
- अन्य
- अपना
- भाग
- स्टाफ़
- शायद
- व्यक्ति
- दर्शन
- टुकड़ा
- टुकड़े
- प्ले
- लगाना
- plugins
- लोकप्रिय
- संभव
- पोस्ट
- मुसीबत
- प्रक्रिया
- प्रोफाइल
- गुण
- प्रोटोकॉल
- प्रोटोकॉल
- प्रदान करना
- बशर्ते
- प्रदान करता है
- प्रकाशित करना
- प्रकाशन
- त्वरित
- RE
- पढ़ना
- प्राप्त करना
- की सिफारिश की
- और
- प्रतिस्थापित
- अपेक्षित
- आवश्यकताएँ
- प्रतिक्रिया
- जिम्मेदार
- बाकी
- दौड़ना
- कहा
- वही
- दृश्यों
- देखता है
- भावना
- कई
- सेवा
- सेवाएँ
- सेट
- की स्थापना
- कई
- बांटने
- पाली
- कम
- सरल
- के बाद से
- साइट
- साइटें
- So
- कोई
- कुछ
- मानकों
- फिर भी
- स्ट्रेटेजी
- संरचित
- समर्थन
- ले जा
- तकनीक
- टेक्नोलॉजीज
- RSI
- स्रोत
- विषय
- बात
- चीज़ें
- यहाँ
- पहर
- एक साथ
- ऊपर का
- समझना
- समझ
- आगामी
- उपयोग
- विभिन्न
- सत्यापित
- संस्करण
- देखें
- तरीके
- वेबसाइट
- क्या
- कौन
- बिना
- अद्भुत
- WordPress
- WordPress प्लगइन
- WordPress थीम
- शब्द
- काम
- व्यायाम
- काम कर रहे
- कीड़े
- लायक
- लिख रहे हैं
- आपका