Nunca vuelvas a tocar el código Filament.io, para no desarrolladores en todas partes

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 de 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 pulsa el botón de registro. Tendrá que crear un inicio de sesión, pero las cuentas de Facebook y Google se pueden usar para un acceso rápido con un solo 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 provisto ya que le permite un control más preciso sobre qué tipo de páginas tiene la funcionalidad de filamento (por ejemplo, solo las publicaciones y no estáticas). páginas).

En el siguiente paso, la pantalla de registro de Filamento le dará un breve fragmento de código de JavaScript: péguelo en la página de configuración del complemento. ¡Podría ser el último bit de código JavaScript que necesitarás! Puede usar Filamento 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 llamados Flare. En la vista previa del sitio, vaya a una publicación..

Desde la barra lateral, pulsa. Nuevo para abrir las opciones Flare. Flare es un encantador conjunto personalizado de botones para compartir que se ven mucho mejor que los botones estándar provistos por la red que probablemente vea al lado de este artículo. Se incluye un logotipo de marca que puede eliminarse 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. Adelante y agrégalo a Todos mis posts.

Luego tendrás otro conjunto de filtros para personalizar; Estos son habilitados por el plugin de WordPress. Como desarrollador, estoy acostumbrado a las secuencias de comandos circundantes en varias cláusulas de PHP if (¿No estás seguro de lo que son? Lee nuestra Guía de Principiantes de PHP), pero realmente puedo apreciar el poder de estos filtros para aquellos que no conocen la detección del tipo de página de WordPress.

En un nivel técnico, el complemento de WordPress agrega un conjunto de metaetiquetas a la salida de su página que le indica 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á que hacer clic Publicar antes de que se envíen los cambios a su sitio, y pueden tardar unos minutos en aparecer, así que no se asuste si no está visible de inmediato.

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

Al momento de escribir este artículo, hay 6 aplicaciones en total disponibles:

• Llamarada, un plugin de marcadores sociales.
• Hiedra, que permite a los usuarios compartir fácilmente citas que destacan 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 el nivel social en este momento)
• MailChimp es una suscripción al excelente servicio de listas de correo (que por cierto, es gratuito para un máximo de 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 para comprender sus datos analíticos..
• Finalmente, CodeDrop te permite administrar cualquier otro fragmento de código que hayas recibido en otro lugar.

Desde el panel de control, 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 averiguar el posicionamiento exacto 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..

También a veces se equivocan, ya que inevitablemente su página también tendrá elementos dinámicos, como los controles deslizantes; o su tema CSS puede interferir con el widget. Puede que necesites jugar, pero en su mayor parte, funciona bien.

Incluso como desarrollador web, aprecio la facilidad de uso y la administración central de scripts. Por lo general, los archivos de mi pie de página están llenos de código para generar secuencias de comandos en una página en particular;.

La selección de aplicaciones es bastante limitada en la actualidad, aunque, por supuesto, siempre puede agregar sus propias adiciones de código simple a través del módulo CodeDrop, y hay más aplicaciones prometidas. Me gustaría que esta funcionalidad se incluyera de manera predeterminada con WordPress. Para todos los avances en la personalización del tema, aún nos queda el uso de la edición de plantillas PHP arcanas para agregar fragmentos de código JavaScript. Por ahora, Filament.io llena un agujero muy necesitado en la funcionalidad que muchos de nosotros ni siquiera sabíamos que existía. ¿Le has dado una oportunidad? Cuéntanos tus pensamientos.

Explorar más sobre: ​​JavaScript, Wordpress.