Nunca toque el código otra vez: Filament.io, para no desarrolladores en todas partes

Anuncio

Si alguna vez ha intentado pegar manualmente un fragmento de código como el código de seguimiento de Google Analytics en su sitio web al buscar en los archivos de plantilla PHP, sabrá lo desalentador que puede ser. Filament.io lo hace tan simple como arrastrar y soltar. Al menos, esa es la promesa.

Empezando

Dirígete a filament.io y presiona el botón de registro. Deberá crear un inicio de sesión, pero las cuentas de Facebook y Google se pueden usar para acceder rápidamente con un botón. A continuación, deberá ingresar el dominio en el que lo usará; puede agregar más más adelante.

Si está ejecutando WordPress, esto se detectará cuando escanee el sitio, y se sugiere que instale el complemento proporcionado como le permite un control más preciso sobre qué tipo de páginas contienen la funcionalidad de filamento (como solo publicaciones y no estáticas) páginas).

En el siguiente paso, la pantalla de registro de Filamento le dará un breve fragmento de JavaScript: péguelo en la página de configuración del complemento. ¡Podría ser el último fragmento de código JavaScript que necesitará! Puede usar Filament sin el complemento, pero no tendrá tantas opciones para filtrar dónde se muestran los scripts.

Agregar aplicaciones

La herramienta de pantalla Filamento es una vista previa en vivo de su sitio para que pueda diseñar visualmente dónde quiere que vayan las aplicaciones. Comience agregando un buen conjunto de botones sociales llamado Flare. En la vista previa del sitio, navegue hasta una publicación.

Desde la barra lateral, presiona Nuevo para abrir las opciones de Flare. Flare es un encantador conjunto personalizado de botones para compartir que se ven mucho mejor que los botones estándar proporcionados por la red que probablemente vea al costado de este artículo. Se incluye un logotipo de marca que se puede eliminar comprando una licencia premium para el complemento.

Guarde la configuración, luego arrastre y suelte el nuevo módulo Flare en su sitio. Aparecerá un conjunto inicial de opciones de filtrado. Continúa y agrégalo a Todas mis publicaciones.

Luego tendrá otro conjunto de filtros para personalizar; estos están habilitados por el complemento de WordPress. Como desarrollador, estoy acostumbrado a las secuencias de comandos circundantes en varias cláusulas if de PHP (¿No está seguro de cuáles son? Lee nuestro Guía de principiantes de PHP Aprenda a construir con PHP: un curso intensivoPHP es el lenguaje que usan Facebook y Wikipedia para atender miles de millones de solicitudes diarias; El lenguaje de facto utilizado para enseñar a la gente la programación web. Es maravillosamente simple, pero brillantemente poderoso. Lee mas ), pero realmente puedo apreciar el poder de estos filtros para aquellos sin el conocimiento de la detección del tipo de página de WordPress.

A nivel técnico, el complemento de WordPress agrega un conjunto de metaetiquetas a la salida de su página que le dice a Filament qué tipo de página es; el inicializador de filamento Javascript lo detecta e inyecta los scripts que desea en esa página en particular de acuerdo con los filtros establecidos. No manipula los scripts de ninguna otra manera, solo los inyecta en la página.

Tendrás que hacer clic Publicar antes de que los cambios se envíen a su sitio, y pueden demorar unos minutos en aparecer, así que no se asuste si no es visible de inmediato.

Clickea en el Tablero enlace para agregar más aplicaciones, o puede crear unidades Flare adicionales (si, por ejemplo, desea un diseño específico o más botones en la página de inicio).

Al momento de escribir, hay 6 aplicaciones en total disponibles:

• Llamarada, un complemento de marcadores sociales.
• Hiedra, que permite a los usuarios compartir fácilmente citas que resaltan de sus artículos.
• Pasaporte, una forma interesante de resaltar todo su perfil social personal (sí, me doy cuenta de que esto está sonando un poco centrado en las redes sociales en este momento)
• MailChimp es una suscripción al excelente servicio de listas de correo (que por cierto, es gratuito para hasta 12,000 correos electrónicos al mes y 2,000 suscriptores)
• Google analitico debe ser familiar para cualquier persona con un sitio web; Ryan creó esta gran guía para principiantes Su guía de Google Analytics¿Tiene alguna idea de dónde provienen sus visitantes, qué navegadores utilizan la mayoría de ellos, qué motores de búsqueda usan o cuál de sus páginas es la más popular? Lee mas para comprender sus datos analíticos.
• Finalmente, CodeDrop le permite administrar cualquier otro fragmento de código que le hayan proporcionado en otro lugar.

Desde el tablero, haga clic en Lanzamiento. Observe el menú desplegable para seleccionar sitios: puede administrar varios sitios web desde una sola cuenta.

¿Tiene algo de bueno?

La herramienta de diseño visual es sorprendentemente efectiva, evitando la molestia de tratar de descubrir el posicionamiento correcto de forma manual. Si no está seguro de editar archivos de temas, es un salvavidas. Pero solo puede funcionar dentro de los límites de su tema existente. Se ajusta automáticamente a cualquier elemento que encuentre en la página, pero no puede, por ejemplo, crear una nueva columna para un widget si su tema solo tiene una columna.

A veces también se equivoca, ya que inevitablemente su página también tendrá elementos dinámicos como controles deslizantes; o su tema CSS puede interferir con el widget. Es posible que deba jugar, pero en su mayor parte, funciona bien.

Incluso como desarrollador web, aprecio la facilidad de uso y la administración centralizada de scripts. Mis archivos de pie de página generalmente están llenos de código para generar scripts solo en una página en particular; esto hace que sea ridículamente fácil, limpiar los archivos de tema.

La selección de aplicaciones es bastante limitada actualmente, aunque, por supuesto, siempre puede agregar sus propias adiciones de código simples a través del módulo CodeDrop, y se prometen más aplicaciones. Me parece que desearía que esta funcionalidad se incluyera por defecto con WordPress, para todos los avances en personalización del tema, todavía nos queda el uso de la edición arcana de plantillas PHP para agregar JavaScript Fragmentos Por ahora, Filament.io llena un vacío muy necesario en la funcionalidad que muchos de nosotros ni siquiera sabíamos que existía. ¿Lo has probado? Cuéntanos tus pensamientos.