ASAP Theme: mi opinión del mejor tema Wordpress y tutorial con ejemplos

ASAP theme es el tema de Wordpress que más uso en mi día a día. Es liviano, bastante configurable y cada poco tiempo viene una actualización con muchas mejoras. Básicamente es un tema que con 2 clics puedes personalizarlo en gran detalle (y que tu web no parezca un nicho).

Si no es el mejor tema Wordpress, al menos es mi favorito. Eso lo tengo claro.

Así mismo, si ya has dado el paso definitivo de hacerte con él ¡enhorabuena! porque también te voy a explicar todo lo que necesitas saber para configurarlo al detalle.

Mi opinión de ASAP Theme después de haberlo usado durante 3 años

No me voy a andar por las ramas, ASAP Theme es mi tema favorito y el que más uso cuando creo páginas webs.

Sí, sé que puedes pensar que esto lo digo porque tengo afiliación con Fede y me interesa hablar bien de él para vendértelo a toda costa. Pero aquí van 3 motivos por los que puedes confiar en mi honestidad:

El primero es que ASAP Theme es el tema que uso en mi página web de marca personal. Es decir, si pasas la web de sergiocanales.com por cualquier herramienta que detecta los plugins y temas verás que ahora mismo, el tema activo de Wordpress es ASAP.

El segundo es que llevo ya cerca de 3 años usando este tema por elección propia, mucho antes de conocer a Fede. Abajo la evidencia.

Durante este tiempo, he estado combinando ASAP con Orbital y Wasabi. Orbital ya no lo uso porque los desarrolladores lo han dejado de lado y Wasabi me gusta también bastante para webs de afiliación, pero el hecho de tener que pasar por caja y pagar la renovación anual hace que cada vez lo use menos (especialmente si tienes varias webs).

Y finalmente, como puedes ver abajo, a día de hoy llevo más de 30 páginas webs creadas con ASAP, es decir lo uso casi por defecto en todas mis webs (bendita licencia ilimitada para usarla en tantas webs como queiras).

Por qué uso ASAPtheme

Existen muchas razones por las que me gusta mucho usar ASAP en mis nichos SEO y webs "más" profesionales. Pero si tuviera que resumirlo diría que es un tema muy completo, lo cual, cuando estás empezando es todo un punto a favor. Además, es muy fácil de usar, no necesitas apenas conocimientos previos y en una tarde te haces con él.

Resumiendo (de nuevo): es un tema muy completo y fácil de usar.

Y es que, con esta plantilla de Wordpress ya tienes los famosos clusters de contenido, la optimización WPO y la posibilidad de activar el buscador en varios sitios, entre otras opciones.

Precio y descuento de ASAP Theme

Ahora, tocando el punto que más duele, el económico, he de decir que me parece una pasada que su precio más alto, de licencia para un sitio web, sea solo de 49$.

Y digo más alto porque con cualquier cupón de afiliación se te queda en menos de 40€, o al menos es así con el cupón SERGIOCANALES (incluyendo actualizaciones y soporte para siempre).

Además, como he dicho antes, el pago es único por lo que lo pagas una vez y te olvidas de esos indeseados avisos de renovación que aparecen en nuestro correo cada 12 meses.

Cuando yo compré la licencia por primera vez, ya compré la ilimitada y eso que pensaba que iba a hacer 2 ó 3 nichos. Y ya ves, hoy voy por el numero 31.

Por otro lado, he de decir que en el momento que compras ASAP pasas a tener también soporte ilimitado de la mano de Fede Caruso, quien se implica mucho en cada ticket (contado en base a experiencia personal).

Y si esto se sabe a poco, además del soporte técnico también tienes el Club Nichero de Telegram, donde todos nos ayudamos mutuamente y compartimos las personalizaciones que hacemos co este theme WordPress.

Lo que más me gusta de ASAP Theme

Vamos dejar de lado los precios y cupones de descuento de ASAP, y vamos a centrarnos en la funcionalidad.

Mis 10 razones por las que uso ASAPtheme

Además, he de decir que el soporte de ASAP que da Fede Caruso es muy bueno, siempre me ha respondido en menos de 24 horas, y tiene un canal de Telegram bastante activo para que puedas lanzar cualquier cuestión que te quite el sueño.

Y finalmente, otra cosa que me gusta mucho es que hay tanta gente usando este tema que es muy fácil encontrar información para resolver cualquier duda o para personalizar cualquier aspecto.

Tutorial ASAP Theme

Si bien ASAP Theme es un tema muy fácil de manejar, veo que mucha gente no se toma la molestia de configurarlo. Lo instala y empieza a publicar contenido, lo cual da como resultado una página web con un aspecto muy cutre y que no rankea en las SERPs.

