Cree una sección de "Publicaciones de tendencias" en Oxygen Builder - Tutorial

Publicado: 2022-06-22

En este artículo y videotutorial, vamos a crear una sección de publicaciones de tendencias/populares en Oxygen Builder utilizando el elemento repetidor, el complemento de publicaciones populares de WordPress y consultas avanzadas.

Uno de los primeros tutoriales que publicamos en este blog relacionado con Oxygen fue cómo crear una sección de publicaciones populares. Ahora, en 2022, revisaremos este tema utilizando los métodos más actualizados y los mejores complementos para el trabajo.

Nuestra agencia trabaja en muchos sitios web de noticias y de gran contenido. Un requisito continuo de este tipo de sitios web es la capacidad de mostrar publicaciones populares y de tendencias. El mecanismo que utiliza cada uno de estos widgets es el mismo: primero, debemos comprender cuántas vistas recibe una publicación específica, y luego podemos consultar en función de eso.

Curso de construcción de oxígeno - ¡Próximamente!

El curso Oxygen Builder Mastery lo llevará de principiante a profesional: módulos ACF, MetaBox y WooCommerce incluidos.

Obtenga notificación de lanzamiento y descuento

Las publicaciones populares generalmente analizan el recuento general de vistas de las publicaciones durante un largo período de tiempo. Por ejemplo, podemos mostrar las publicaciones más populares del blog o las publicaciones más populares de un año específico.

Las publicaciones de tendencias analizan el recuento general de vistas durante un período de tiempo más corto, generalmente un día o una semana. Por ejemplo, si una publicación obtuvo 100 visitas en un día, en comparación con el promedio de 33 visitas del sitio web, sabremos que es una tendencia.

Hay muchos complementos en el repositorio de WordPress que le permiten agregar rápidamente este tipo de widgets a un sitio web de WordPress. Sin embargo, el repetidor de oxígeno y el elemento de publicación fácil le permiten personalizar seriamente la salida de datos dinámicos de cada publicación. En nuestros proyectos, construimos pantallas y tarjetas completamente personalizadas usando repetidores.

Con este método, podemos incorporar fácilmente publicaciones populares y publicaciones de tendencias en Oxygen Builder usando repetidores.

Videotutorial

Obtener las vistas

El primer paso es comprender cuántas vistas está recibiendo una publicación individual.

Para obtener las vistas se iba a utilizar un complemento popular llamado " Publicaciones populares de WordPress ". Esta es una herramienta realmente poderosa: admite varios idiomas, viene con almacenamiento en caché, está muy bien documentada en GitHub, tiene un panel de estadísticas en el administrador de WP e incluso tiene soporte API.

isotropic-2022-06-19-en-17-41-16 — Instale este complemento en su sitio web de Oxygen Builder

Listo para usar, le brinda widgets personalizables para mostrar fácilmente las publicaciones más populares en su sitio web. Puede insertarlos en Oxygen usando códigos cortos.

Sin embargo, queremos ir un paso más allá y usar el elemento repetidor Oxygen Builder para mostrar las publicaciones más populares y de tendencia. De esta manera, podemos usar el generador para personalizar completamente la apariencia de nuestras publicaciones más populares.

Sin embargo, hay un pequeño problema con la forma en que este complemento administra el recuento de vistas. Las vistas se almacenan en una tabla de base de datos separada de las posts o postmeta . Para consultar usando WordPress Square estándar en el generador de oxígeno, necesitamos que se pueda acceder a estos datos a través de un metacampo.

Agregar vistas a la publicación Meta

Una vez que haya instalado el complemento de publicaciones populares de WordPress , es hora de hacer que estos datos se puedan utilizar para nuestras consultas.

Para hacer esto, debemos obtener los números de vista más actualizados y completarlos en un campo personalizado asociado con nuestras publicaciones.

