خب شیش هنگام اشتراک گذاری میریام، یک قوطی کرم کوچک باز کردم "آیا من هنوز در IndieWeb هستم؟" با یک پست کوتاهی در مورد دردسر خودم سوار شدن به قطار IndieWeb اما این یک قوطی کرم خوب است.
من فکر می کنم چیزی شبیه به روز بعد پس از انتشار آن پست کوتاه بود که دیوید شانسکی دراز کردم و به من پیشنهاد داد تا سرم را در اطراف IndieWeb و اجزای تشکیل دهنده آن بپیچم. و خدا دانگ اگر به طرز مسخره ای مفید نبود! آنقدر که من دوست دارم شما را به پست جدیدی که دیوید بعد از صحبت ما نوشت، پیوند دهید، سپس موارد را تا جایی که می توانم در اینجا خلاصه کنید زیرا (1) نوشتن موارد مفید است و (2) یک مرجع برای بعد داشته باشید.
بله، IndieWeb گیج کننده است.
دیوید در واقع به شخصی کمک کرده بود تا سایت وردپرس خود را با قدرت های IndieWeb راه اندازی کند. آن شخص نیز در تلاش بود تا بفهمد قطعات مختلف چگونه با هم هماهنگ می شوند. بنابراین، دیوید از قبل این ذهنیت را داشت که من و میریام در حال نوشتن بودیم.
"IndieWeb" یک اصطلاح جدید برای بسیاری از افراد است و اینجاست که بسیاری از سردرگمی ها ایجاد می شود. آیا یک چارچوب است؟ یک فلسفه؟ مجموعه ای از استانداردها؟ بسته به اینکه کدام یک باشد، انتظارات تا جایی که به نظر می رسد بخشی از آن باشد تغییر می کند.
این نوعی از همه موارد بالا است. و این باید کمی تقویت شود. هنگامی که آن را از طریق آن لنزهای مختلف مشاهده کنید، هیچ چیز ذاتاً در مورد خود IndieWeb گیج کننده نیست. پس از خواندن پست دیوید، درک من این است که IndieWeb بیشتر مجموعه ای از پروتکل ها است. کار با داده های ساختاریافته یا OpenGraph در نشانه گذاری. هیچ چیزی برای نصب وجود ندارد، اما استانداردهایی برای نحوه ادغام آنها در کار شما وجود دارد.
هویت شما به IndieWeb قدرت می دهد. به عبارت دیگر، سایت شما هویت شما را ایجاد می کند و می تواند برای انجام کارهای زیادی از آن استفاده شود، مانند:
- هنگامی که به سایر سایت های پشتیبانی شده IndieWeb اشاره می شود، اطلاع دهید
- هنگامی که از شما نام برده می شود، اعلان ها را از سایر سایت های IndieWeb دریافت کنید
- اطلاعات را از یک ذکر واکشی کنید و آن را برای نمایش قالب بندی کنید
- هویت خود را از طریق وب سایت خود احراز هویت کنید (لا یک دکمه ورود به سیستم گوگل اما متصل به سایت شما)
- …در میان چیز های دیگر.
اگر این جورتا شبیه پینگ بک به نظر می رسد، خوب است. اما بسیار قوی تر و نگهداری می شود.
پیادهسازی ویژگیهای IndieWeb در وردپرس متفاوت (و شاید سادهتر) از یک سایت ثابت است.
تفاوت بزرگ این است که وردپرس بسیاری از الزامات مورد نیاز برای انجام کارهای IndieWeb-y را فراهم می کند. من دوست دارم که دیوید آن را توضیح می دهد:
پیادهسازی IndieWeb در وردپرس مجموعهای از بلوکهای ساختمانی است که میتوانید یا نمیتوانید از آنها استفاده کنید، که همین امر آن را شگفتانگیز، اما گاهی گیجکننده میکند. وردپرس فلسفه تصمیم گیری دارد نه گزینه ها. اما IndieWeb همه چیز در مورد گزینه هایی است ... در مورد ایجاد ویژگی هایی که برای شما مناسب است.
این بلوکهای سازنده پلاگینهایی هستند که برای افزودن پروتکلها و فناوریهای IndieWeb به وردپرس نصب میکنید. این بسیار عالی است که به راحتی در دسترس هستند زیرا این کار باعث می شود کار زیادی انجام شود. با این حال، با اجرای یک سایت ثابت، بیشتر آن را خودتان ایجاد کنید.
پست دیوید 100٪ بر روی پیاده سازی وردپرس متمرکز است. مسافت پیموده شده شما ممکن است متفاوت باشد، اما مطمئناً پس از خواندن پست او با ایده بهتری از پروتکل های موجود و نحوه تطبیق آنها کنار خواهید رفت - و امیدوارم این یکی نیز همینطور.
افزونه وردپرس IndieWeb هویت شما را مشخص می کند.
فکر میکردم کارهای زیادی در پشت صحنه انجام میدهد، اما خیلی سادهتر از این است:
این افزونه به خودی خود هویت شما را همانطور که IndieWeb می بیند کنترل می کند. این یک قالب و ویجت h-card را ارائه می دهد. H-Card نشانه گذاری برای علامت گذاری اطلاعات در مورد یک شخص یا مکان است. بنابراین، این عنصری است که بسیاری از افراد ترجیح می دهند به هر حال در سایت خود قرار دهند.
بنابراین، واقعاً میتوان با علامتگذاری صحیح یک تم وردپرس، به همان چیزها دست یافت. راحتی در اینجا این است که شما یک الگوی کوچک مفید دریافت می کنید که برای پشتیبانی از آن علامت گذاری شده است 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" ] } }]
}
این افزونه ارسال، دریافت یا تجزیه را انجام نمی دهد. در عوض، یک سایت وردپرس را با روشی برای تأیید هویت شما در نشانه گذاری ارائه می دهد.
همه تم های وردپرس از میکروفرمت ها پشتیبانی نمی کنند
اگر اولین باری که مانند من "Microformats" را دیدید سر خود را خاراندید، دیوید آن را به خوبی تعریف می کند:
… میکروفرمتها… راهی برای علامتگذاری HTML برای شناسایی عناصر. این یکی از چندین روش انجام این کار است، اما بسیار ساده و خوانا است، به همین دلیل در جامعه IndieWeb محبوب است.
همانطور که دیوید ادامه می دهد، مشکل این است که بسیاری از تم ها به روشی مناسب برای میکروفرمت ها علامت گذاری نمی شوند - این همان چیزی است که پلاگین Microformats2 برای تعمیر طراحی شده است. با این حال، دیوید سریعاً اعلام می کند که این افزونه در نحوه انجام این کار بسیار محدود است و به جای آن توصیه می کند یک موضوع را با دست علامت گذاری کنید.
به گفته دیوید، نسخه اصلی بعدی افزونه Webmention احتمالاً شامل روشهای هوشمندتر برای شناسایی محتوا و تصاویری است که میتواند از آن استفاده کند و آنها را برای پشتیبانی از Microformats2 قالببندی کند.
وب سایت ها اعلان ها را ارسال و دریافت می کنند.
خوب، پس اگر هویت خود را از طریق سایت خود مشخص کرده اید، بنابراین قابل شناسایی هستید و سایت شما برای علامت گذاری شده است h-card
پشتیبانی با استفاده از Microformats2. عالی! شما هنوز به چیزی در وسط نیاز دارید که به عنوان اپراتوری که اعلانها را ارسال و دریافت میکند، کار کند. به عبارت دیگر، هنگامی که سایت دیگری از شما نام می برد - به نام Webmention - سایتی که از شما نام می برد به راهی برای پشتیبانی از ارسال آن اشاره برای شما نیاز دارد و سایت شما به راهی برای پذیرش آن نیاز دارد (یا برعکس).
این چیزی است که افزونه Webmention است برای. همچنین احتمالاً منبع بیشتر سردرگمی های IndieWeb من است. من فکر کردم که داده ها را قالب بندی می کند و به یک سرویس اضافی برای ارسال و دریافت آن نیاز دارم. جواب منفی! این در واقع ارسال و دریافت داده ها به جای ایجاد ذکر است. بازگشت به دیوید:
زمانی که پلاگین ساخته شد، فقط کار دریافت و ارسال وبنامها را انجام میداد، نه نمایشدهی به هیچ درجهای. Semantic Linkbacks، یک پلاگین جداگانه، نه تنها برای ذکر وب، بلکه برای پروتکل های قدیمی تر پینگ بک و ترک بک نیز این کار را انجام می دهد.
بنابراین، افزونه Webmention در حال برقراری ارتباط با اعلانها است. در همین حال، افزونه دیگری به نام Semantic Linkbacks است که داده ها را مدیریت می کند. و لینک بک های معنایی چیست؟
پیوندهای معنایی داده ها را واکشی و مدیریت می کند.
پیوندهای معنایی افزونه دیگری است که بخش دیگری از فرآیند را مدیریت می کند. هیچ راهی وجود ندارد که بتوانم آن را بهتر از دیوید توضیح دهم:
Semantic Linkbacks یک وب منشن را می گیرد، که اعلانی است مبنی بر اینکه سایت دیگری به چیزی در سایت شما پیوند داده است، سایت دیگر را واکشی می کند و سعی می کند اطلاعات را نمایش دهد. نحوه انجام این کار می تواند از یک عکس نمایه (اگر بتواند آن را پیدا کند)، تا تفسیر آن به عنوان یک نظر کامل متفاوت است.
این کار را با استفاده از Microformat انجام می دهد.
من انتظار داشتم که افزونه اصلی IndieWeb قبلاً این کار را انجام می داد زیرا نشانه گذاری های دیگر را کنترل می کند. اما فقط قالب و ویجت را برای دریافت هویت شما در سایت شما فراهم می کند. هنگامی که افزونه Semantic Linkbacks یک وب نام ورودی را واکشی می کند، داده ها را می گیرد، قالب بندی می کند و سپس سعی می کند آن را نمایش دهد.
به نظر می رسد این افزونه تا حدودی با نسخه بعدی افزونه Webmention ادغام شود (یا با آن جایگزین شود:
از آنجایی که بسیاری از افراد تمایلی به تغییر تم ندارند یا راحت نیستند، نسخه جدید Webmentions شامل چندین روش جایگزین مختلف برای تلاش برای یافتن تصویر یا خلاصه ای برای نمایش است...از OpenGraph (که فیس بوک و توییتر از آن برای نمایش URL های ارائه شده به آن استفاده می کنند. ) برای شناسایی نسخه WordPress REST API یک صفحه و استفاده از آن برای دریافت نام نویسنده و تصویر نمایه. هیچ یک از آنها به اندازه Microformat ها زمینه ای را ارائه نمی دهند، اما تجربه همچنان چیزی است که ارزش نصب را دارد.
این مطمئناً خوب است زیرا به API REST وردپرس برای پاسخ JSON و فرمت های آن برای نمایش ضربه می زند.
Brid.gy سرویسی است برای کمک به نمایش تعاملات.
Webmention می تواند یک تعامل باشد، مثلاً بگوییم شخصی پست شما را در توییتر لایک کرده یا آن را ریتوییت می کند.
تمایز یک لایک از یک پست مجدد از یک نظر از هر چیزی که باید اتفاق بیفتد، و برای ترسیم این تمایزها باید API توییتر (یا هر چیز دیگری) را پیاده سازی کنید.
این کاری است که مطمئناً می توانید انجام دهید! اما اگر ترجیح میدهید وصل و پخش کنید، یکی از اعضای انجمن IndieWeb سرویسی به نام آن را ایجاد کرد Brid.gy. شما یک حساب کاربری ایجاد میکنید، سایت خود را متصل میکنید، و مجوز برنامه را به سرویس میدهید… سپس کارتان تمام شد!
کاری که Brid.gy انجام داده است اساساً API ها را برای توییتر، فیس بوک، اینستاگرام و سایرین پیاده سازی کرده است، به طوری که وقتی تشخیص می دهد که یک پست در آن سرویس ها با پست سندیکایی شما تعامل دارد، یک Webmention به سایت شما ارسال می شود و از طریق آن می گذرد. فرآیند انتشار در سایت خودتان
خیلی بیشتر وجود دارد!
ضربات سریع:
- IndieAuth: این پروتکل مبتنی بر OAuth 2 است. افزونه یک نقطه پایانی در WordPress REST API ایجاد میکند که میتواند برای احراز هویت شما از طریق سایت خود میزبانی شده شما استفاده شود - اساساً دکمه ورود به سیستم Google خودتان، اما بدون ایجاد آن نقطه پایانی خودتان یا نیاز به تکیه بر یک API میزبان جداگانه.
- میکرو میخانه: برای کسانی که از وردپرس استفاده می کنند اما ویرایشگر دیگری را ترجیح می دهند می توانند آن را نصب کنند پلاگین Micropub. این یک نقطه پایانی اضافه می کند که به شما امکان می دهد محتوا را در سایت خود منتشر کنید و با استفاده از یک ویرایشگر پشتیبانی شده از Micropub مواردی را در یک فید Microformats2 ایجاد کنید و گزینه های بیشتری برای نوشتن محتوای خارج از ویرایشگر بلاک وردپرس در اختیار شما قرار می دهد.
- مکان ساده: دیوید این افزونه را نوشته است و زمانی که او آن را برای من نمایش داد، بسیار تحت تأثیر قرار گرفتم. ایده این است که دادههایی را از مکان فعلی شما میکشد که میتواند برای همه چیز از نمایش آب و هوا در زمان نوشتن یک پست گرفته تا ایجاد یک آرشیو کامل از پستها بر روی یک نقشه تعبیهشده بر اساس موقعیت پست استفاده شود. من صادقانه دوست دارم چیزی شبیه به این را مستقیماً در وردپرس آماده کنم.
جریان به روز شده
من سعی کردم تصویری بسازم که بخش های مختلف را در آخرین پست خود مشخص کند، اما بیایید دوباره با درک به روز از آنچه اتفاق می افتد تلاش کنیم:
آیا این همه منطقی است؟
به دیوید امتیازات عالی دادم که هم برای تماس گرفتن و هم وقت گذاشتن برای نشان دادن نحوه پیادهسازی IndieWeb در وردپرس. نمیتوانم ادعا کنم که تمام تفاوتهای ظریف را کاملاً درک میکنم، اما حداقل احساس میکنم که درک مناسبی از قطعات - فلسفه، پروتکلها و فناوری - که برای تحقق آن لازم است، دارم.
من می خواهم آن را به شما برگردانم! آیا این به روشن شدن مسائل برای شما کمک می کند؟ آیا چیزی وجود دارد که شما در تلاش برای درک آن هستید؟ فکر می کنید اکنون می توانید یک سایت وردپرس را با ویژگی های IndieWeb پیکربندی کنید؟ اجازه دهید آن را به نظرات!
رمز زدایی IndieWeb در یک سایت وردپرس در ابتدا منتشر شد ترفندهای CSS. تو باید دریافت خبرنامه.
- "
- a
- درباره ما
- حساب
- فعالیت ها
- اضافی
- معرفی
- اجازه می دهد تا
- قبلا
- جایگزین
- در میان
- دیگر
- API
- رابط های برنامه کاربردی
- نرم افزار
- بایگانی
- محدوده
- دور و بر
- در دسترس
- زیرا
- پشت صحنه
- بهترین
- میان
- بیت
- مسدود کردن
- بنا
- کسب و کار
- صدا
- دسته بندی
- را انتخاب کنید
- ادعا
- کلاس
- کلاس ها
- ارتباط
- انجمن
- اجزاء
- گیجی
- متصل
- محتوا
- ادامه
- راحتی
- ایجاد
- ایجاد
- جاری
- داده ها
- روز
- تصمیم گیری
- بستگی دارد
- طراحی
- دقیق
- DID
- تفاوت
- مختلف
- مستقیما
- نمایش دادن
- پایین
- قطره
- سردبیر
- عناصر
- جاسازی شده
- نقطه پایانی
- اساسا
- تاسیس
- ایجاد می کند
- و غیره
- همه چیز
- مثال
- انتظارات
- انتظار می رود
- تجربه
- فیس بوک
- امکانات
- نام خانوادگی
- بار اول
- مناسب
- رفع
- جریان
- متمرکز شده است
- قالب
- پایه
- چارچوب
- از جانب
- کامل
- گرفتن
- دادن
- خوب
- گوگل
- دسته
- اداره
- رخ دادن
- سر
- کمک
- مفید
- اینجا کلیک نمایید
- میزبانی
- چگونه
- چگونه
- HTTPS
- اندیشه
- هویت
- تصویر
- تصاویر
- انجام
- پیاده سازی
- در دیگر
- شامل
- اطلاعات
- اینستگرام
- نصب
- ادغام
- اثر متقابل
- IT
- خود
- رهبری
- احتمالا
- محدود شده
- کوچک
- محل
- عشق
- ساخته
- عمده
- ساخت
- باعث می شود
- ساخت
- نقشه
- معنی
- اعضا
- اشاره می کند
- ذهن
- بیش
- اکثر
- موزیلا
- نام
- نیازمند
- نیازهای
- اخطار
- ارائه شده
- پیشنهادات
- باز کن
- اپراتور
- گزینه
- دیگر
- خود
- بخش
- مردم
- شاید
- شخص
- فلسفه
- قطعه
- قطعات
- بازی
- پلاگین
- پلاگین ها
- محبوب
- ممکن
- پست ها
- مشکل
- روند
- مشخصات
- املاک
- پروتکل
- پروتکل
- ارائه
- ارائه
- فراهم می کند
- منتشر کردن
- انتشار
- سریع
- RE
- مطالعه
- گرفتن
- توصیه می کند
- آزاد
- جایگزین
- ضروری
- مورد نیاز
- پاسخ
- مسئوليت
- REST
- در حال اجرا
- سعید
- همان
- صحنه های
- می بیند
- حس
- سلسله
- سرویس
- خدمات
- تنظیم
- محیط
- چند
- اشتراک
- تغییر
- کوتاه
- ساده
- پس از
- سایت
- سایت
- So
- کسی
- چیزی
- استانداردهای
- هنوز
- استراتژی
- ساخت یافته
- پشتیبانی
- مصرف
- فن آوری
- فن آوری
- La
- منبع
- موضوع
- چیز
- اشیاء
- از طریق
- زمان
- با هم
- بالا
- توییتر
- فهمیدن
- درک
- نزدیک
- استفاده کنید
- مختلف
- بررسی
- نسخه
- چشم انداز
- راه
- سایت اینترنتی
- چی
- WHO
- بدون
- شگفت انگیز
- وردپرس
- وردپرس پلاگین
- وردپرس
- کلمات
- مهاجرت کاری
- کار کردن
- کارگر
- کرم
- با ارزش
- نوشته
- شما