Para evitar que tu también caigas en este error, a continuación te explico como configurar el tema en detalle. Y así, si todavía estás pensando en comprarlo o no, puedes ver todo lo que podrías conseguir con él.

En resumen, vamos a ver todas las siguientes opciones:

Instalar ASAP Theme

Si ya has comprado tu licencia de ASAP, lo primero que tienes que hacer es instalar el tema. Para ello, debes descargar el zip que te llegue a tu correo en el momento de la compra o acceder a tu área personal en la web de ASAP, donde puedes descargarlo gratis (previo pago) en la sección de compras, seleccionando tu compra y, tras ello, haciendo clic en ASAP.

Tras ello debes ir a tu panel de Wordpress > Apariencia > Temas.

Ahí, debes hacer clic en añadir nuevo tema (Add New Theme en inglés), en el botón superior.

Tras ello, debes hacer clic en Seleccionar el archivo y seleccionar el archivo zip que descargaste de la web (también puedes arrastrarlo hacia la caja gris).

Finalmente, haz clic en Instalar y en la ventana final, haz clic Activar.

Activar la licencia de ASAP Theme

Activar la licencia de ASAP WordPress es muy sencillo pero hay gente que se equivoca con los pasos a seguir. La secuencia a seguir es:

1. Copia la licencia en el espacio de License Key.
2. Guarda los cambios.
3. Activa la licencia.

Y como una imagen vale más que mil palabras, aquí abajo te dejo la secuencia.

Cómo personalizar el tema

Una vez activada la licencia de ASAP Theme, ya tenemos la plantilla lista para configurar nuestra página web.

¡Empieza la bueno!

Y para ello, debemos ir a la sección de Personalizar, el espacio dentro del cual podemos hacer auténticas virguerías con nuestra página web.

Para ello, debemos ir a Apariencia > Personalizar.

En este momento se nos abrirá una ventana con la siguiente información:

Vamos a ver cada uno de ellos.

Identidad del sitio

Menús

Este módulo nos permite crear y gestionar los menús de navegación de tu sitio. Podemos crear varios menús y asignarlos a diferentes áreas de tu plantilla, como la parte superior, configurando así el menú principal de tu web. También podemos añadir enlaces personalizados, páginas, categorías y etiquetas a tus menús.

Widgets

Los widgets son bloques de contenido que podemos añadir a áreas específicas de tu sitio, como barras laterales, pies de página, etc. En este sentido, el módulo de Widgets nos permite gestionar y personalizar los widgets disponibles en tu tema.

Yo por ejemplo lo uso para crear un footer personalizado, como ves abajo.

ASAP-Theme options

Este módulo proporciona opciones adicionales de personalización específicas del tema ASAP. Aquí podemos configurar diferentes aspectos de la apariencia y funcionalidad de nuestro sitio utilizando estas opciones, como colores, fuentes, diseño de página, etc.

Vamos a ver las principales funcionalidades de este área.

Apariencia

Colores

Módulo con el que especificamos los colores de los encabezados, enlaces, texto de la web, botones y otros tantos elementos que puedes colorear.

Tipografías

Aquí puedes especificar las fuentes a usar, tanto en la familia como en el tamaño. No obstante, si ninguna de las fuentes te gusta, aquí te explico como subir fuentes a Wordpress manualmente para usar las que tu prefieras.

Barra lateral o sidebar

La barra lateral del Theme ASAP es diferente a la de otros temas WordPress y mucho más potente que la que vemos por defecto en los Widgets.

Buscador

Módulo con el que puedes configurar un espacio para que el usuario pueda hacer búsquedas en tu web. Déjame decirte que esto es muy importante ya que con ello puedes medir con Google Analytics 4 qué busca la gente en tu web.

Migas de pan

Además, algo muy bueno que tiene trabajar las migas de pan con el tema ASAP es que te genera los datos estructurados para el schema breadcrumb, lo cual es otro pequeño punto positiva que ayuda a tu web.

Índices de contenidos

El índice de contenido no es más que el clásico table of contents que todos conocemos y que puedes configurar automáticamente tanto entradas como en páginas. Así mismo, aquí yo siempre activo la opción Scroll Suave, que hace que cuando haces clic en un jump link, desciende suavemente en lugar de pegar un salto brusco.

Botones sociales

De nuevo, los botones sociales serán importantes o no dependiendo del tipo de web. Si estás escribiendo un blog en el que puede que la gente comparta los artículos, está bien activarlos. Pero si es un nicho de trámites (por decir uno) no le veo mucho sentido.

