Bueno, jejeje. Abrí una pequeña lata de gusanos al compartir la de Miriam "¿Ya estoy en IndieWeb?" con un publicación corta lamentando mi propio problema subirse al tren IndieWeb. Pero es una buena lata de gusanos.
Creo que fue algo así como al día siguiente después de publicar esa breve publicación que david shanske se acercó y se ofreció a ayudarme a entender IndieWeb y los componentes que comprende. ¡Y Dios mío, si no fuera ridículamente útil! Tanto es así que me gustaría enlazarlo a una nueva publicación que David escribió después de que hablamos, luego resuma las cosas aquí lo mejor que pueda porque (1) es útil escribir las cosas y (2) tener una referencia para más adelante.
Sí, IndieWeb es confuso.
De hecho, David había ayudado a alguien a configurar su sitio de WordPress con los poderes de IndieWeb. Esa persona también estaba luchando por comprender cómo encajaban las distintas piezas. Entonces, David ya tenía esto en mente cuando Miriam y yo estábamos escribiendo.
"IndieWeb" es un término nuevo para muchas personas y ahí es donde se genera mucha confusión. ¿Es un marco? ¿Una filosofía? ¿Un conjunto de normas? Dependiendo de cuál sea, las expectativas cambian en cuanto a lo que parece ser parte de él.
Es una especie de todo lo anterior. Y eso hay que solidificarlo un poco. No hay nada intrínsecamente confuso sobre IndieWeb en sí mismo una vez que lo ves a través de esos diferentes lentes. Después de leer la publicación de David, entiendo que IndieWeb es más un conjunto de protocolos. Algo así como trabajar con datos estructurados o OpenGraph en el marcado. No hay nada que instalar per se, pero existen estándares sobre cómo integrarlos en su trabajo.
Tu identidad potencia IndieWeb. En otras palabras, su sitio establece su identidad y puede usarse para hacer muchas cosas, como:
- Notificar a otros sitios compatibles con IndieWeb cuando se mencionen
- Recibe notificaciones de otros sitios de IndieWeb cuando te mencionen
- Obtenga información de una mención y formatéela para mostrarla
- Autentique su identidad a través de su propio sitio web (a là un botón de inicio de sesión de Google pero conectado a su sitio)
- …entre otras cosas.
Si eso suena como pingbacks, bueno, lo es. Pero mucho más robusto y mantenido.
Es diferente (y quizás más fácil) implementar funciones de IndieWeb en WordPress que en un sitio estático.
La gran diferencia es que WordPress proporciona muchos de los requisitos necesarios para hacer cosas IndieWeb-y. Me gusta como lo explica David:
La implementación de IndieWeb en WordPress es una [serie] de bloques de construcción que puede elegir usar o no, que es lo que lo hace maravilloso, pero a veces confuso. WordPress tiene una filosofía de decisiones, no de opciones. Pero IndieWeb tiene que ver con las opciones... con la creación de las funciones adecuadas para usted.
Esos bloques de construcción son complementos que instala para agregar protocolos y tecnologías de IndieWeb a WordPress. Es increíble que estén fácilmente disponibles porque eso le quita mucho trabajo a las cosas. Sin embargo, al ejecutar un sitio estático, está obligado a establecer la mayor parte de eso usted mismo.
La publicación de David está 100% enfocada en la implementación de WordPress. Su kilometraje puede variar, pero sin duda se irá con una mejor idea de qué protocolos están disponibles y cómo encajan después de leer su publicación y, con suerte, esta también.
El complemento IndieWeb WordPress establece su identidad.
Pensé que estaba haciendo muchas cosas detrás de escena, pero es mucho más simple que eso:
El complemento por sí mismo maneja el establecimiento de su identidad como lo ve IndieWeb. Ofrece una plantilla de tarjeta h y un widget. H-Card es el marcado para marcar información sobre una persona o lugar. Por lo tanto, este es un elemento que muchas personas optan por poner en su sitio de todos modos.
Entonces, en realidad, es posible obtener el mismo tipo de cosas marcando correctamente un tema de WordPress. La conveniencia aquí es que obtiene una pequeña plantilla útil que está marcada para admitir el h-card
formato abierto y un widget para colocarlo en el área de widgets de un tema.
Aquí hay un ejemplo súper detallado de la h-card
marcado extraído de la documentación para microformatos2:
<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>
¿Ves esos nombres de clase? Clases como .h-card
, u-photo
, p-name
, etc., todos proporcionan un significado contextual para la identidad de una persona que luego se analizó como 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" ] } }]
}
El complemento no está enviando, recibiendo o analizando. En cambio, proporciona un sitio de WordPress con una forma de verificar su identidad en el marcado.
No todos los temas de WordPress admiten microformatos
Si te rascaste la cabeza la primera vez que viste "Microformatos" como yo, David lo define muy bien:
[…] Microformatos…una forma de marcar HTML para permitir la identificación de elementos. Es una de varias formas de hacer esto, pero es muy simple y legible, por lo que es popular en la comunidad IndieWeb.
El problema, como continúa David, es que muchos temas no están marcados de forma compatible con los microformatos, que es lo que Complemento de microformatos2 está diseñado para arreglar. Dicho esto, David se apresura a señalar que el complemento es extremadamente limitado en la forma en que logra esto, y recomienda en su lugar marcar un tema a mano.
Según David, el próximo lanzamiento importante del complemento Webmention probablemente incluirá formas más inteligentes de detectar contenido e imágenes que puede usar y formatearlas para que sean compatibles con Microformats2.
Las menciones web envían y reciben notificaciones.
De acuerdo, entonces, si ha establecido su identidad a través de su sitio para que sea visible y su sitio está marcado para h-card
soporte usando Microformatos2. ¡Excelente! Aún necesita algo en el medio que funcione como un operador que envía y recibe notificaciones. En otras palabras, cuando otro sitio lo menciona, llamado Webmention, el sitio que lo menciona necesita una forma de admitir el envío de esa mención, y su sitio necesita una forma de aceptarla (o viceversa).
Eso es lo que el Complemento de mención web es para. También es probablemente la fuente de la mayor parte de mi confusión IndieWeb. Pensé que estaba formateando datos y necesitaba un servicio adicional para enviarlos y recibirlos. ¡No! En realidad, está enviando y recibiendo los datos en lugar de crear la mención. Volviendo a David:
Cuando se creó, el complemento manejaba solo el negocio de recibir y enviar menciones web, sin manejar la visualización en ningún grado. Semantic Linkbacks, un complemento separado que manejó eso no solo para las menciones web, sino también para los protocolos de pingback y trackback más antiguos.
Entonces, el complemento Webmention está comunicando notificaciones. Mientras tanto, otro complemento llamado Semantic Linkbacks es el que maneja los datos. ¿Y qué diablos son los Linkbacks Semánticos?
Los Linkbacks semánticos obtienen y manejan datos.
Enlaces semánticos es otro complemento que maneja otra parte del proceso. No hay manera de que pueda explicarlo mejor de lo que ya lo hace David:
Semantic Linkbacks toma una mención web, que es una notificación de que otro sitio se ha vinculado a algo en su sitio, obtiene el otro sitio e intenta mostrar la información. La forma en que se hace puede variar desde solo una foto de perfil (si puede encontrar una), hasta interpretarla como un comentario completo.
Lo hace usando Microformatos.
Esperaba que el complemento principal de IndieWeb ya estuviera haciendo esto, ya que maneja otras marcas. Pero solo proporciona la plantilla y el widget para obtener su identidad en su sitio. Una vez que el complemento Semantic Linkbacks obtiene una mención web entrante, toma los datos, los formatea y luego intenta mostrarlos.
Parece que el complemento se fusionará con (o será reemplazado por) una próxima versión del complemento Webmention:
Dado que muchas personas no se sienten inclinadas o no se sienten cómodas modificando un tema, la nueva versión de Webmentions incluirá varias formas alternativas diferentes para tratar de encontrar una imagen o un resumen para mostrar... desde OpenGraph (que Facebook y Twitter usan para mostrar las URL que se le proporcionan). ) para detectar la versión de la API REST de WordPress de una página y usarla para obtener el nombre del autor y la imagen de perfil. Ninguno de ellos proporcionará tanto contexto como Microformatos, pero la experiencia seguirá siendo algo que valga la pena instalar.
Eso es ciertamente bueno, ya que aprovecha la API REST de WordPress para la respuesta JSON y los formatos para mostrar.
Brid.gy es un servicio para ayudar a mostrar interacciones.
Una Webmention puede ser una interacción, digamos que a alguien le gusta tu publicación en Twitter o la retuitea.
Diferenciar un me gusta de un reenvío de un comentario de lo que sea que tenga que suceder, y necesitaría implementar la API de Twitter (o lo que sea) para dibujar esas distinciones.
¡Eso es algo que ciertamente puedes hacer! Pero si prefiere conectar y usar, uno de los miembros de la comunidad IndieWeb creó un servicio llamado brid.gy. Creas una cuenta, conectas tu sitio y otorgas permisos de aplicación al servicio... ¡y listo!
Lo que ha hecho Brid.gy es esencialmente implementar las API para Twitter, Facebook, Instagram y otros, de modo que cuando detecta una publicación en esos servicios que interactúa con su publicación sindicada, se envía una Webmention a su sitio y pasa por el proceso de publicación en su propio sitio.
¡Hay mucho más!
Golpes rápidos:
- Autenticación independiente: Este es un protocolo basado en OAuth 2. El complemento establece un punto final en la API REST de WordPress que se puede usar para autenticar su identidad a través de su propio sitio alojado por usted mismo, esencialmente su propio botón de inicio de sesión de Google, pero sin establecer ese punto final usted mismo o necesitar depender de una API alojada por separado.
- Micropub: Para aquellos que usan WordPress pero prefieren un editor diferente, pueden instalar el Complemento de micropub. Esto agrega un punto final eso le permite publicar contenido en su sitio y usar un editor compatible con Micropub para crear elementos en un feed de Microformats2, lo que le brinda muchas más opciones para escribir contenido fuera del Editor de bloques de WordPress.
- Ubicación sencilla: David escribió este complemento y quedé muy impresionado cuando me lo mostró. La idea es que extrae datos de su ubicación actual que se pueden usar para todo, desde mostrar el clima en el momento en que escribió una publicación, hasta crear un archivo completo de publicaciones en un mapa incrustado según la ubicación de la publicación. Sinceramente, me encantaría ver algo como esto horneado directamente en WordPress.
El flujo actualizado
Intenté hacer una ilustración que describa las diversas piezas en mi última publicación, pero intentemos nuevamente con una comprensión actualizada de lo que está sucediendo:
¿Todo esto tiene sentido?
Choca los cinco con David por comunicarse y tomarse el tiempo para mostrarme cómo se ve implementar IndieWeb en WordPress. No puedo afirmar que entiendo completamente todos los matices, pero al menos siento que tengo una comprensión decente de las piezas (la filosofía, los protocolos y la tecnología) que se requieren para que esto suceda.
¡Me gustaría darte la vuelta! ¿Te ayuda esto a aclararte las cosas? ¿Hay algo que te cuesta entender? ¿Crees que puedes configurar un sitio de WordPress con características de IndieWeb ahora? ¡Vamos a llevarlo a los comentarios!
Desmitificando IndieWeb en un sitio de WordPress publicado originalmente el Trucos CSS. Debieras obtener el boletín.
- "
- a
- Acerca
- Mi Cuenta
- actividades
- Adicionales
- Todos
- permite
- ya haya utilizado
- alternativa
- entre
- Otra
- abejas
- API
- applicación
- Archive
- Reservada
- en torno a
- Hoy Disponibles
- porque
- entre bastidores
- MEJOR
- entre
- Poco
- Bloquear
- Construir la
- llamar al
- Categoría
- Elige
- reclamo
- clase
- privadas
- comunicado
- vibrante e inclusiva
- componentes
- confusión
- conectado
- contenido
- continúa
- comodidad
- Para crear
- Creamos
- Current
- datos
- día
- decisiones
- Dependiente
- diseñado
- detallado
- HIZO
- un cambio
- una experiencia diferente
- directamente
- Pantalla
- DE INSCRIPCIÓN
- Soltar
- editor
- elementos
- integrado
- Punto final
- esencialmente
- se establece
- etc.
- todo
- ejemplo
- las expectativas
- esperado
- experience
- Caracteristicas
- Nombre
- primer vez
- cómodo
- Fijar
- de tus señales
- centrado
- formato
- Fundación
- Marco conceptual
- en
- ser completados
- conseguir
- Diezmos y Ofrendas
- candidato
- encargarse de
- Manejo
- suceder
- cabeza
- ayuda
- serviciales
- esta página
- organizado
- Cómo
- Como Hacer
- HTTPS
- idea
- Identidad
- imagen
- imágenes
- implementar
- implementación
- En otra
- incluir
- información
- instalar
- integrar
- interacción
- IT
- sí mismo
- Liderazgo
- que otros
- Limitada
- pequeño
- Ubicación
- amar
- hecho
- gran
- para lograr
- HACE
- Realizar
- mapa
- sentido
- Miembros
- menciona
- mente
- más,
- MEJOR DE TU
- Mozilla
- nombres
- necesidad
- .
- Ofrecido
- Ofertas
- habiertos
- operador
- Opciones
- Otro
- EL DESARROLLADOR
- parte
- Personas
- quizás
- persona
- filosofía
- pieza
- piezas
- Jugar
- plugin
- plugins
- Popular
- posible
- Artículos
- Problema
- Mi Perfil
- propiedades
- protocolo
- protocolos
- proporcionar
- previsto
- proporciona un
- publicar
- DTP
- Búsqueda
- RE
- Reading
- recepción
- de CFP.
- ,
- reemplazados
- Requisitos
- Requisitos
- respuesta
- responsable
- RESTO
- correr
- Said
- mismo
- Escenas
- ve
- sentido
- Serie
- de coches
- Servicios
- set
- pólipo
- Varios
- compartir
- Turno
- En Corto
- sencillos
- desde
- página web
- Sitios Web
- So
- Alguien
- algo
- estándares de salud
- Sin embargo
- Estrategia
- estructurado
- SOPORTE
- toma
- tecnología
- Tecnologías
- El
- La Fuente
- tema
- cosa
- cosas
- A través de esta formación, el personal docente y administrativo de escuelas y universidades estará preparado para manejar los recursos disponibles que derivan de la diversidad cultural de sus estudiantes. Además, un mejor y mayor entendimiento sobre estas diferencias y similitudes culturales permitirá alcanzar los objetivos de inclusión previstos.
- equipo
- juntos
- parte superior
- entender
- comprensión
- próximos
- utilizan el
- diversos
- verificar
- versión
- Ver
- formas
- Página web
- ¿
- QUIENES
- sin
- maravilloso
- WordPress
- Plugin de WordPress
- WordPress Tema
- palabras
- Actividades:
- rutina de ejercicio
- trabajando
- lombrices
- valor
- la escritura
- tú