Λοιπόν, sheesh. Άνοιξα ένα μικρό κουτάκι με σκουλήκια όταν μοιράστηκα το Miriam "Είμαι ακόμα στο IndieWeb;" με σύντομη ανάρτηση που θρηνεί το δικό μου πρόβλημα επιβίβαση στο τρένο του IndieWeb. Αλλά είναι ένα καλό κουτάκι με σκουλήκια.

Νομίζω ότι ήταν κάτι σαν την επόμενη μέρα μετά τη δημοσίευση αυτής της σύντομης ανάρτησης Ντέιβιντ Σάνσκε άπλωσα το χέρι και προσφέρθηκε να με βοηθήσει να τυλίξω το κεφάλι μου γύρω από το IndieWeb και τα στοιχεία που περιλαμβάνει. Και θεέ μου, αν δεν ήταν γελοία χρήσιμο! Τόσο πολύ που θα το ήθελα σας συνδέω με μια νέα ανάρτηση που έγραψε ο David αφού μιλήσαμε, στη συνέχεια συνοψίστε τα πράγματα εδώ όσο καλύτερα μπορώ γιατί (1) είναι χρήσιμο να γράψετε τα πράγματα και (2) να έχετε μια αναφορά για αργότερα.

Ναι, το IndieWeb προκαλεί σύγχυση.

Ο David είχε βοηθήσει στην πραγματικότητα κάποιον να ρυθμίσει τον ιστότοπό του στο WordPress με τις δυνάμεις του IndieWeb. Αυτό το άτομο, επίσης, πάλευε να καταλάβει πώς ταιριάζουν τα διάφορα κομμάτια μεταξύ τους. Έτσι, ο Ντέιβιντ είχε ήδη αυτό το μυαλό όταν γράφαμε η Μίριαμ και εγώ.

Το "IndieWeb" είναι ένας νέος όρος για πολλούς ανθρώπους και εκεί γεννιέται πολλή σύγχυση. Είναι πλαίσιο; Μια φιλοσοφία; Ένα σύνολο προτύπων; Ανάλογα με το ποια είναι, οι προσδοκίες αλλάζουν μέχρι το πώς φαίνεται να είσαι μέρος της.

Είναι κάτι από όλα τα παραπάνω. Και αυτό πρέπει να εμπεδωθεί λίγο. Δεν υπάρχει τίποτα εγγενώς μπερδεμένο για το ίδιο το IndieWeb μόλις το δείτε μέσα από αυτούς τους διαφορετικούς φακούς. Αφού διάβασα τη δημοσίευση του David, καταλαβαίνω ότι το IndieWeb είναι περισσότερο ένα σύνολο πρωτοκόλλων. Κάτι σαν εργασία με δομημένα δεδομένα ή OpenGraph στη σήμανση. Δεν υπάρχει τίποτα για εγκατάσταση από μόνο του, αλλά υπάρχουν πρότυπα για το πώς να τα ενσωματώσετε στην εργασία σας.

Η ταυτότητά σας εξουσιοδοτεί το IndieWeb. Με άλλα λόγια, ο ιστότοπός σας καθορίζει την ταυτότητά σας και μπορεί να χρησιμοποιηθεί για πολλά πράγματα, όπως:

• Ειδοποιήστε άλλους ιστότοπους που υποστηρίζονται από το IndieWeb όταν αναφέρονται
• Λάβετε ειδοποιήσεις από άλλους ιστότοπους IndieWeb όταν αναφέρονται σε εσάς
• Λάβετε πληροφορίες από μια αναφορά και μορφοποιήστε τις για εμφάνιση
• Επαληθεύστε την ταυτότητά σας μέσω του δικού σας ιστότοπου (a là ένα κουμπί σύνδεσης της Google αλλά συνδέεται με τον ιστότοπό σας)
• …μεταξύ άλλων.

Αν αυτό το είδος ακούγεται σαν pingback, καλά, είναι κάπως. Αλλά πολύ πιο στιβαρό και συντηρημένο.

Είναι διαφορετικό (και ίσως πιο εύκολο) να εφαρμόσετε τις δυνατότητες του IndieWeb στο WordPress από το να είναι ένας στατικός ιστότοπος.

Η μεγάλη διαφορά είναι ότι το WordPress παρέχει πολλές από τις απαιτήσεις που απαιτούνται για να κάνετε πράγματα IndieWeb-y. Μου αρέσει πώς το εξηγεί ο Ντέιβιντ:

Η υλοποίηση του IndieWeb στο WordPress είναι μια [σειρά] δομικών στοιχείων που μπορείτε ή δεν μπορείτε να επιλέξετε να χρησιμοποιήσετε, κάτι που την κάνει υπέροχη, αλλά μερικές φορές προκαλεί σύγχυση. Το WordPress έχει μια φιλοσοφία αποφάσεων και όχι επιλογών. Αλλά το IndieWeb έχει να κάνει με επιλογές…σχετικά με τη δημιουργία των δυνατοτήτων που είναι κατάλληλες για εσάς.