En caso de activarlos tienes 3 opciones:

Datos estructurados

ASAPtheme es una plantilla Wordpress ya optimizada de cara a los datos estructurados para que te genere el schema correspondiente de manera automática con la info de tu web.

Tras ello, una vez escrito un artículo, basta pasar tu web por validator.schema.org para ver cómo se te han generado automáticamente los schemas correspondientes:

Velocidad de carga

La optimización y el WPO es bastante importante en la configuración de la web (no tanto como Google nos quiere hacer pensar, pero lo es). Y lo bueno es que con el tema ASAP, podemos dejarla casi perfecta con un par de clics. Aquí abajo te dejo 2 capturas de esta misma URL por si quieres comprobarlo tu mismo:

Velocidad de carga theme asap en móvil

Velocidad de carga theme asap en ordenador

A continuación, te indico la configuración que yo dejo por defecto en las webs (y luego si crece mucho el proyecto le meto perfmatters y deshabilito algunas opciones de aquí).

Importar y Exportar

Este módulo te permite exportar la configuración de ASAP y llevártelo a otra web.

ASAP Theme - publicidad y Analytics

Como indica su nombre, este módulo nos permite integrar fácilmente códigos de seguimiento y publicidad en tu sitio web. Podemos añadir códigos de Google Analytics u otros servicios de análisis, así como códigos de anuncios de Google AdSense en Wordpress u otros programas publicitarios.

Administrador de anuncios

Ajustes de la página de inicio en tema ASAP

En esta sección de ASAP Theme es donde elegimos la página de inicio de nuestro sitio. Es decir, la que se verá cuando un usuario llegue a la portada, home o landing de nuestro sitio web.

Puedes elegir entre mostrar tus últimas entradas de blog o una página estática como página de inicio.

Y aquí es donde falla mucha gente, ya que marcan la opción de entradas de blog, de forma que cuando llega un usuario solo ve un listado de entradas sin ningún sentido. No hay ninguna propuesta de valor ni nada que explique de que habla nuestro portal.

Estamos desaprovechando una oportunidad de oro para decirle a los usuarios y a Google de qué trata nuestro sitio web.

CSS adicional

Este módulo te permite añadir estilos CSS personalizados a tu sitio sin necesidad de editar directamente los archivos de tu tema. Puedes escribir reglas CSS adicionales aquí para personalizar aún más el aspecto y la disposición de tu sitio. Esto es útil si quieres hacer ajustes estéticos o de diseño que no están cubiertos por las opciones de personalización del tema.

Y llegados a este punto, quizá pareciera que con esto ya hemos terminado con la configuración de ASAP, pero lo cierto es que podemos hacer muchas más virguerías con este tema Wordpress.

Personalización de entradas

Como ya he comentado al principio, una cosa que me gusta mucho de ASAP Theme es que te permite personalizar las entradas de tu web de manera granular. Es decir, realizar modificaciones URL por URL sin necesidad de tocar código.

Por ejemplo, yo en la home, tengo deshabilitado el menú principal y el H1 que viene por defecto. Y esto lo tengo así solo en la home, lo cual puedo hacer a golpe de clic.

Para ello, tienes que descender en el modo edición, hasta una sección que se llama ASAP - Opciones de entrada.

Otras opciones interesantes que podemos hacer en esta sección son:

Mención especial merecen los espacios reservados para introducir códigos específicos en el header y footer. Si trabajas con Datos Estructurados (y deberías hacerlo) esto es vital para meter aquellos específicos en una URL concreta.

Así mismo, la zona reservada para meter el anchor de los clusters me parece muy bueno, especialmente si trabajas con WP All Import y haces importaciones masivas en tu página web. En caso de que no sepas que hablo, me refiero al texto que acompaña la imagen clicable que te lleva a un post.

Sí, es cierto que puedes editarlos manualmente cada vez que creas un cluster, pero si ya lo puedes dejar configurado, mejor que mejor.

Personalización de páginas

Además de la personalización de entradas, ASAP Theme también nos permite personalizar las páginas, con algunas variantes. De nuevo, poder operar a tal nivel de precisión me parece una auténtica pasada.

Optimizar el tiempo de carga de AdSense

Una de las mejoras que ha traída la última versión de este plugin WordPress, es la posibilidad de retrasar la ejecución de los Javascript hasta que se produzca una acción por parte del usuario. Y, entre dichos archivos JS, podemos especificar que se retrase la ejecución de los archivos de AdSense (algo vital si eres nichero).

