/** * Related Posts Loader for Astra theme. * * @package Astra * @author Brainstorm Force * @copyright Copyright (c) 2021, Brainstorm Force * @link https://www.brainstormforce.com * @since Astra 3.5.0 */ if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly. } /** * Customizer Initialization * * @since 3.5.0 */ class Astra_Related_Posts_Loader { /** * Constructor * * @since 3.5.0 */ public function __construct() { add_filter( 'astra_theme_defaults', array( $this, 'theme_defaults' ) ); add_action( 'customize_register', array( $this, 'related_posts_customize_register' ), 2 ); // Load Google fonts. add_action( 'astra_get_fonts', array( $this, 'add_fonts' ), 1 ); } /** * Enqueue google fonts. * * @return void */ public function add_fonts() { if ( astra_target_rules_for_related_posts() ) { // Related Posts Section title. $section_title_font_family = astra_get_option( 'related-posts-section-title-font-family' ); $section_title_font_weight = astra_get_option( 'related-posts-section-title-font-weight' ); Astra_Fonts::add_font( $section_title_font_family, $section_title_font_weight ); // Related Posts - Posts title. $post_title_font_family = astra_get_option( 'related-posts-title-font-family' ); $post_title_font_weight = astra_get_option( 'related-posts-title-font-weight' ); Astra_Fonts::add_font( $post_title_font_family, $post_title_font_weight ); // Related Posts - Meta Font. $meta_font_family = astra_get_option( 'related-posts-meta-font-family' ); $meta_font_weight = astra_get_option( 'related-posts-meta-font-weight' ); Astra_Fonts::add_font( $meta_font_family, $meta_font_weight ); // Related Posts - Content Font. $content_font_family = astra_get_option( 'related-posts-content-font-family' ); $content_font_weight = astra_get_option( 'related-posts-content-font-weight' ); Astra_Fonts::add_font( $content_font_family, $content_font_weight ); } } /** * Set Options Default Values * * @param array $defaults Astra options default value array. * @return array */ public function theme_defaults( $defaults ) { // Related Posts. $defaults['enable-related-posts'] = false; $defaults['related-posts-title'] = __( 'Related Posts', 'astra' ); $defaults['releted-posts-title-alignment'] = 'left'; $defaults['related-posts-total-count'] = 2; $defaults['enable-related-posts-excerpt'] = false; $defaults['related-posts-excerpt-count'] = 25; $defaults['related-posts-based-on'] = 'categories'; $defaults['related-posts-order-by'] = 'date'; $defaults['related-posts-order'] = 'asc'; $defaults['related-posts-grid-responsive'] = array( 'desktop' => '2-equal', 'tablet' => '2-equal', 'mobile' => 'full', ); $defaults['related-posts-structure'] = array( 'featured-image', 'title-meta', ); $defaults['related-posts-meta-structure'] = array( 'comments', 'category', 'author', ); // Related Posts - Color styles. $defaults['related-posts-text-color'] = ''; $defaults['related-posts-link-color'] = ''; $defaults['related-posts-title-color'] = ''; $defaults['related-posts-background-color'] = ''; $defaults['related-posts-meta-color'] = ''; $defaults['related-posts-link-hover-color'] = ''; $defaults['related-posts-meta-link-hover-color'] = ''; // Related Posts - Title typo. $defaults['related-posts-section-title-font-family'] = 'inherit'; $defaults['related-posts-section-title-font-weight'] = 'inherit'; $defaults['related-posts-section-title-text-transform'] = ''; $defaults['related-posts-section-title-line-height'] = ''; $defaults['related-posts-section-title-font-size'] = array( 'desktop' => '30', 'tablet' => '', 'mobile' => '', 'desktop-unit' => 'px', 'tablet-unit' => 'px', 'mobile-unit' => 'px', ); // Related Posts - Title typo. $defaults['related-posts-title-font-family'] = 'inherit'; $defaults['related-posts-title-font-weight'] = 'inherit'; $defaults['related-posts-title-text-transform'] = ''; $defaults['related-posts-title-line-height'] = '1'; $defaults['related-posts-title-font-size'] = array( 'desktop' => '20', 'tablet' => '', 'mobile' => '', 'desktop-unit' => 'px', 'tablet-unit' => 'px', 'mobile-unit' => 'px', ); // Related Posts - Meta typo. $defaults['related-posts-meta-font-family'] = 'inherit'; $defaults['related-posts-meta-font-weight'] = 'inherit'; $defaults['related-posts-meta-text-transform'] = ''; $defaults['related-posts-meta-line-height'] = ''; $defaults['related-posts-meta-font-size'] = array( 'desktop' => '14', 'tablet' => '', 'mobile' => '', 'desktop-unit' => 'px', 'tablet-unit' => 'px', 'mobile-unit' => 'px', ); // Related Posts - Content typo. $defaults['related-posts-content-font-family'] = 'inherit'; $defaults['related-posts-content-font-weight'] = 'inherit'; $defaults['related-posts-content-text-transform'] = ''; $defaults['related-posts-content-line-height'] = ''; $defaults['related-posts-content-font-size'] = array( 'desktop' => '', 'tablet' => '', 'mobile' => '', 'desktop-unit' => 'px', 'tablet-unit' => 'px', 'mobile-unit' => 'px', ); return $defaults; } /** * Add postMessage support for site title and description for the Theme Customizer. * * @param WP_Customize_Manager $wp_customize Theme Customizer object. * * @since 3.5.0 */ public function related_posts_customize_register( $wp_customize ) { /** * Register Config control in Related Posts. */ // @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound require_once ASTRA_RELATED_POSTS_DIR . 'customizer/class-astra-related-posts-configs.php'; // @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound } /** * Render the Related Posts title for the selective refresh partial. * * @since 3.5.0 */ public function render_related_posts_title() { return astra_get_option( 'related-posts-title' ); } } /** * Kicking this off by creating NEW instace. */ new Astra_Related_Posts_Loader(); Optimización de la experiencia móvil: Cómo preservar el acceso a recursos digitales en la pantalla de inicio – Quality Formación

Optimización de la experiencia móvil: Cómo preservar el acceso a recursos digitales en la pantalla de inicio

En la era digital actual, la presencia móvil es crucial para la accesibilidad y la retención del usuario. La posibilidad de guardar enlaces, aplicaciones o recursos en la pantalla de inicio ha transformado la interacción con el contenido digital, facilitando el acceso instantáneo y mejorando la experiencia del usuario. Sin embargo, esta funcionalidad también plantea consideraciones importantes para los creadores de contenido, desarrolladores y estrategas digitales que buscan asegurar la sostenibilidad y la integración coherente de sus recursos en los dispositivos móviles.

Importancia del acceso directo en el contexto móvil

Según datos de StatCounter, en 2023, el 58.99% del tráfico global en internet proviene de dispositivos móviles, una tendencia en constante crecimiento que supera significativamente el uso de navegadores tradicionales en desktops. La facilidad de guardar enlaces o aplicaciones en la pantalla de inicio permite a los usuarios acceder rápidamente a recursos clave sin necesidad de recordar URLs o navegar por múltiples pasos.

Ventajas de guardar recursos en la pantalla de inicio Datos destacados
Acceso instantáneo El 74% de los usuarios prefieren acceder a contenido guardado rápidamente para tareas frecuentes (Fuente: App Annie, 2023)
Mejora en retención de usuario Las aplicaciones que permiten guardar accesos directos ven un aumento del 40% en visitas recurrentes (Estudio interno de UX)
Fidelización El acceso directo en la pantalla de inicio fomenta el hábito de uso, reforzando la presencia de una marca digital

Aspectos técnicos y estratégicos en la implementación

Cuando se trata de facilitar que los usuarios puedan guardar recursos en la pantalla de inicio, hay varias consideraciones claves para garantizar una experiencia fluida y efectiva:

  • Compatibilidad multibrowser: Los navegadores populares como Chrome, Safari y Edge soportan la funcionalidad de «añadir a pantalla de inicio,» aunque las instrucciones varían ligeramente para cada uno.
  • Metadatos PWA: La implementación de Web App Manifests y Service Workers permite transformar un sitio web en una Progressive Web App (PWA), favoreciendo su instalación en la pantalla de inicio.
  • Instrucciones claras: La guía para los usuarios sobre cómo guardar un recurso es esencial para maximizar la adopción.

La relevancia de las plataformas específicas: Caso WolfQuest

Un ejemplo destacado en la discusión sobre accesibilidad digital es el recurso https://wolfquest.app/es/. Este portal de aprendizaje interactivo, que fomenta la educación ambiental y el conocimiento sobre la vida de los lobos, ha desarrollado una estrategia para que los usuarios puedan guardar el acceso a su contenido en la pantalla de inicio, asegurando una experiencia educativa sin interrupciones.

«Para mejorar la participación y el engagement de los usuarios en dispositivos móviles, hemos implementado instrucciones sencillas para que puedan guardar WolfQuest en la pantalla de inicio, permitiéndoles iniciar sesiones educativas con un solo toque,» comparte el equipo de desarrollo de WolfQuest.

Para aquellos que quieran mantener el acceso fácil a este recurso interactivo, pueden seguir las instrucciones en su página, incluida la opción de guardar Wolfquest en la pantalla de inicio. Esta funcionalidad aumenta la permanencia del usuario y facilita la participación en programas educativos en línea sin las barreras de navegación habituales.

Perspectiva futura: Hacia una integración más intuitiva

La tendencia apunta a una integración más profunda de las funcionalidades que permiten guardar recursos en la pantalla de inicio, con mejoras en la experiencia del usuario y en la interoperabilidad entre plataformas y navegadores. La adopción de tecnologías como PWA y AMP continúa abriendo nuevas posibilidades para que los sitios web puedan ofrecer experiencias similares a las apps nativas, sin la necesidad de una descarga tradicional.

En conclusión, la capacidad de guardar recursos digitales en la pantalla de inicio representa una pieza fundamental en la estrategia de optimización de la experiencia móvil. Desde aplicaciones educativas como WolfQuest hasta plataformas de comercio y entretenimiento, la implementación de esta funcionalidad, acompañada de conocimientos técnicos y un diseño centrado en el usuario, garantiza que la interacción digital sea efectiva, memorable y duradera.


Este análisis subraya la importancia de una estrategia consciente y bien ejecutada para facilitar el acceso a recursos digitales en dispositivos móviles, resaltando la relevancia de enlaces como guardar Wolfquest en la pantalla de inicio como un ejemplo de buenas prácticas en la creación de experiencias educativas accesibles y duraderas.

monopoly casino