Αυτά τα δομικά στοιχεία είναι προσθήκες που εγκαθιστάτε για να προσθέσετε πρωτόκολλα και τεχνολογίες IndieWeb στο WordPress. Είναι φοβερό που είναι άμεσα διαθέσιμα γιατί χρειάζεται πολλή δουλειά από τα πράγματα. Ωστόσο, όταν εκτελείτε έναν στατικό ιστότοπο, είστε έτοιμοι να δημιουργήσετε τα περισσότερα από αυτά μόνοι σας.

Η ανάρτηση του David είναι 100% επικεντρωμένη στην υλοποίηση του WordPress. Τα χιλιόμετρα σας μπορεί να διαφέρουν, αλλά σίγουρα θα φύγετε έχοντας μια καλύτερη ιδέα για το ποια πρωτόκολλα είναι διαθέσιμα και πώς ταιριάζουν μεταξύ τους αφού διαβάσετε την ανάρτησή του — και ελπίζουμε ότι και αυτή.

Το πρόσθετο IndieWeb WordPress καθορίζει την ταυτότητά σας.

Νόμιζα ότι έκανε τόσα πολλά πράγματα στα παρασκήνια, αλλά είναι πολύ πιο απλό από αυτό:

Το πρόσθετο από μόνο του χειρίζεται τον καθορισμό της ταυτότητάς σας όπως το βλέπει το IndieWeb. Προσφέρει ένα πρότυπο h-card και ένα widget. H-Card είναι η σήμανση για τη σήμανση πληροφοριών σχετικά με ένα άτομο ή ένα μέρος. Έτσι, αυτό είναι ένα στοιχείο που πολλοί άνθρωποι επιλέγουν να τοποθετήσουν στον ιστότοπό τους ούτως ή άλλως.

Έτσι, πραγματικά, είναι δυνατό να αποκτήσετε το ίδιο πράγμα σημειώνοντας σωστά ένα θέμα WordPress. Η ευκολία εδώ είναι ότι λαμβάνετε ένα εύχρηστο μικρό πρότυπο που έχει επισημανθεί για να το υποστηρίζει 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"
      ]
    }
  }]
}

Η προσθήκη δεν εκτελεί την αποστολή, τη λήψη ή την ανάλυση. Αντίθετα, παρέχει σε έναν ιστότοπο WordPress έναν τρόπο επαλήθευσης της ταυτότητάς σας στη σήμανση.

Δεν υποστηρίζουν όλα τα θέματα του WordPress Microformats

Αν ξύσατε το κεφάλι σας για πρώτη φορά που είδατε το "Microformats" όπως έκανα εγώ, ο David το ορίζει όμορφα:

[…] Μικρομορφές…ένας τρόπος επισήμανσης HTML που επιτρέπει την αναγνώριση στοιχείων. Είναι ένας από τους πολλούς τρόπους για να γίνει αυτό, αλλά είναι πολύ απλός και ευανάγνωστος, γι' αυτό είναι δημοφιλής στην κοινότητα του IndieWeb.

Το πρόβλημα, όπως συνεχίζει ο David, είναι ότι πολλά θέματα δεν επισημαίνονται με τρόπο φιλικό προς τις μικρομορφές — κάτι που Πρόσθετο Microformats2 έχει σχεδιαστεί για να διορθώνει. Τούτου λεχθέντος, ο David σπεύδει να επισημάνει ότι το πρόσθετο είναι εξαιρετικά περιορισμένο στον τρόπο με τον οποίο το επιτυγχάνει αυτό και συνιστά αντ 'αυτού να επισημάνετε ένα θέμα με το χέρι.

Σύμφωνα με τον David, η επόμενη σημαντική έκδοση του πρόσθετου Webmention θα περιλαμβάνει πιθανώς πιο έξυπνους τρόπους ανίχνευσης περιεχομένου και εικόνων που μπορεί να χρησιμοποιήσει και μορφοποίησής τους για υποστήριξη Microformats2.

Οι αναφορές ιστού στέλνουν και λαμβάνουν ειδοποιήσεις.

Εντάξει, λοιπόν, εάν έχετε εδραιώσει την ταυτότητά σας μέσω του ιστότοπού σας, ώστε να μπορείτε να ανακαλύψετε και ο ιστότοπός σας έχει επισημανθεί για h-card υποστήριξη με χρήση Microformats2. Μεγάλος! Χρειάζεστε ακόμα κάτι στη μέση που λειτουργεί ως χειριστής που στέλνει και λαμβάνει ειδοποιήσεις. Με άλλα λόγια, όταν ένας άλλος ιστότοπος σας αναφέρει — που ονομάζεται Webmention — ο ιστότοπος που σας αναφέρει χρειάζεται έναν τρόπο υποστήριξης για την αποστολή αυτής της αναφοράς σε εσάς και ο ιστότοπός σας χρειάζεται έναν τρόπο να την αποδεχτεί (ή το αντίστροφο).

