ובכן, שיש. פתחתי פחית קטנה של תולעים כששיתפתי את זה של מרים "אני כבר ב-IndieWeb?" עם פוסט קצר שמקונן על הצרות שלי עולה לרכבת IndieWeb. אבל זו פחית טובה של תולעים.
אני חושב שזה היה משהו כמו למחרת אחרי פרסום הפוסט הקצר הזה דוד שנסקה הושיט יד והציע לי לעזור לעטוף את ראשי סביב IndieWeb והרכיבים שהיא כוללת. ואלוהים, אם זה לא היה מועיל בצורה מגוחכת! עד כדי כך שהייתי רוצה מקשרים אותך לפוסט חדש שכתב דיוויד אחרי שדיברנו, אז תסכם את הדברים כאן כמיטב יכולתי כי (1) זה מועיל לכתוב דברים ו- (2) יש להתייחס למועד מאוחר יותר.
כן, IndieWeb מבלבל.
דיוויד למעשה עזר למישהו להגדיר את אתר הוורדפרס שלו עם כוחות IndieWeb. גם אותו אדם נאבק להבין כיצד החלקים השונים משתלבים זה בזה. אז, לדוד זה כבר היה בראש כשמרים ואני כתבנו.
"IndieWeb" הוא מונח חדש עבור אנשים רבים ושם מתפתח הרבה בלבול. האם זו מסגרת? פילוסופיה? מערכת סטנדרטים? תלוי באיזה מהם מדובר, הציפיות משתנות עד כמה שזה נראה להיות חלק ממנה.
זה בערך כל האמור לעיל. ואת זה צריך לחזק קצת. אין שום דבר מבלבל מטבעו ב-IndieWeb עצמו ברגע שאתה צופה בו דרך העדשות השונות. לאחר קריאת הפוסט של דיוויד הבנתי ש-IndieWeb היא יותר מערכת של פרוטוקולים. קצת כמו עבודה עם נתונים מובנים או OpenGraph בסימון. אין מה להתקין כשלעצמו, אבל יש סטנדרטים איך לשלב אותם בעבודה שלך.
הזהות שלך מעצימה את IndieWeb. במילים אחרות, האתר שלך מבסס את הזהות שלך וניתן להשתמש בו כדי לעשות הרבה דברים, כמו:
- הודע לאתרים אחרים הנתמכים ב-IndieWeb כאשר הם מוזכרים
- קבל התראות מאתרי IndieWeb אחרים כאשר אתה מוזכר
- אחזר מידע מאזכור ועצב אותו לתצוגה
- אמת את זהותך דרך אתר האינטרנט שלך (באמצעות כפתור כניסה של Google אך מחובר לאתר שלך)
- …בין השאר.
אם זה נשמע כמו פינגבקים, ובכן, זה די נכון. אבל הרבה יותר חזק ומתוחזק.
זה שונה (ואולי קל יותר) ליישם תכונות IndieWeb בוורדפרס מאשר אתר סטטי.
ההבדל הגדול הוא שוורדפרס מספקת הרבה מהדרישות הדרושות כדי לעשות דברים של IndieWeb. אני אוהב איך דיוויד מסביר את זה:
הטמעת IndieWeb בוורדפרס היא [סדרה] של אבני בניין שאתה יכול או לא יכול לבחור להשתמש בהן, וזה מה שהופך אותה לנפלאה, אבל לפעמים מבלבלת. לוורדפרס יש פילוסופיה של החלטות, לא אפשרויות. אבל ה-IndieWeb עוסק באפשרויות...בבניית התכונות המתאימות לך.
אבני הבניין האלה הן תוספים שאתה מתקין כדי להוסיף פרוטוקולים וטכנולוגיות IndieWeb לוורדפרס. זה מדהים שהם זמינים כי זה לוקח הרבה מהעבודה מהדברים. עם זאת, הפעלת אתר סטטי, אתה מתכוון להקים את רוב זה בעצמך.
הפוסט של דוד מתמקד ב-100% ביישום וורדפרס. הקילומטראז' שלך עשוי להשתנות, אבל אתה בהחלט תצא משם עם מושג טוב יותר לגבי הפרוטוקולים הזמינים וכיצד הם משתלבים לאחר קריאת הפוסט שלו - ובתקווה שגם זה.
התוסף IndieWeb WordPress מבסס את הזהות שלך.
חשבתי שזה עושה כל כך הרבה דברים מאחורי הקלעים, אבל זה הרבה יותר פשוט מזה:
התוסף כשלעצמו מטפל בביסוס הזהות שלך כפי שה-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" ] } }]
}
התוסף לא מבצע את השליחה, הקבלה או הניתוח. במקום זאת, הוא מספק לאתר וורדפרס דרך לאמת את זהותך בסימון.
לא כל ערכות הנושא של וורדפרס תומכות במיקרופורמטים
אם גירדת את הראש בפעם הראשונה שראית את "מיקרופורמטים" כמוני, דייוויד מגדיר את זה יפה:
[…] מיקרופורמטים... דרך לסימון HTML כדי לאפשר לזהות אלמנטים. זוהי אחת מכמה דרכים לעשות זאת, אך היא פשוטה מאוד וקריאה, וזו הסיבה שהיא פופולרית בקהילת IndieWeb.
הבעיה, כפי שממשיך דיוויד, היא שנושאים רבים אינם מסומנים בצורה ידידותית למיקרופורמטים - וזה מה שה תוסף Microformats2 נועד לתקן. עם זאת, דיוויד ממהר לקרוא כי התוסף מוגבל מאוד באופן שבו הוא משיג זאת, והוא ממליץ במקום זאת לסמן ערכת נושא ביד.
לדברי דייוויד, המהדורה הגדולה הבאה של תוסף Webmention תכלול ככל הנראה דרכים חכמות יותר לאיתור תוכן ותמונות שבהן הוא יכול להשתמש ולעצב אותם לתמיכה ב-Microformats2.
אזכורים ברשת שולחים ומקבלים התראות.
אוקיי, אז אם ביססתם את הזהות שלכם דרך האתר שלכם, כך תוכלו לגלות, והאתר שלכם מסומן עבור h-card
תמיכה באמצעות Microformats2. גדול! אתה עדיין צריך משהו באמצע שעובד כמפעיל ששולח ומקבל התראות. במילים אחרות, כאשר אתר אחר מזכיר אותך - הנקרא Webmention - האתר שמזכיר אותך צריך דרך לתמוך בשליחת אזכור זה אליך, והאתר שלך צריך דרך לקבל אותו (או להיפך).
זה מה תוסף Webmention בשביל. זה גם כנראה המקור לרוב הבלבול שלי ב-IndieWeb. חשבתי שזה פורמט נתונים וצריך שירות נוסף כדי לשלוח ולקבל אותם. לא! זה למעשה שליחה וקבלה של הנתונים במקום ליצור את האזכור. בחזרה לדוד:
עוד כשנבנה, התוסף טיפל רק בעסק של קבלת ושליחת אזכורים באינטרנט, ולא טיפל בתצוגה בשום רמה. Linkbacks סמנטיים, תוסף נפרד טיפל בזה לא רק לאזכורים באינטרנט, אלא לפרוטוקולי הפינגבק והעקיבה הישנים יותר.
אז, התוסף Webmention מעביר הודעות. בינתיים, תוסף נוסף בשם Semantic Linkbacks הוא זה שמטפל בנתונים. ומה זה לעזאזל קישורים סמנטיים?
קישורים סמנטיים מאחזרים ומטפלים בנתונים.
קישורים סמנטיים הוא תוסף נוסף שמטפל בחלק נוסף של התהליך. אין סיכוי שאני יכול להסביר את זה טוב יותר ממה שדיוויד כבר עושה:
Linkbacks סמנטי לוקח אזכור אינטרנט, שהוא הודעה על כך שאתר אחר קישר למשהו באתר שלך, מביא את האתר השני ומנסה להציג את המידע. האופן שבו זה נעשה יכול להשתנות החל מתמונת פרופיל בלבד (אם היא יכולה למצוא אחת), ועד לפירושה כהערה מלאה.
הוא עושה זאת באמצעות מיקרופורמטים.
ציפיתי שהתוסף הראשי של IndieWeb כבר עושה זאת מכיוון שהוא מטפל בסימון אחר. אבל הוא מספק רק את התבנית והווידג'ט כדי לקבל את הזהות שלך באתר שלך. ברגע שהתוסף Semantic Linkbacks מביא אזכור אינטרנט נכנס, הוא לוקח את הנתונים, מעצב אותם ואז מנסה להציג אותם.
נשמע שהתוסף יתמזג במקצת עם (או יוחלף על ידי) גרסה קרובה של התוסף Webmention:
מכיוון שאנשים רבים אינם נוטים, או אינם נוחים לשנות נושא, הגרסה החדשה של Webmentions תכלול מספר דרכים אלטרנטיביות שונות לנסות למצוא תמונה או סיכום להצגה... מתוך OpenGraph (שפייסבוק וטוויטר משתמשות בו כדי להציג כתובות אתרים שסופקו לה ) לזיהוי גרסת WordPress REST API של דף ושימוש בה כדי לקבל את שם המחבר ותמונת הפרופיל. אף אחד מהם לא יספק הקשר כמו מיקרופורמטים, אבל החוויה עדיין תהיה משהו ששווה להתקין.
זה בהחלט נחמד מכיוון שהוא מתחבר ל-WordPress REST API עבור תגובת JSON ופורמטים לתצוגה.
Brid.gy הוא שירות המסייע בהצגת אינטראקציות.
אזכור באינטרנט יכול להיות אינטראקציה, נניח שמישהו אוהב את הפוסט שלך בטוויטר או מצייץ אותו מחדש.
הבדלה בין לייק לפוסט מחדש לבין תגובה מכל מה שצריך לקרות, ותצטרך ליישם את ה-API של Twitter (או כל מה שלא יהיה) כדי ליצור את ההבחנות הללו.
זה משהו שאתה בהחלט יכול לעשות! אבל אם אתה מעדיף לחבר ולשחק, אחד מחברי קהילת IndieWeb עשה שירות שנקרא Brid.gy. אתה יוצר חשבון, מחבר את האתר שלך ונותן הרשאות לאפליקציה לשירות... ואז סיימת!
מה ש-Brid.gy עשה הוא בעצם ליישם את ממשקי ה-API עבור טוויטר, פייסבוק, אינסטגרם ואחרים, כך שכאשר הוא מזהה שפוסט בשירותים האלה מקיים אינטראקציה עם הפוסט המסונדיק שלך, אזכור אינטרנט נשלח לאתר שלך ועובר דרך תהליך הפרסום באתר שלך.
יש עוד כל כך הרבה!
כניסות מהירות:
- IndieAuth: זהו פרוטוקול המבוסס על OAuth 2. התוסף מקים נקודת קצה ב-WordPress REST API שניתן להשתמש בה כדי לאמת את זהותך דרך אתר משלך שמתארח בעצמך - בעצם כפתור הכניסה שלך ל-Google אך מבלי להקים את נקודת הקצה בעצמך או להסתמך על ממשק API מתארח נפרד.
- מיקרו פאב: למי שמשתמש בוורדפרס אבל מעדיף עורך אחר יכול להתקין את תוסף מיקרופאב. זֶה מוסיף נקודת קצה המאפשר לך לפרסם תוכן לאתר שלך ובאמצעות עורך הנתמך ב-Micropub ליצור פריטים בפיד של Microformats2, מה שנותן לך אפשרויות רבות יותר לכתיבת תוכן מחוץ ל-WordPress Block Editor.
- מיקום פשוט: דוד כתב את התוסף הזה והתרשמתי מאוד כשהוא הדגימו לי את זה. הרעיון הוא שהוא שואב נתונים מהמיקום הנוכחי שלך שיכולים להשתמש בהם לכל דבר, החל מהצגת מזג האוויר בזמן שכתבת פוסט, ועד ליצירת ארכיון שלם של פוסטים על מפה משובצת המבוססת על מיקום הפוסט. אני באמת אשמח לראות משהו כזה אפוי ישירות בוורדפרס.
הזרימה המעודכנת
ניסיתי ליצור איור שמתאר את הקטעים השונים בפוסט האחרון שלי, אבל בואו ננסה שוב עם הבנה מעודכנת של מה שקורה:
האם כל זה הגיוני?
חמישים גבוהים לדיוויד גם על הפניית יד וגם שהקדיש את הזמן להראות לי איך זה נראה ליישם IndieWeb בוורדפרס. אני לא יכול לטעון שאני מבין לגמרי את כל הניואנסים, אבל אני לפחות מרגיש שיש לי הבנה הגונה של הקטעים - הפילוסופיה, הפרוטוקולים והטכנולוגיה - שנדרשים כדי שזה יקרה.
אני רוצה להפוך את זה אליך! האם זה עוזר להבהיר לך דברים? יש משהו שאתה מתקשה להבין? חושבים שאתם מסוגלים להגדיר אתר וורדפרס עם תכונות IndieWeb עכשיו? בואו ניקח את זה לתגובות!
ביטול מיסטיקה של IndieWeb באתר וורדפרס פורסם במקור ב CSS-טריקים. אתה צריך לקבל את הניוזלטר.
- "
- a
- אודות
- חֶשְׁבּוֹן
- פעילויות
- נוסף
- תעשיות
- מאפשר
- כְּבָר
- חלופה
- בין
- אחר
- API
- ממשקי API
- האפליקציה
- ארכיון
- AREA
- סביב
- זמין
- כי
- מאחורי הקלעים
- הטוב ביותר
- בֵּין
- קצת
- לחסום
- בִּניָן
- עסקים
- שיחה
- קטגוריה
- לבחור
- לטעון
- בכיתה
- כיתות
- תקשורת
- קהילה
- רכיבים
- בלבול
- מחובר
- תוכן
- ממשיך
- נוחות
- לִיצוֹר
- יוצרים
- נוֹכְחִי
- נתונים
- יְוֹם
- החלטות
- תלוי
- מעוצב
- מְפוֹרָט
- DID
- הבדל
- אחר
- ישירות
- לְהַצִיג
- מטה
- ירידה
- עורך
- אלמנטים
- מוטבע
- נקודת קצה
- למעשה
- נוסד
- מקימה
- וכו '
- הכל
- דוגמה
- הציפיות
- צפוי
- ניסיון
- פייסבוק
- תכונות
- ראשון
- firsttime
- מתאים
- לסדר
- תזרים
- מרוכז
- פוּרמָט
- קרן
- מסגרת
- החל מ-
- מלא
- מקבל
- נתינה
- טוב
- לטפל
- טיפול
- לקרות
- ראש
- לעזור
- מועיל
- כאן
- אירח
- איך
- איך
- HTTPS
- רעיון
- זהות
- תמונה
- תמונות
- ליישם
- הפעלה
- באחר
- לכלול
- מידע
- אינסטגרם
- להתקין
- לשלב
- אינטראקציה
- IT
- עצמו
- מנהיגות
- סביר
- מוגבל
- קְצָת
- מיקום
- אהבה
- עשוי
- גדול
- לעשות
- עושה
- עשייה
- מַפָּה
- משמעות
- להרשם/להתחבר
- אזכורים
- אכפת לי
- יותר
- רוב
- מוזילה
- שמות
- צורך
- צרכי
- הודעה
- מוצע
- המיוחדות שלנו
- לפתוח
- מפעיל
- אפשרויות
- אחר
- שֶׁלוֹ
- חלק
- אֲנָשִׁים
- אוּלַי
- אדם
- פילוסופיה
- לְחַבֵּר
- חתיכות
- לְשַׂחֵק
- חיבור
- תוספים
- פופולרי
- אפשרי
- הודעות
- בעיה
- תהליך
- פּרוֹפִיל
- נכסים
- פרוטוקול
- פרוטוקולים
- לספק
- ובלבד
- מספק
- לפרסם
- הוצאה לאור
- מָהִיר
- RE
- קריאה
- לקבל
- ממליצה
- לשחרר
- החליף
- נדרש
- דרישות
- תגובה
- אחראי
- REST
- ריצה
- אמר
- אותו
- סצנות
- רואה
- תחושה
- סדרה
- שרות
- שירותים
- סט
- הצבה
- כמה
- שיתוף
- משמרת
- קצר
- פָּשׁוּט
- since
- אתר
- אתרים
- So
- מישהו
- משהו
- תקנים
- עוד
- אִסטרָטֶגִיָה
- מובנה
- תמיכה
- נטילת
- טק
- טכנולוגיות
- אל האני
- המקור
- נושא
- דבר
- דברים
- דרך
- זמן
- יַחַד
- חלק עליון
- להבין
- הבנה
- בקרוב ב
- להשתמש
- שונים
- לאמת
- גרסה
- לצפיה
- דרכים
- אתר
- מה
- מי
- לְלֹא
- נִפלָא
- וורדפרס
- תוסף וורדפרס
- וורדפרס
- מילים
- תיק עבודות
- להתאמן
- עובד
- תולעים
- ראוי
- כתיבה