Una vez que se puede acceder a estos datos, podemos usarlos para ordenar publicaciones por popularidad en consultas personalizadas de WordPress.

Primero, agregue este código a su sitio web usando un administrador de fragmentos de código. Sugerimos Scripts Organizer para los sitios web de Oxygen Builder.

/** * Almacena vistas de diferentes períodos de tiempo como claves meta. * * @author @migueleste / @radgh * @link https://wordpress.org/support/topic/how-to-sort-a-custom-query-by-views-all-time-monthly-weekly-or- daily/ * @param int $postid El ID de la publicación/página/tipo de publicación personalizada actual. */ function custom_wpp_update_postviews($postid) { // Precisión: // 10 = 1 de cada 10 visitas actualizará el recuento de vistas. (Recomendado para sitios de alto tráfico.) // 30 = 30% de las visitas. (Sitios web de tráfico medio.) // 100 = Cada visita. Crea muchas operaciones de escritura de base de datos en cada solicitud. $precisión = 50; if ( function_exists('wpp_get_views') && (mt_rand(0,100) < $accuracy) ) { // ¡Elimine o comente las líneas que no usará! update_post_meta ($postid, 'views_total', wpp_get_views($postid, 'all', false)); update_post_meta ($postid, 'views_diario', wpp_get_views($postid, 'diario', falso)); update_post_meta ($postid, 'views_weekly', wpp_get_views($postid, 'weekly', false)); update_post_meta ($postid, 'views_monthly', wpp_get_views($postid, 'monthly', false)); } } add_action('wpp_post_update_views', 'custom_wpp_update_postviews');

Este código es creado por el desarrollador detrás del complemento para hacer exactamente lo que necesitamos: brindarnos datos utilizables para consultar.

Nos da cuatro nuevos campos meta con los que trabajar: views_total, views_daily, views_weekly, views_monthly .

Las vistas totales y las vistas mensuales son excelentes para usarlas en una sección de publicación popular. Las vistas diarias y semanales son excelentes para las publicaciones de tendencias.

Cada campo contiene un número para las vistas correspondientes; por ejemplo, en una publicación específica, puedo mostrar las vistas totales en la interfaz agregando esto en un bloque de código Oxygen en una plantilla aplicada a las publicaciones:

<?php el_campo('vistas_total'); ?> //el resultado de ejemplo sería 1203. Eso significa que desde que se publicó la publicación, ha recibido 1203 visitas.

¡Aférrate!

Dependiendo del tráfico que reciba su sitio web, querrá optimizarlo para que los recursos del servidor se agoten al escribir cada vista en la base de datos. Afortunadamente, hay una función integrada en este fragmento de código que aborda precisamente esto.

Cerca de la parte superior de este fragmento de código, puede ver una sección de precisión. En el código se comentan instrucciones.

La precisión se controla de 0 a 100. Si se establece en 100, cada página vista se registrará en la base de datos. Si se establece en 1, 1 de cada 10 visitas actualizará el recuento de vistas.

La precisión debe reducirse para sitios web de mayor tráfico. Esto minimiza la carga en el servidor y los problemas de rendimiento.

Tenga en cuenta que este complemento no pretende reemplazar una solución de análisis. Por lo tanto, la precisión no importa tanto, ya que la proporción entre la audiencia y las publicaciones será la misma. Seguirás sabiendo cuáles de tus publicaciones son populares.

Cree la sección de publicaciones de tendencias

Ahora, construyamos rápidamente las secciones de publicaciones populares y de tendencias.

Usaré un repetidor y agregaré rápidamente una imagen destacada, un título de publicación, un extracto y un enlace para leer más. También puede usar publicaciones fáciles, ya que usaremos la función de consultas avanzadas incluida con Oxygen.

isotropic-2022-06-19-en-18-04-50 — Mi pantalla de "noticias principales", construida con un repetidor Oxygen Builder

Consultar publicaciones de tendencias

Ahora es el momento de consultar las publicaciones de tendencias. Como se mencionó anteriormente, vamos a utilizar el conteo general de vistas del día, ya que esto nos brinda una buena comprensión de las tendencias durante ese período específico.

Para hacer esto, use la función de consulta avanzada para el elemento repetidor o publicación fácil.

Haga clic en el botón "editar consulta" para abrir la interfaz de usuario de consulta avanzada.

Ahora, agrega lo siguiente. Para este caso usado, solo quería mostrar las ocho publicaciones más populares según las vistas semanales.

Lo puse:

publicaciones_por_página = 8
no_found_rows = true (esto deshabilita la paginación para el repetidor)
post_type = publicación
meta_key = views_weekly (esto le dice a WordPress que necesitamos asociar datos de este campo con la consulta. Recuerde, podemos cambiar esto a total, diario, semanal o mensual dependiendo de si queremos publicaciones populares o de tendencia)
order_by = meta_value_num (esto nos dice que ordenaremos por el número asociado con nuestro metavalor que en este caso son las vistas semanales)
order = desc (esto nos dice que ordenemos las publicaciones por más vistas a menos vistas)

Ahora, guarde todo y diríjase a la parte frontal de su sitio de Oxygen. Ahora mostrará las publicaciones en este repetidor específico ordenadas por la cantidad de vistas durante el período de tiempo seleccionado.

Prima

También quiero mostrar el recuento general de vistas a mis lectores en la parte delantera del blog. Para hacer esto, voy a crear un código corto. Agrego este código a mi administrador de fragmentos:

<?php add_action('init', function(){ add_shortcode('post_views', function(){ return wpp_get_views(get_the_ID()); }); }); ?>

Luego, puedo insertar el recuento de vistas para una sola publicación agregando este código abreviado:

[post_views]

Para este tutorial, coloqué este shortcode en mi repetidor para mostrar las vistas asociadas con una publicación. De esta manera, pude verificar que mi consulta funcionaba según lo diseñado.

isotropic-2022-06-19-en-18-03-45 — No funcionará en el editor, pero sí en la interfaz.

isotropic-2022-06-19-en-18-14-12 — Repetidor de frontend, ordenado por número de vistas semanales, que muestra el total de páginas vistas en el frontend.

Algo a tener en cuenta aquí es que esto no está utilizando los campos de recuento de vistas que agregamos a nuestra publicación única con el fragmento de código anterior. En cambio, está extrayendo de la tabla de la base de datos que este complemento agrega durante la instalación. Eso significa que este siempre será un conteo de vistas preciso, independientemente de la precisión mencionada en el fragmento anterior (son dos cosas diferentes).

También puedo agregar esta información agregando el siguiente PHP ir directamente a un bloque de código en una plantilla aplicada a una sola publicación:

<?php if ( function_exists('wpp_get_views') ) { // get_the_ID() solo funciona cuando se usa // dentro de The Loop. (https://codex.wordpress.org/The_Loop) echo wpp_get_views(get_the_ID()); } ?> // También puedo filtrar <?php if ( function_exists('wpp_get_views') ) { // '15' aquí está el ID de la publicación/página echo wpp_get_views(15, 'last7days'); } ?> // Más: https://github.com/cabrerahector/wordpress-popular-posts/wiki/2.-Template-tags#wpp_get_views

Conclusión

Este artículo le mostró cómo agregar una sección de publicación popular y/o de tendencia usando el repetidor Oxygen Builder a un sitio web creado con este complemento. Si tiene alguna pregunta o sugerencia, no dude en dejarla en la sección común a continuación.

Te podría gustar

Suscríbete y comparte

Si le gustó este contenido, suscríbase a nuestro resumen mensual de noticias de WordPress, inspiración para sitios web, ofertas exclusivas y artículos interesantes.

Darse de baja en cualquier momento. No enviamos spam y nunca venderemos ni compartiremos su correo electrónico.