TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

10 consejos para personalizar el tema de Astra

24

Astra es uno de los temas más populares disponibles en el repositorio de temas gratuito de WordPress. Hay más de 1 millón de instalaciones activas con casi 5 estrellas de 5K + usuarios. Puede encontrar fácilmente este tema en la categoría "Popular" cuando intente instalar un tema desde el panel de administración. Si está utilizando el tema Astra gratuito con el complemento Pro, aquí hay algunos consejos para personalizar el tema y llevar su sitio al siguiente nivel.

10 consejos para personalizar el tema de Astra

Astra ofrece la mayoría de las personalizaciones a través de la sección "Apariencia> Personalizar" similar a cualquier otro tema estándar de WordPress. Sin embargo, puede perderse fácilmente con cientos de opciones disponibles. Además, también hay complementos adicionales y cambios de diseño posibles con el tema Astra. Aquí, enumeraremos los 10 mejores consejos para personalizar el tema Astra.

10 consejos para personalizar el tema de Astra

Tema libre de Astra

1 Descargar páginas de diferentes plantillas de inicio

Sabrá que Astra ofrece Plantillas de inicio como un complemento separado. Puede utilizar este complemento para instalar una de las plantillas de inicio predefinidas en lugar de crear desde cero. Sin embargo, si le gustan varias plantillas, es fácil obtener solo páginas particulares de esa demostración. Por ejemplo, puede elegir la página "Contacto" de una demostración y la página "Acerca de nosotros" de otra demostración.

  • Después de activar el complemento Astra Pro, verá una notificación de administrador en el complemento y otras secciones para usar las plantillas de inicio. Haga clic en el botón "Comenzar" para instalar el complemento Plantilla de inicio. Alternativamente, puede buscar e instalar el complemento desde la sección del repositorio de complementos de WordPress.

10 consejos para personalizar el tema de Astra

Instalar el complemento de plantilla de inicio de Astra

  • Cuando ve las plantillas de demostración, puede ver dos opciones.

10 consejos para personalizar el tema de Astra

Importar plantilla de página única en Astra

  • Puede importar la plantilla completa o importar las plantillas de página seleccionadas. De esta manera, puede importar solo las páginas que le gustan de diferentes plantillas de demostración.
  • Verá un mensaje que le informará que los complementos adicionales necesarios para las plantillas de página se instalarán cuando importe la plantilla.
  • Continuar importará la plantilla de página y verá un mensaje de éxito como el siguiente.

10 consejos para personalizar el tema de Astra

Plantilla de página importada correctamente

  • Del mismo modo, elija diferentes plantillas de diferentes demostraciones para importar en su sitio.

Nota: Le recomendamos que elija plantillas para el mismo creador de páginas como Gutenberg o Elementor. Esto le ayudará a evitar la instalación de varios complementos en su sitio. Todas las plantillas de página importadas estarán en estado de borrador, debe editar el contenido y publicar las páginas.

2 Agregue Yoast SEO o Rank Math Breadcrumb

En la mayoría de los casos, utilizará el complemento Yoast SEO con el tema Astra para fines de optimización de motores de búsqueda. Una de las molestias con Yoast es que ha editado manualmente el archivo de plantilla del tema (principalmente single.php o header.php) para insertar ruta de navegación. Sin embargo, el tema Astra resuelve este problema ofreciendo esta opción en el personalizador. Vaya a la sección "Apariencia> Personalizar" y seleccione la posición de su ruta de navegación en la sección "Ruta de navegación". Haga clic en el menú desplegable "Breadcrumb Source" y elija la opción "Yoast SEO Breadcrumbs".

10 consejos para personalizar el tema de Astra

Insertar ruta de navegación matemática de Yoast o Rank

Del mismo modo, también puede elegir la opción de ruta de navegación del complemento Rank Math en el menú desplegable de fuentes si está utilizando ese complemento. Esta es una manera fácil de hacer uso de la ruta de navegación existente del complemento sin editar el archivo del tema.

Relacionado: GeneratePress premium Vs Astra Pro: ¿Cuál es el mejor tema para ti?

3 Inserte etiquetas en la parte inferior

Los siguientes consejos sobre el tema de Astra son para aquellos que desean cambiar la ubicación de visualización de etiquetas en publicaciones de blog individuales. De forma predeterminada, el tema Astra le permite insertar meta detalles de la publicación debajo del título. Puede habilitar o deshabilitar meta detalles como categorías, etiquetas, fecha de publicación, autor y comentarios.

10 consejos para personalizar el tema de Astra

Visualización de etiquetas en Astra

Muchos blogueros de WordPress usan múltiples etiquetas para agrupar las publicaciones. En este caso, mostrar todas las etiquetas debajo del título de la publicación puede ocupar espacio y parecer congestionado. Puede mover fácilmente las etiquetas debajo del contenido insertando el siguiente código en su archivo functions.php. Asegúrese de usar el tema hijo de Astra e inserte el código en el archivo functions.php de su tema hijo.

// removes the tags in meta below the title add_filter( 'astra_post_tags', 'remove_tags_callback' ); function remove_tags_callback(){ return ' '; } add_action('wp', 'tags_call_back'); function tags_call_back(){ if( is_single()) { add_action( 'astra_entry_bottom', 'add_tags_callback'); } } // display the tags with link at the respective action hook function add_tags_callback(){ $output = ''; $tags_list = get_the_tag_list( '', __( ', ', 'astra') ); if ($tags_list) { $output .= ''. $tags_list. ''; } if(! empty($tags_list)) { echo 'Tags: '. $output. ''; } }

4 Mostrar la fecha de la última actualización

