En este artículo veremos cómo crear una portada personalizada totalmente a medida usando los shortcodes del diseño diario.
Lo primero que tenemos que hacer es crear una Página y colocarla como página principal.
Para hacerlo, vamos a Ajustes – Lectura:
En la opción de Tu página de inicio muestra, seleccionamos Una página estática, y luego elegimos como página estática la página en blanco que acabamos de crear.
Luego, debemos activar el diseño diario.
Para hacerlo, vamos a Personalizar – Asap Theme Opciones – Opciones de portada:
Los shortcodes del diseño diario
Ahora sí, estamos listos para crear nuestra portada personalizada a medida.
Para ello, debes saber que hay diferentes shortcodes del diseño diario que puedes usar para crearla, y los puedes encontrar en las opciones del diseño diario del personalizador de WordPress.
Veamos para qué sirven cada uno de ellos:
[asap_featured_posts] mostrará los artículos resaltados.
[asap_latest_posts] mostrará los últimos artículos publicados independientemente de su categoría.
[asap_home_categories] mostrará una caja con las categorías que selecciones y sus últimos artículos.
[asap_home_tags] mostrará una caja con las etiquetas que seleccionesy sus últimos artículos.
[asap_home_cat_id=»X»] mostrará una caja con la categoría que hayas seleccionado y sus últimos artículos. Debes cambiar X por el ID de la categoría que quieres mostrar.
[asap_home_tag_id=»X»] mostrará una caja con la etiqueta que hayas seleccionado y sus últimos artículos. Debes cambiar X por el ID de la categoría que quieres mostrar.
Cada una de estas secciones puede configurarse desde las opciones generales del diseño diario.
Si quieres conocer cómo configurar cada uno de estos elementos haz clic aquí.
Creando una página principal personalizada a medida
Con estos shortcodes podemos crear una página principal personalizada totalmente a medida.
Para ello, editamos la página que colocamos al principio como página principal y allí podemos ir colocando los shortcodes a gusto.
Por ejemplo:
De esta forma podemos usar los shortcodes para colocar cada elemento del diseño diario por separado, y agregando otros elementos en medio como textos, listas, anuncios, ¡lo que nosotros querramos!
Por último, para que los diseños se muestren correctamente, es necesario cargar el CSS del diseño diario para esa página en específico.
Para ello, editamos la página y vamos abajo de todo a las opciones de Asap Theme, y nos encontraremos con esta:
Una vez que la activemos, ya se mostrará correctamente el diseño estilo periódico.
Y conseguir un resultado como éste.