حسنًا ، شيش. فتحت علبة صغيرة من الديدان عند مشاركة ميريام "هل أنا على IndieWeb حتى الآن؟" مع مشاركة قصيرة تتحسر على مشكلتي الخاصة ركوب قطار IndieWeb. لكنها علبة جيدة من الديدان.
أعتقد أنه كان شيئًا مثل اليوم التالي بعد نشر ذلك المنشور القصير ديفيد شانسكي تواصلت معه وعرضت مساعدتي في الالتفاف حول IndieWeb والمكونات التي يتألف منها. ويا دانغ إذا لم تكن مفيدة بشكل يبعث على السخرية! لدرجة أنني أرغب في ذلك يربطك بمنشور جديد كتبه ديفيد بعد أن تحدثنا، ثم لخص الأشياء هنا بأفضل ما يمكنني لأنه (1) من المفيد تدوين الأشياء و (2) الحصول على مرجع لوقت لاحق.
نعم ، إن IndieWeb محير.
ساعد David شخصًا ما في إنشاء موقع WordPress الخاص به باستخدام قوى IndieWeb. كان هذا الشخص أيضًا يكافح لفهم كيفية توافق القطع المختلفة معًا. لذلك ، كان لدى ديفيد بالفعل هذا الأولوية عندما كنت أنا وميريام نكتب.
"IndieWeb" هو مصطلح جديد للعديد من الأشخاص وهذا هو المكان الذي يتكاثر فيه الكثير من الالتباس. هل هو إطار عمل؟ فلسفة؟ مجموعة من المعايير؟ اعتمادًا على أيهما ، تتغير التوقعات بقدر ما يبدو أنه جزء منه.
إنه نوع من كل ما سبق. وهذا يحتاج إلى ترسيخ بعض الشيء. لا يوجد شيء محير بطبيعته حول IndieWeb نفسه بمجرد مشاهدته من خلال تلك العدسات المختلفة. بعد قراءة منشور ديفيد ، فهمت أن IndieWeb هو أكثر من مجموعة من البروتوكولات. Sorta مثل العمل مع البيانات المنظمة أو OpenGraph في الترميز. لا يوجد شيء لتثبيته في حد ذاته ، ولكن هناك معايير لكيفية دمجها في عملك.
تعمل هويتك على تشغيل IndieWeb. بمعنى آخر ، يحدد موقعك هويتك ويمكن استخدامه للقيام بالعديد من الأشياء ، مثل:
- قم بإخطار المواقع الأخرى المدعومة من IndieWeb عند ذكرها
- تلقي إشعارات من مواقع IndieWeb أخرى عندما يتم ذكرك
- إحضار المعلومات من الإشارة وتنسيقها للعرض
- مصادقة هويتك من خلال موقع الويب الخاص بك (مثل زر تسجيل الدخول إلى Google ولكنه متصل بموقعك)
- …ضمن أشياء أخرى.
إذا كان هذا النوع يبدو مثل pingbacks ، حسنًا ، إنه نوعًا ما. ولكن أكثر قوة وصيانتها.
يختلف تطبيق ميزات IndieWeb على WordPress (وربما أسهل) عن كونه موقعًا ثابتًا.
الاختلاف الكبير هو أن WordPress يوفر الكثير من المتطلبات اللازمة للقيام بأشياء IndieWeb-y. يعجبني كيف شرح ديفيد ذلك:
تطبيق IndieWeb على WordPress عبارة عن [سلسلة] من الكتل الإنشائية التي يمكنك أو لا يمكنك اختيار استخدامها ، وهو ما يجعلها رائعة ، ولكنها مربكة في بعض الأحيان. WordPress لديه فلسفة اتخاذ القرارات ، وليس الخيارات. لكن IndieWeb هو كل شيء عن الخيارات ... حول بناء الميزات المناسبة لك.
هذه الكتل الإنشائية هي مكونات إضافية تقوم بتثبيتها لإضافة بروتوكولات وتقنيات IndieWeb إلى WordPress. إنه لأمر رائع أن تكون متاحة بسهولة لأن ذلك يأخذ الكثير من العمل من الأشياء. ومع ذلك ، فإن تشغيل موقع ثابت ، فأنت على الخطاف لإنشاء معظم ذلك بنفسك.
تركز مشاركة David بنسبة 100٪ على تطبيق WordPress. قد يختلف عدد الأميال التي قطعتها ، لكنك بالتأكيد ستبتعد بفكرة أفضل عن البروتوكولات المتاحة وكيف تتلاءم معًا بعد قراءة منشوره - ونأمل أن يكون هذا أيضًا.
يحدد المكون الإضافي IndieWeb WordPress هويتك.
اعتقدت أنه كان يفعل الكثير من الأشياء خلف الكواليس ، لكن الأمر أكثر بساطة من ذلك:
يتعامل المكون الإضافي في حد ذاته مع إنشاء هويتك كما يراها IndieWeb. يقدم قالب h-card والقطعة. H-Card هو ترميز لترميز المعلومات حول شخص أو مكان. لذلك ، هذا عنصر يختار العديد من الأشخاص وضعه على موقعهم على أي حال.
لذلك ، حقًا ، من الممكن الحصول على نفس الشيء عن طريق ترميز سمة WordPress بشكل صحيح. الراحة هنا هي أنك تحصل على قالب صغير سهل الاستخدام تم ترميزه لدعم ملف h-card
تنسيق مفتوح وأداة لإسقاطها في منطقة عنصر واجهة المستخدم للموضوع.
إليك مثال مفصل للغاية عن h-card
تم سحب العلامات من ملف وثائق لتنسيقات Microformat2:
<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" ] } }]
}
المكوّن الإضافي لا يقوم بالإرسال أو الاستلام أو التحليل. بدلاً من ذلك ، يوفر موقع WordPress طريقة للتحقق من هويتك في الترميز.
ليست كل سمات WordPress تدعم تنسيقات Microformat
إذا حككت رأسك للمرة الأولى عندما رأيت "تنسيقات Microformats" مثلما فعلت ، فإن David يعرّفها بشكل جيد:
[...] Microformats ... طريقة لترميز HTML للسماح بتحديد العناصر. إنها إحدى الطرق العديدة للقيام بذلك ، ولكنها طريقة بسيطة جدًا ويمكن قراءتها ، ولهذا السبب تحظى بشعبية في مجتمع IndieWeb.
المشكلة ، كما يتابع ديفيد ، هي أن العديد من السمات لا يتم ترميزها بطريقة ملائمة لتنسيقات Microformats - وهو ما البرنامج المساعد Microformats2 تم تصميمه لإصلاح. ومع ذلك، يسارع ديفيد إلى الإشارة إلى أن المكون الإضافي محدود للغاية في كيفية تحقيق ذلك، ويوصي بدلاً من ذلك بترميز القالب يدويًا.
وفقًا لديفيد ، من المحتمل أن يتضمن الإصدار الرئيسي التالي من المكون الإضافي Webmention طرقًا أكثر ذكاءً لاكتشاف المحتوى والصور التي يمكنه استخدامها وتنسيقها لدعم Microformats2.
Webmentions ترسل وتستقبل الإخطارات.
حسنًا ، إذا كنت قد أثبتت هويتك من خلال موقعك بحيث تكون قابلاً للاكتشاف وتم ترميز موقعك h-card
دعم باستخدام تنسيقات Microformats2. رائعة! ما زلت بحاجة إلى شيء في المنتصف يعمل كمشغل يرسل ويستقبل الإشعارات. بمعنى آخر ، عندما يذكرك موقع آخر - يسمى Webmention - فإن الموقع الذي يذكرك يحتاج إلى طريقة لدعم إرسال هذه الإشارة إليك ، ويحتاج موقعك إلى طريقة لقبولها (أو العكس).
هذا ما ال المكون الإضافي Webmention هو ل. من المحتمل أيضًا أن يكون مصدر معظم ارتباكاتي في IndieWeb. اعتقدت أنه كان يقوم بتنسيق البيانات وأحتاج إلى خدمة إضافية لإرسالها واستلامها. لا! إنه في الواقع إرسال واستقبال البيانات بدلاً من إنشاء الإشارة. العودة إلى ديفيد:
مرة أخرى عندما تم بناؤه ، كان المكون الإضافي يتعامل فقط مع أعمال تلقي وإرسال إشارات الويب ، وليس التعامل مع العرض بأي درجة. الارتباطات الدلالية ، وهو مكون إضافي منفصل يتعامل مع ذلك ليس فقط لعمليات الويب ، ولكن لبروتوكولات pingback و trackback الأقدم.
لذلك ، يقوم المكون الإضافي Webmention بإرسال الإشعارات. وفي الوقت نفسه ، هناك مكون إضافي آخر يسمى Semantic Linkbacks هو ما يتعامل مع البيانات. وما هي الارتباطات الدلالية؟
الارتباطات الدلالية تجلب البيانات وتعالجها.
الارتباطات الدلالية هو مكون إضافي آخر يتعامل مع جزء آخر من العملية. لا توجد طريقة يمكنني شرحها بشكل أفضل مما يفعله ديفيد بالفعل:
تأخذ الارتباطات الدلالية إشارة ويب ، وهي إشعار بأن موقعًا آخر قد ارتبط بشيء ما على موقعك ، ويجلب الموقع الآخر ، ويحاول تقديم عرض للمعلومات. يمكن أن تختلف كيفية القيام بذلك من مجرد صورة للملف الشخصي (إذا كان بإمكانها العثور على واحدة) ، إلى تفسيرها كتعليق كامل.
يقوم بذلك باستخدام تنسيقات Microformat.
كنت أتوقع أن المكون الإضافي IndieWeb الرئيسي كان يفعل ذلك بالفعل لأنه يتعامل مع الترميز الآخر. ولكنه يوفر فقط النموذج والقطعة للحصول على هويتك على موقعك. بمجرد أن يجلب المكون الإضافي Semantic Linkbacks إشارة ويب واردة ، فإنه يأخذ البيانات وينسقها ثم يحاول عرضها.
يبدو أن المكوّن الإضافي سيتم دمجه إلى حد ما (أو استبداله) بإصدار قادم من المكون الإضافي Webmention:
نظرًا لأن العديد من الأشخاص لا يميلون أو لا يرتاحون لتعديل موضوع ما ، فإن الإصدار الجديد من Webmentions سيتضمن عدة طرق بديلة مختلفة لمحاولة العثور على صورة أو ملخص لعرضه ... من OpenGraph (والتي يستخدمها Facebook و Twitter لعرض عناوين URL المقدمة له ) لاكتشاف إصدار WordPress REST API للصفحة واستخدام ذلك للحصول على اسم المؤلف وصورة الملف الشخصي. لن يوفر أي منها قدرًا من السياق مثل تنسيقات Microformat ، ولكن التجربة ستظل شيئًا يستحق التثبيت.
هذا أمر رائع بالتأكيد لأنه ينقر على WordPress REST API لاستجابة JSON والتنسيقات التي يتم عرضها.
Brid.gy هي خدمة للمساعدة في عرض التفاعلات.
يمكن أن يكون Webmention تفاعلًا ، لنفترض أن شخصًا ما معجب بمنشورك على Twitter أو أعاده تغريدها.
التمييز بين الإعجاب من إعادة النشر والتعليق من أي شيء يجب أن يحدث ، وستحتاج إلى تطبيق Twitter (أو أيًا كان) API لرسم هذه الفروق.
هذا شيء يمكنك فعله بالتأكيد! ولكن إذا كنت تفضل التوصيل والتشغيل ، فقد قدم أحد أعضاء مجتمع IndieWeb خدمة تسمى بريد.جي. تقوم بإنشاء حساب وتوصيل موقعك ومنح التطبيق أذونات للخدمة ... ثم تنتهي!
ما فعلته Brid.gy هو في الأساس تنفيذ واجهات برمجة التطبيقات لتويتر وفيسبوك وإنستغرام وغيرها ، بحيث عندما تكتشف أن منشورًا في تلك الخدمات يتفاعل مع منشورك المرخص ، يتم إرسال Webmention إلى موقعك ويمر عبر عملية النشر على موقعك.
هناك الكثير!
ضربات سريعة:
- إيندياوث: هذا بروتوكول يعتمد على OAuth 2. البرنامج المساعد ينشئ نقطة نهاية في WordPress REST API التي يمكن استخدامها لمصادقة هويتك من خلال موقعك المستضاف ذاتيًا - بشكل أساسي زر تسجيل الدخول إلى Google الخاص بك ولكن دون إنشاء نقطة النهاية هذه بنفسك أو الحاجة إلى الاعتماد على واجهة برمجة تطبيقات مستضافة منفصلة.
- ميكروبوب: بالنسبة لأولئك الذين يستخدمون WordPress ولكنهم يفضلون محررًا مختلفًا ، يمكنهم تثبيت ملف المكون الإضافي Micropub. هذا يضيف نقطة نهاية يتيح لك نشر المحتوى على موقعك واستخدام محرر مدعوم من Micropub لإنشاء عناصر في موجز Microformats2 ، مما يمنحك المزيد من الخيارات لكتابة المحتوى خارج محرر قوالب WordPress.
- موقع بسيط: كتب ديفيد هذا البرنامج المساعد وقد تأثرت بشدة عندما قام بتجربتها لي. الفكرة هي أنها تسحب البيانات من موقعك الحالي والتي يمكن استخدامها لكل شيء بدءًا من عرض الطقس في الوقت الذي كتبت فيه منشورًا ، إلى إنشاء أرشيف كامل للمنشورات على خريطة مضمنة بناءً على موقع المنشور. أود بصدق أن أرى شيئًا مثل هذا مخبوزًا مباشرة في WordPress.
التدفق المحدث
حاولت تقديم رسم توضيحي يوضح الأجزاء المختلفة في مشاركتي الأخيرة ، لكن دعنا نحاول مرة أخرى بفهم محدث لما يحدث:
هل كل هذا منطقي؟
تحياتي لديفيد لأنه تواصل معه وأخذ الوقت الكافي ليوضح لي كيف يبدو تطبيق IndieWeb على WordPress. لا أستطيع أن أدعي أنني أفهم جميع الفروق الدقيقة تمامًا ، لكنني على الأقل أشعر أنني أمتلك فهمًا جيدًا للقطع - الفلسفة والبروتوكولات والتكنولوجيا - المطلوبة لتحقيق ذلك.
أود أن أحولها إليك! هل هذا يساعد في توضيح الأشياء لك؟ هل هناك أي شيء تكافح لفهمه؟ هل تعتقد أنك قادر على تكوين موقع WordPress باستخدام ميزات IndieWeb الآن؟ دعنا ننتقل إلى التعليقات!
إزالة الغموض عن IndieWeb على موقع WordPress نشرت أصلا في حيل CSS. يجب احصل على النشرة الإخبارية.
- "
- a
- من نحن
- حسابي
- أنشطة
- إضافي
- الكل
- يسمح
- سابقا
- البديل
- من بين
- آخر
- API
- واجهات برمجة التطبيقات
- التطبيق
- أرشيف
- المنطقة
- حول
- متاح
- لان
- خلف الكواليس
- أفضل
- ما بين
- قطعة
- حظر
- ابني
- الأعمال
- دعوة
- الفئة
- اختار
- مطالبة
- فئة
- فصول
- التواصل
- مجتمع
- مكونات
- ارتباك
- متصل
- محتوى
- تواصل
- ملاءمة
- خلق
- خلق
- حالياًّ
- البيانات
- يوم
- القرارات
- اعتمادا
- تصميم
- مفصلة
- فعل
- فرق
- مختلف
- مباشرة
- العرض
- إلى أسفل
- قطرة
- رئيس التحرير
- عناصر
- جزءا لا يتجزأ من
- نقطة النهاية
- أساسيا
- أنشئ
- يؤسس
- إلخ
- كل شىء
- مثال
- التوقعات
- متوقع
- الخبره في مجال الغطس
- فيسبوك
- المميزات
- الاسم الأول
- لأول مرة
- تناسب
- حل
- تدفق
- ركز
- شكل
- دورة تأسيسية
- الإطار
- تبدأ من
- بالإضافة إلى
- الحصول على
- إعطاء
- خير
- شراء مراجعات جوجل
- مقبض
- معالجة
- يحدث
- رئيس
- مساعدة
- مفيد
- هنا
- استضافت
- كيفية
- كيفية
- HTTPS
- فكرة
- هوية
- صورة
- صور
- تنفيذ
- التنفيذ
- في أخرى
- تتضمن
- معلومات
- انستقرام
- تثبيت
- دمج
- تفاعل
- IT
- نفسها
- القيادة
- على الأرجح
- محدود
- القليل
- موقع
- حب
- صنع
- رائد
- جعل
- يصنع
- القيام ب
- رسم خريطة
- معنى
- الأعضاء
- يذكر
- مانع
- الأكثر من ذلك
- أكثر
- موزيلا
- أسماء
- الحاجة
- إحتياجات
- إعلام
- عرضت
- عروض
- جاكيت
- عامل
- مزيد من الخيارات
- أخرى
- الخاصة
- جزء
- مجتمع
- ربما
- شخص
- فلسفة
- قطعة
- قطعة
- بلايستشن
- المساعد
- الإضافات
- أكثر الاستفسارات
- ممكن
- المنشورات
- المشكلة
- عملية المعالجة
- ملفي الشخصي
- HAS
- بروتوكول
- البروتوكولات
- تزود
- المقدمة
- ويوفر
- نشر
- نشر
- سريع
- RE
- نادي القراءة
- تسلم
- توصي
- الافراج عن
- استبدال
- مطلوب
- المتطلبات الأساسية
- استجابة
- مسؤول
- REST
- تشغيل
- قال
- نفسه
- مشاهد
- يرى
- إحساس
- مسلسلات
- الخدمة
- خدمات
- طقم
- ضبط
- عدة
- مشاركة
- نقل
- قصير
- الاشارات
- منذ
- الموقع
- المواقع
- So
- شخص ما
- شيء
- المعايير
- لا يزال
- الإستراتيجيات
- منظم
- الدعم
- مع الأخذ
- التكنولوجيا
- التكنولوجيا
- •
- المصدر
- موضوع
- شيء
- الأشياء
- عبر
- الوقت
- سويا
- تيشرت
- أو تويتر
- فهم
- فهم
- المقبلة
- تستخدم
- مختلف
- تحقق من
- الإصدار
- المزيد
- طرق
- الموقع الإلكتروني
- ابحث عن
- من الذى
- بدون
- رائع
- WordPress
- وورد البرنامج المساعد
- وورد موضوع
- كلمات
- للعمل
- اكتشف - حل
- عامل
- ديدان
- قيمة
- جاري الكتابة
- حل متجر العقارات الشامل الخاص بك في جورجيا