El tema Astra ofrece una opción para mostrar u ocultar la fecha de publicación en las publicaciones de su blog y las páginas de archivo. Sin embargo, muchos blogueros prefieren mostrar la última fecha actualizada en lugar de la fecha de publicación original como metadatos. Primero deshabilite la opción de fecha publicada e inserte el siguiente código en su archivo functions.php para mostrar la última fecha actualizada.

function your_prefix_post_date( $output) { $output = ''; $format = apply_filters( 'astra_post_date_format', '' ); $modified_date = esc_html( get_the_modified_date( $format) ); $modified_on = sprintf( esc_html( '%s' ), $modified_date ); $output .= ''; $output .= ' '. $modified_on. ''; $output .= ''; return $output; } add_filter( 'astra_post_date', 'your_prefix_post_date' );

De forma predeterminada, WordPress le permite usar una sola barra lateral en todo su sitio. sin embargo, este puede no ser el caso de uso para todos los propietarios de sitios. Es posible que tenga categorías completamente diferentes y desee mostrar diferentes barras laterales para cada categoría. Vaya a la sección "Apariencia> Opciones de Astra" y desplácese hacia abajo hasta la sección "Extender Astra con complementos gratuitos".

10 consejos para personalizar el tema de Astra

Complemento del administrador de la barra lateral

Haga clic en el enlace "Activar" junto a "Administrador de la barra lateral". Esto instalará y activará el complemento en su sitio y navegará a la página "Configuración" del complemento. Aquí puede crear una nueva barra lateral y reemplazar su barra lateral predeterminada. Haga clic en el menú desplegable "Mostrar en" y seleccione "Páginas / publicaciones / taxonomías específicas, etc." opción. Luego, elija "Todos los singulares de su categoría" para mostrar la barra lateral solo para esa categoría en particular.

10 consejos para personalizar el tema de Astra

Barra lateral personalizada para categorías específicas

6 Desactivar la carga de archivos de iconos de fuentes

El tema Astra usa un archivo de fuente para usar en los íconos de navegación. Este archivo puede crear problemas como solicitudes de clave de precarga y cambio de diseño acumulativo en la herramienta Google PageSpeed ​​Insights. Puede deshabilitar fácilmente el archivo de fuente en su sitio agregando el siguiente código en el archivo functions.php de su tema hijo.

add_filter( 'astra_enable_default_fonts', '__return_false' );

7 Almacenamiento en caché de WooCommerce

Si está utilizando WooCommerce, en la mayoría de los casos no funcionará de manera receptiva con el tema Astra cuando se use con complementos de almacenamiento en caché como WP Rocket. Esto creará problemas en los dispositivos móviles, ya que las páginas del producto y la tienda se cargarán de manera similar al escritorio. Puede consultar nuestro artículo sobre cómo excluir las páginas de WooCommerce del almacenamiento en caché para asegurarse de que las páginas de su tienda se carguen correctamente en los dispositivos móviles.

8 Generador de encabezados y pies de página

El último complemento profesional tiene un hermoso generador de encabezados y pies de página. Puede utilizar estas opciones para crear sus diseños de encabezado y pie de página según sus necesidades. Después de activar el complemento Pro, navegue a la sección "Apariencia> Personalizar" y comience a construir sus secciones de construcción de encabezado y pie de página.

10 consejos para personalizar el tema de Astra

Creador de encabezados de tema Astra

Además, también puede activar la opción "Encabezados de página" en la sección "Apariencia> Opciones de Astra". Esto le ayudará a crear encabezados de página individuales o para todo el sitio en la sección "" Apariencia> Opciones de Astra> Encabezados de página> Agregar nuevo ".

10 consejos para personalizar el tema de Astra

Generador de encabezados de página en Astra

9 Utilice el complemento Hooks para insertar código

Los siguientes consejos sobre el tema de Astra son para aquellos interesados ​​en insertar fragmentos de código en su sitio. Los usuarios de temas profesionales pueden usar la opción Diseño personalizado para insertar Google Analytics y otras inserciones de diseño. Si es un usuario de tema gratuito, debe instalar los complementos de Astra Hooks para insertar código en la sección de encabezado y pie de página.

10 consejos para personalizar el tema de Astra

Complemento Astra Hooks

Después de instalar y activar el complemento "Astra Hooks", agregará automáticamente opciones adicionales en la sección del personalizador de WordPress en la sección "Hooks". Puede insertar códigos de todo el sitio en el encabezado, pie de página, barra lateral, comentario o área de contenido.

10 consejos para personalizar el tema de Astra

Uso de ganchos Astra

Relacionado: Los 7 temas principales de la cartera de WordPress.

10 Utilice un diseño personalizado para insertar secciones

Los usuarios profesionales pueden usar la función de diseño personalizado para insertar contenido HTML y de script en cualquier lugar del sitio sin el complemento Astra Hooks. Después de activar la opción "Diseños personalizados", puede crear una sección de diseño e insertarla según las reglas. Puede insertar el código de Google Analytics mediante la acción wp_head. Asegúrese de hacer clic en el botón "Editor de código de WordPress" en la barra de administración superior al insertar códigos. Esto le ayudará a utilizar comillas simples y dobles adecuadas en su código.

Además, puede insertar secciones personalizadas en cualquier publicación o página después de cierto número de bloques o antes de cierto número de bloques de encabezado. Esto es útil para insertar anuncios o banners de afiliados en una posición predefinida en el diseño de su sitio.

10 consejos para personalizar el tema de Astra

Crear diseño personalizado en el tema Astra

Ultimas palabras

La belleza del tema Astra es que agrega menos de 50 KB de tamaño cuando se carga en el navegador. Sin embargo, no significa que deba vivir con un sitio simple y minimalista de WordPress. Puede usar ganchos o diseños personalizados e importar plantillas de inicio para crear sitios hermosos como cualquier otro tema comercial de WordPress.

Fuente de grabación: www.webnots.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More