Clicky

Cómo mostrar los toots de Mastodon en tu sitio Joomla

Mastodon y Joomla

Podemos usar el módulo Canales electrónicos de Joomla para mostrar nuestra línea de tiempo de Mastodon

Con el aumento meteórico en la popularidad de Mastodon luego de la adquisición de El sitio de aves que no será nombrado* por parte de Ya Sabes Quien*, una pregunta se ha estado formando en la cabeza de todos: "¿Cómo puedo mostrar mi línea de tiempo de toots (mensajes o publicaciones) en mi ¿sitio?".

Las personas que buscan algún código de inserción modular de Joomla se sentirán decepcionados al no encontrar ninguno. Sin embargo, no necesitas ningún módulo de terceros, ningún código de inserción ni JavaScript. Todo lo que necesitas ya está incluido en Joomla.

En este artículo, te diré cómo usar Joomla 4 para mostrar Toots de Mastodon en tu sitio.

La web abierta se trata de estándares, ¡y los tenemos!

Mastodon es parte de Open Web, un concepto no tan novedoso que habla de sitios interoperables basados en estándares establecidos y aceptados universalmente. Así funcionaba la web en la década de 1990, antes que la corrompiera la codicia corporativa.

Mastodon implementa una serie de estándares web, incluidos los canales RSS. El feed RSS de tu cuenta sindica tu línea de tiempo de toots excluyendo respuestas y reblogs, es decir, contiene solo tus toots de contenido original.

Joomla admite fuentes RSS desde que todavía se llamaba Mambo a principios de la década de 2000. Tiene un tipo de módulo Feed Display (Canales electrónicos) que nos permite mostrar un feed RSS como un módulo en cualquier parte de nuestro sitio.

Por lo tanto, podemos usar el tipo de módulo de visualización de Canales electrónicos de Joomla para mostrar nuestra línea de tiempo de Mastodon toots.

Encuentra tu fuente RSS Mastodon

El largo camino para llegar allí:

1) Ve a tu instancia de Mastodon.
Por ejemplo, mi cuenta de Mastodon está alojada en Mastodon Social, así que voy a https://mastodon.social/.
2) Inicia sesión en tu cuenta, si aún no lo has hecho.
3) Haz clic en tu foto de perfil
4) Copia la URL que ves en la barra de direcciones de tu navegador.
Por ejemplo, la URL que veo es: https://mastodon.social/@chupi

foto de perfil en Mastodon

5) Si aparece, quita el elemento /web y agrega .rss al final.
Por ejemplo, la URL de mi fuente RSS (línea de tiempo) es https://mastodon.social/@chupi.rss

Alternativamente, solo necesitas conocer el identificador completo del usuario de Mastodon del que deseas mostrar los toots. Miremos este identificador de ejemplo: @Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo.. La parte antes de la segunda arroba es su nombre de usuario, la parte después de la segunda arroba es la instancia del servidor que se está usando.

La fuente RSS de cada cuenta de Mastodon es https://<INSTANCIA DEL SERVIDOR>/<NOMBRE DE USUARIO>.rss. Esto significa que la fuente RSS de la línea de tiempo de toot del ejemplo anterior es https://front-end.social/@cristal.rss

Configuración de un módulo de fuentes RSS (Canales electrónicos) de Joomla

1) En la barra lateral izquierda, haz clic en Contenido, busca Módulos del sitio y haz clic en el signo más + de al lado.
2) Selecciona el tipo de módulo Canales electrónicos.
3) Ingresa la URL de tu línea de tiempo como se determinó en los pasos anteriores.
4) La Descripción del canal electrónico es tu nombre completo en Mastodon y la imagen del feed es tu avatar allí. Elegí mostrarlos. La Descripción de los enlaces es el contenido de tu toot; debes establecer esto en Sí (Mostrar) para que el módulo tenga sentido para nuestro propósito.
5) Configura la posición y la asignación del menú como lo harías con cualquier otro módulo, luego haz clic en Guardar y cerrar.

modulo canales electrónicos de Joomla

Si aún no lo has hecho, es una buena idea en este momento habilitar el almacenamiento en caché en tu sitio. El almacenamiento en caché se asegura de que tu sitio solo intente cargar la fuente RSS de Mastodon una vez cada pocos minutos en lugar de cada carga de página en tu sitio. Esto es muy importante para garantizar que tu sitio siga siendo rápido y receptivo y que no sobrecargue la instancia de Mastodon con la que tiene una cuenta (esto podría provocar que se prohíba la IP de su servidor y/o que se suspenda su cuenta). He configurado mi sitio para que solo actualice mi canal electrónico de Mastodon una vez cada hora.

Así es como se vería en mi sitio el canal electrónico de Mastodon ahora que no tengo publicado todavía ningún toot:

Mastodon apañados

Haz que se vea bonito (opcional)

Observarás que este tipo de pantalla de canal electrónico no es muy agradable estéticamente. Parece que se arrojaron cosas en la página. Bueno, afortunadamente, Joomla nos ha proporcionado un mecanismo para personalizar completamente la salida de cualquier extensión central: anulaciones de plantilla (template overrides).

Nicholas K. Dionysopoulos ha creado una anulación de plantilla para mod_feed (el módulo "Canales electrónicos" de Joomla) para mostrar las fuentes RSS de Mastodon. Descarga este contenido y colócalo en el archivo html/mod_feed/fediverse.php de tu plantilla. Por ejemplo, si tu plantilla se encuentra en templates/mytemplate, crea la carpeta templates/mytemplate/html/mod_feed y crea un archivo fediverse.php con el contenido de la URL que proporcioné.

Ahora edite el módulo del canal electrónico que creaste anteriormente y ve a su pestaña Avanzado. El menú desplegable Diseño ahora debería mostrar una nueva entrada, fediverse. Selecciónalo y haz clic en Guardar y cerrar. Tu módulo de alimentación ahora se verá como lo hace en el blog de Nicholas K. Dionysopoulos.

Nota: si no estás utilizando una plantilla basada en Bootstrap 5, es posible que debas editar el archivo de anulación de la plantilla (fediverse.php) para aplicar el formato apropiado y/o escribir algún CSS personalizado para tu plantilla.

Así es como se vería mi sitio una vez añadida una imagen el el perfil de Mastodon y dos publicaciones, incluido este artículo.

Mastodon apañados logo

FOSS FTW!

El uso de software libre y de código abierto (Free and Open Source Software, FOSS) que admite estándares abiertos es una piedra angular de la web abierta. La red social FOSS es compatible con un estándar abierto (RSS) que también es compatible con FOSS CMS. Hacer que los dos trabajen juntos es trivial.

¡A FOSS también le encanta la personalización! El retoque, la optimización y la adaptación están integrados en el ADN de FOSS. Usando el soporte incorporado de Joomla para anular fácilmente la salida de su software central, podemos moldear nuestra visualización de fuentes RSS (canales electrónicos) en algo que sea estéticamente atractivo. Aún mejor, podemos hacer eso sin usar JavaScript que invada la privacidad y sea lento para renderizar. Es una gran victoria para la apertura y la privacidad.

Este artículo fue publicado originalmente en inglés en el blog de Nicholas K. Dionysopoulos "Displaying Mastodon toots on your Joomla site"

Jesus_Caceres