Para ello, tienes que ir al panel del plugin > Rendimiento > Optimizar JS y ahí seleccionas la opción de Optimizar Google AdSense.

De hecho, esta configuración no solo aplica un Delay al archivo JavaScript, sino que también ejecuta una precarga de los recursos necesarios para que tarden menos al ser llamados.

Configuración de clusters de navegación

Vamos ya con los famosos clusters de contenido, esas agrupaciones que tan famosas hizo Romuald Fons con el tema de Orbital y que tanto tiempo llevamos usando.

En caso de que no lo sepas, un cluster SEO o cluster de navegación es una agrupación de contenidos en torno a una temática. Por ejemplo, imagina que queremos agrupar todas las URLs en las cuales hablo de la herramienta Screaming Frog.

Pues bien, simplemente tengo que ir a mi entrada en Wordpress y añadir el elemento Categorización.

Tras ello, selecciono el elemento con el que voy a crear el cluster, en mi caso es en base a una categoría.

Y finalmente selecciono la categoría, que en este caso es Screaming Frog.

Y listo, ya tengo creado mi cluster de contenidos con el que mostrar entradas relacionadas a una temática para mejorar la experiencia de usuario y generar más páginas vistas.

Como ves en la imagen de abajo, el anchor que aparece es, por defecto, el H1 de cada artículo, lo cual yo puedo editar manualmente o como te indiqué desde la personalización de cada entrada (o actualizar masivamente con WP All Import).

¿Y donde está la gracia de trabajar de esta forma?

Pues mas allá del hecho de que creamos grids de contenidos con sus imágenes y textos ancla sin tener que hacerlos manualmente, el gran punto fuerte aquí está en que actualizaremos este grid de forma dinámica.

Es decir, si yo publico una nueva entrada de esta categoría, automáticamente va a aparecer en el cluster sin que yo tenga que hacer nada.

Y esto nos ahorra una cantidad de tiempo enorme.

Crear un cluster de tipo lista

Para crear un cluster con ASAP de tipo lista tienes que seguir los pasos antes indicados pero en el menú lateral derecho indicar que solo haya una columna. Tras ello debes aplicar el CSS siguiente:

.article-loop {padding-bottom: 10px}
.article-loop .article-content{display:none}
.article-loop span{
	text-align:left!important;
	margin-bottom: 5px!important;
}
.article-loop a{text-decoration:none}
.content-cluster {box-shadow: 3px 3px 2px #001E40;
background: #C2F9D7}

Home en ancho completo con ASAP

De nuevo, si queremos hacer una home con un diseño profesional, propia de un portal para que nuestra web no parezca un nicho cutre y rápido, debemos crear una página de inicio que transmita seriedad y profesionalidad.

Y esto lo podemos conseguir creando una home con un above de fold a ancho completo que muestre bien el nombre de nuestra web, con su logo y una propuesta de valor con la que el usuario pueda entender en menos de un minuto el beneficio que le aportará nuestra web.

Para tal misión, ASAP nos da 2 opciones con las que crear una home con ancho completo.

La primera opción es a través de la configuración de Diseño de encabezado, en la sección de ASAP que verás en la zona inferior de cada entrada. Solo tenemos que elegir la opción de Destacado con buscador o sin buscador, y listo.

Esto lo que hace es crear una cabecera de ancho completo.

Además si has seleccionado una imagen destacada para tu artículo la configurará de fondo, tal y como ves a continuación.

Ahora, ¿Qué pasa si queremos personalizar al máximo nuestra cabecera?

En este caso lo que tenemos que hacer es crear un bloque llamado fondo (o cover en inglés).

Tras ello, indicamos que el fondo sea a ancho completo.

Ahora, este espacio está a ancho completo y podemos meter lo que queramos dentro. Por ejemplo, un bloque de columnas (lo cual encontramos si escribimos "/col").

Yo por ejemplo, he metido un bloque de 4 columnas, 2 vacías a modo de margen y 2 centrales con la información.

Así mismo, podemos especificar si en el fondo queremos un color o una imagen.

Y si los colores que te muestra no te gustan, puedes escoger el que tu prefieras desde la sección de superposición, donde además, puedes elegir el nivel de transparencia y opacidad.

Si quieres saber más sobre esto, aquí te explico como poner una imagen de fondo en WordPress.

Conclusión

Como ya habrás visto, ASAP Theme es un tema de Wordpress todo en uno con el que puedes personalizar tu sitio web en poco tiempo, tanto en su estética, como la inserción de códigos o su performance.

Y lo mejor de todo es que cuando ya tienes tu plantilla configurada la puedes replicar en todos tus sitios webs, cambiando solo los colores y listo.