• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal
  • Saltar al pie de página

Diseñador web WordPress Freelance

Diseño web, WordPress y Marketing Online

  • Inicio
  • Portfolio
  • Blog
  • Contacto

SEO, Wordpress · 31 marzo, 2016

Personalizar AMP en WordPress

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»

AMP WordPress

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:

Opciones AMP

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:

Facebook Instant Articles WordPress

 

Las opciones «Analytics» y «Ads» nos permiten conectar con herramientas como Google Analytics o Ad-Sense, entre otras.

Analitics - Adsense AMP

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.

Settings AMP

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 😉

 

Comparte si crees que le puede servir de ayuda alguien.

Publicado en: SEO, Wordpress

Diego Fresno

Diego Fresno López

Diseñador web freelance especializado en WordPress y Genesis.

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

diegofresno.com te informa que los datos de carácter personal que me proporciones rellenando el presente formulario serán tratados por Diego Fresno López como responsable de esta web.
La finalidad de la recogida y tratamiento de los datos personales que te solicito es para gestionar los comentarios que realizas en este blog.
Legitimación: Consentimiento del interesado.El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud.

  • Como usuario e interesado te informo que los datos que me facilitas estarán ubicados en los servidores de Raiola (proveedor de hosting de diegofresno.com) dentro de la UE. Ver política de privacidad de Raiola.
  • Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en hola@diegofresno.com así como el derecho a presentar una reclamación ante una autoridad de control.
    Puedes consultar la información adicional y detallada sobre Protección de Datos en mi página web: https://diegofresno.com, así como consultar mi política de privacidad.

Barra lateral principal

Últimas Entradas

Filtrar spam en Analytics

Cómo filtrar el spam de Analytics

Crear custom post types

Crear custom post types en WordPress

Pasar WordPress a SSL

Añadir áreas de widget personalizadas en WordPress

Añadir un nuevo área de widgets personalizado en WordPress

Importar y exportar widgets en WordPress

Importar y exportar widgets en WordPress

Suscríbete al blog

Footer

diegofresno.com Diseño web y Marketing Online Av. Argentina, 132. Oficina 239 33213 Gijón Asturias

  • Inicio
  • Portfolio
  • Blog
  • Contacto
  • Facebook
  • LinkedIn
  • Aviso Legal
  • Políticas de privacidad
Google ârtner Diego Fresno
DMCA.com Protection Status