Hoy vamos a ver cómo personalizar AMP en WordPress para que nuestra web luzca como queramos en éste nuevo formato.
En el anterior post habíamos visto cómo habilitar AMP en WordPress, así que ahora nos toca personalizarlo a nuestro gusto.
Para ello vamos a utilizar el plugin Facebook Instant Articles & Google AMP Pages de PageFrog.
Es un plugin muy sencillo de utilizar y que nos ofrece un nivel de optimización bastante aceptable. Supongo que a medida que la tecnología AMP vaya evolucionando podremos personalizar más cosas.
Instalamos el plugin y vemos que tenemos un menú nuevo llamado “Mobile Formats”
También vemos que la personalización nos sirve para Google AMP HTML (viene marcada por defecto), para Facebook Instant Article y próximamente para Apple News Format.
En el caso de Facebook Instant Article, le dais a “Begin Setup” os llevará a éste enlace, rellenáis los datos y seguís las instrucciones.
Vamos a ver las opciones de personalización del plugin. Si vamos a la opción “Styling” nos aparece esto:
Básicamente lo que podemos cambiar son los colores y el tipo de letra (“Serif” o “Sans-serif”).
Article Head:
Nos da opción de subir un logo y poner una línea separadora o una barra entre la cabecera y el contenido. También podemos cambiar el color y el tipo de letra del título.
Article Body:
Podemos cambiar color y tipo de letra de los encabezados, de los párrafos y de las citas. También podremos configurar si queremos los enlaces subrayados o no.
Article Footer:
Aquí elegimos el color y el tipo de letra del pie de página.
Hay que tener en cuenta que para previsualizar los cambios hay que guardar.
En la parte derecha podemos elegir el artículo a visualizar y si queremos la previsualización para Facebook Instant Articles o para AMP HTML:
Las opciones “Analytics” y “Ads” nos permiten conectar con herramientas como Google Analytics o Ad-Sense, entre otras.
Por último, en la opción “Settings” podremos elegir si queremos aplicar los cambios a las entradas, páginas o a diferentes custom post types que podáis tener.
Y ya está!. Como véis, es una manera fácil y rápida de poder personalizar AMP en WordPress.
¿Necesitas más ayuda?
Si quieres seguir aprendiendo o necesitas mi ayuda, puedes:
- Contactar para ver cómo puedo ayudarte.
- Suscribirte para no perderte ninguna de mis publicaciones.
- Si quieres comentar, adelante, te responderé encantado.
Muchas gracias por leerme 😉
Deja un comentario