Αυτό είναι το Πρόσθετο Webmention είναι για. Είναι επίσης πιθανώς η πηγή της μεγαλύτερης σύγχυσης στο IndieWeb. Νόμιζα ότι μορφοποιούσε δεδομένα και χρειαζόμουν μια πρόσθετη υπηρεσία για να τα στείλω και να τα λάβω. Οχι! Στην πραγματικότητα στέλνει και λαμβάνει τα δεδομένα αντί να δημιουργεί την αναφορά. Επιστροφή στον Ντέιβιντ:

Όταν κατασκευάστηκε, το πρόσθετο χειριζόταν μόνο τη λήψη και την αποστολή αναφορών ιστού, όχι τον χειρισμό της προβολής σε κανέναν βαθμό. Το Semantic Linkbacks, ένα ξεχωριστό πρόσθετο το χειρίστηκε όχι μόνο για τις αναφορές ιστού, αλλά και για τα παλαιότερα πρωτόκολλα pingback και trackback.

Έτσι, η προσθήκη Webmention επικοινωνεί ειδοποιήσεις. Εν τω μεταξύ, ένα άλλο πρόσθετο που ονομάζεται Semantic Linkbacks είναι αυτό που χειρίζεται τα δεδομένα. Και τι στο καλό είναι τα Semantic Linkbacks;

Τα Semantic Linkbacks ανακτούν και χειρίζονται δεδομένα.

Σημασιολογικές συνδέσεις είναι ένα άλλο πρόσθετο που χειρίζεται ένα άλλο κομμάτι της διαδικασίας. Δεν υπάρχει τρόπος να το εξηγήσω καλύτερα από ό,τι το κάνει ήδη ο David:

Το Semantic Linkbacks παίρνει μια αναφορά ιστού, η οποία είναι μια ειδοποίηση ότι ένας άλλος ιστότοπος έχει συνδέσει με κάτι στον ιστότοπό σας, ανακτά τον άλλο ιστότοπο και προσπαθεί να εμφανίσει τις πληροφορίες. Ο τρόπος με τον οποίο γίνεται αυτό μπορεί να ποικίλλει από μια απλή φωτογραφία προφίλ (αν μπορεί να βρει), έως την ερμηνεία της ως πλήρες σχόλιο.

Αυτό το κάνει χρησιμοποιώντας Microformats.

Περίμενα ότι το κύριο πρόσθετο IndieWeb το έκανε ήδη αυτό, καθώς χειρίζεται άλλη σήμανση. Ωστόσο, παρέχει μόνο το πρότυπο και το γραφικό στοιχείο για να εμφανιστεί η ταυτότητά σας στον ιστότοπό σας. Μόλις η προσθήκη Semantic Linkbacks ανακτήσει μια εισερχόμενη αναφορά ιστού, παίρνει τα δεδομένα, τα μορφοποιεί και, στη συνέχεια, προσπαθεί να τα εμφανίσει.

Φαίνεται ότι η προσθήκη θα συγχωνευθεί κάπως με (ή θα αντικατασταθεί από) μια επερχόμενη έκδοση της προσθήκης Webmention:

Δεδομένου ότι πολλοί άνθρωποι δεν θέλουν ή δεν βολεύονται να τροποποιήσουν ένα θέμα, η νέα έκδοση του Webmentions θα περιλαμβάνει πολλούς διαφορετικούς εναλλακτικούς τρόπους για να προσπαθήσετε να βρείτε μια εικόνα ή μια περίληψη για εμφάνιση…από το OpenGraph (το οποίο το Facebook και το Twitter χρησιμοποιούν για την εμφάνιση διευθύνσεων URL που του παρέχονται ) για να εντοπίσετε την έκδοση του WordPress REST API μιας σελίδας και να τη χρησιμοποιήσετε για να λάβετε το όνομα του συγγραφέα και την εικόνα προφίλ. Κανένα από αυτά δεν θα παρέχει τόσο περιβάλλον όσο τα Microformat, αλλά η εμπειρία θα εξακολουθεί να είναι κάτι που αξίζει να εγκαταστήσετε.

Αυτό είναι σίγουρα ωραίο καθώς πατάει στο WordPress REST API για την απόκριση JSON και τις μορφοποιήσεις για εμφάνιση.

Το Brid.gy είναι μια υπηρεσία που βοηθά στην εμφάνιση αλληλεπιδράσεων.

Μια αναφορά στο Web μπορεί να είναι μια αλληλεπίδραση, ας πούμε ότι σε κάποιον αρέσει η ανάρτησή σας στο Twitter ή την κάνει retweet.

Διαφοροποίηση ενός like από μια αναδημοσίευση από ένα σχόλιο από ένα οτιδήποτε χρειάζεται να συμβεί και θα πρέπει να εφαρμόσετε το Twitter (ή οποιοδήποτε άλλο) API για να κάνετε αυτές τις διακρίσεις.

Αυτό είναι κάτι που σίγουρα μπορείτε να κάνετε! Αλλά αν προτιμάτε να συνδέσετε και να παίξετε, ένα από τα μέλη της κοινότητας του IndieWeb κάλεσε μια υπηρεσία Brid.gy. Δημιουργείτε έναν λογαριασμό, συνδέετε τον ιστότοπό σας και δίνετε δικαιώματα εφαρμογής στην υπηρεσία… τότε τελειώσατε!

Αυτό που έχει κάνει το Brid.gy είναι ουσιαστικά να εφαρμόσει τα API για το Twitter, το Facebook, το Instagram και άλλα, έτσι ώστε όταν εντοπίσει ότι μια ανάρτηση σε αυτές τις υπηρεσίες που αλληλεπιδρά με την κοινοπρακτική σας ανάρτηση, αποστέλλεται μια αναφορά στον ιστότοπό σας και περνάει από το διαδικασία δημοσίευσης στον δικό σας ιστότοπο.

Υπάρχουν τόσα άλλα!

Γρήγορες επιτυχίες:

• IndieAuth: Αυτό είναι ένα πρωτόκολλο που βασίζεται στο OAuth 2. Το πρόσθετο καθιερώνει ένα τελικό σημείο στο WordPress REST API που μπορεί να χρησιμοποιηθεί για τον έλεγχο ταυτότητας της ταυτότητάς σας μέσω του δικού σας αυτο-φιλοξενούμενου ιστότοπου — ουσιαστικά του δικού σας κουμπιού σύνδεσης στο Google, αλλά χωρίς να ορίσετε εσείς αυτό το τελικό σημείο ή να χρειαστεί να βασιστείτε σε ένα ξεχωριστό φιλοξενούμενο API.
• Micropub: Για όσους χρησιμοποιούν WordPress αλλά προτιμούν διαφορετικό πρόγραμμα επεξεργασίας μπορούν να εγκαταστήσουν το Πρόσθετο Micropub. Αυτό προσθέτει ένα τελικό σημείο που σας επιτρέπει να δημοσιεύετε περιεχόμενο στον ιστότοπό σας και χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας που υποστηρίζεται από Micropub να δημιουργείτε στοιχεία σε μια ροή Microformats2, δίνοντάς σας περισσότερες επιλογές για τη σύνταξη περιεχομένου εκτός του WordPress Block Editor.
• Απλή τοποθεσία: Ο David έγραψε αυτό το πρόσθετο και εντυπωσιάστηκα όταν μου το έκανε demo. Η ιδέα είναι ότι αντλεί δεδομένα από την τρέχουσα τοποθεσία σας που μπορούν να χρησιμοποιηθούν για τα πάντα, από την εμφάνιση του καιρού τη στιγμή που γράψατε μια ανάρτηση έως τη δημιουργία ενός ολόκληρου αρχείου αναρτήσεων σε έναν ενσωματωμένο χάρτη με βάση την τοποθεσία της ανάρτησης. Ειλικρινά θα ήθελα πολύ να δω κάτι τέτοιο να φτιάχνεται απευθείας στο WordPress.

Η ενημερωμένη ροή

Προσπάθησα να κάνω μια απεικόνιση που περιγράφει τα διάφορα κομμάτια στην τελευταία μου ανάρτηση, αλλά ας προσπαθήσουμε ξανά με μια ενημερωμένη κατανόηση του τι συμβαίνει:

Έχει νόημα όλο αυτό;

Υψηλές πεντάδες στον Ντέιβιντ για την προσέγγιση και αφιέρωσε χρόνο για να μου δείξει πώς φαίνεται η εφαρμογή του IndieWeb στο WordPress. Δεν μπορώ να ισχυριστώ ότι καταλαβαίνω πλήρως όλες τις αποχρώσεις, αλλά τουλάχιστον αισθάνομαι ότι κατέχω καλά τα κομμάτια - τη φιλοσοφία, τα πρωτόκολλα και την τεχνολογία - που απαιτούνται για να συμβεί αυτό.

Θα ήθελα να το γυρίσω σε εσάς! Σας βοηθάει να ξεκαθαρίσετε τα πράγματα; Υπάρχει κάτι που δυσκολεύεστε να καταλάβετε; Πιστεύετε ότι μπορείτε να διαμορφώσετε έναν ιστότοπο WordPress με δυνατότητες IndieWeb τώρα; Ας το πάμε στα σχόλια!