Seguimiento de las resoluciones de Año Nuevo con una aplicación de WordPress personalizada

¡Es ese momento del año de nuevo! Es hora de ser contratado para hacer cosas que siempre ha querido hacer, tomar nuevos hábitos para mejorar y definir lo que quiere ser en el nuevo año. Las resoluciones de Año Nuevo son una tradición anual para algunos, pero no siempre debería haber promesas para usted. Si desea una forma de mantener el puntaje, WordPress puede ser el compañero perfecto para ayudarlo a mantenerse en el camino correcto y superar sus objetivos. En la publicación de hoy, le mostraré cómo crear una aplicación simple del seguimiento de los objetivos que aceptan objetivos únicos, generalmente un registro de resolución y también produce algunas estadísticas utilizando un widget.
¡Vamos a empezar! Establecer los objetivos La idea detrás de este proyecto de año nuevo es directa: quiero medir el nivel de actividad de mis objetivos en función de la cantidad de publicaciones que escribo sobre ellas. Bastante simple, ¿verdad? La forma más fácil de hacerlo es crear objetivos como categorías y luego asignar esas categorías de publicaciones. En primer lugar, los objetivos. Estos son algunos de mis mías, que agregué como categorías con descripciones en WordPress:

Utilicé dos categorías de nivel superior, “hábitos” y “una vez”, para distinguir entre los dos tipos diferentes de objetivos.
También hemos agregado una categoría especial de nivel superior llamada “estado de hábitos” con dos subcategorías: incompleto y completo. El plan es usar estas subcategorías para indicar el éxito o el fracaso de un hábito. Por ejemplo, uno de mis objetivos es beber más agua. Decidí comenzar con al menos cuatro vasos al día. Agregaré la cantidad de gafas todos los días y si es mayor o igual a cuatro, usaré la categoría “completa”, de lo contrario usaré la categoría “incompleta”. Podríamos detectar esto automáticamente con un determinado código, pero todos nuestros hábitos tendrán diferentes criterios para el éxito o el fracaso, lo que lo dificultaría. Es más fácil determinar manualmente cómo progresan los objetivos. Ajustando nuevos objetivos si solo quieres llegar aquí, ¡ya terminaste! Ahora debe tener un sistema de categorías que lo ayude a ordenar sus resoluciones y seguir su progreso. Puede comenzar a agregar nuevas publicaciones a su sitio, saltar sobre el resto de este tutorial. Para agregar nuevas entradas, cree una publicación como suele hacer y asigna desde las categorías “hábitos” o “ordinarias”. Si ha asignado un hábito, asegúrese de indicar si es una entrada “completa” o “incompleta”.
Algunas entradas en nuestra herramienta de seguimiento de objetivos

Si desea seguir su objetivo un paso más allá, lea más.
Comience con los cambios para el resto de este tutorial, agregaremos nuevas funciones a un tema existente, cambiaremos las vistas de backend y front-end, agregaremos opciones y todo tipo de otros elementos. Gran parte de estos deben colocarse en un complemento. Cambiar un tema, sin embargo, requiere un tema infantil. Para hacer las cosas más fáciles de administrar, decidí poner toda la funcionalidad del complemento y en un niño. Atención: ¡esta no es la mejor práctica! Si tiene la intención de implementar cualquiera de los códigos a continuación en un sitio que no sea estricto para su uso personal, use un complemento y un tema infantil juntos. Cualquier característica que desee mantener cuando cambie los temas (los cambios en la lista de publicaciones del administrador y las opciones de publicación, por ejemplo) deben ingresar un complemento. He elegido para este proyecto es el Veinte Tema Pedido, quince, porque quiero algo hermoso y mínimo. Crear un tema para niños Crear un niño es un proceso simple, pero si nunca ha configurado uno antes, es mejor leer nuestra guía, cómo crear un tema de niños de WordPress. Pero aquí hay una breve descripción: para crear un tema infantil, agregue una carpeta al archivo principal “temas”. Llamé a mi carpeta de rastreador de goles. Cree dos archivos en esta carpeta: style.css y functions.php. Y luego agregue eso a su hoja de estilo:
Cargue el esencial 251CD71EBC2D065C1EA3
En el archivo con funciones, debemos asegurarnos de que se aplique el estilo del tema principal, por lo que lo colocamos en la cola de la siguiente manera:
Cargue el esencial 251CD71EBC2D065C1EA3
Además, puede agregar una imagen de captura de pantalla. Puede descargar la imagen que hice a continuación: Vista previa de la imagen
Gracias a Greg Rakozy por la maravillosa foto. Si ha decidido crear su propia imagen, asegúrese de hacerlo 880 × 660 para aprobar los requisitos de la tarea. Cambiar la visualización de backend son algunos cambios que podemos hacer en el backple de WordPress, lo que no solo hará la interfaz del objetivo, sino que también facilitará.
La lista de publicación de visualización (en la imagen en la parte superior de este artículo) se ve y funciona muy bien, pero me gustaría ver alguna información que no esté allí y no se debe mostrar alguna información que sea redundante. Por ahora, vamos a deshacernos de los comentarios y columnas de etiquetas y autor. Más tarde, agregaremos información adicional para ver la publicación a medida que agregamos nuevas opciones. Para cambiar el número de columnas utilizadas en una lista de publicaciones, debe usar administración_ [post_type] _posts_columns, donde [post_type] debería ser el tipo real de publicación que aplica.

La función hoced transmite una serie de columnas predeterminadas. Puede agregar o eliminar artículos, a continuación, eliminar las tres columnas, comentarios, etiquetas y autor, que no necesitamos:
Cargue el esencial 251CD71EBC2D065C1EA3
Los nombres de nuestras categorías también son un poco largos. Debido a que hemos eliminado algunas columnas, no hay suficiente espacio para mostrar todo el nombre. Por lo tanto, agregemos una hoja de estilo de administración que ofrezca más espacio a nuestras categorías. Primero escribamos nuestros estilos. Cree un nuevo archivo llamado post-list.css y guárdelo en la carpeta de temas del niño. Agregue el siguiente código al archivo: Cargue el esencial 251CD71EBC2D065C1EA3
Todo lo que tenemos que hacer es poner esto en la cola en el archivo de funciones. Lo haremos usando el gancho admin_enqueue_scripts, usando la función get_current_screen () para ayudarnos a adjuntarlo a la pantalla posterior a la lista:
Cargue el esencial 251CD71EBC2D065C1EA3
La función get_current_screen () proporciona todo tipo de información útil sobre nuestra página actual. ¡Impírelo y eche un vistazo! Asegúrese de llamarlo después del administrador _init de Admin_init Thook, de lo contrario no funcionará. Al final de todas estas cosas, deberíamos tener una nueva vista de la lista de publicaciones que se ve así:
Cambios para visualizar el administrador cambiando la visualización frontal en este momento, nuestros objetivos se ven bastante bien, pero quiero hacer más cambios (¡por supuesto!). Antes de comenzar a hacer cambios, así es como se ven las publicaciones ahora en el front-end:
Una publicación sobre nuestro objetivo original, quiero eliminar el enlace de comentarios. También quiero eliminar los nombres de las categorías “incompletas” y “completas” de la pantalla en las publicaciones y, en cambio, mostrar un pequeño icono en lugar de texto.
El tema veinte quince usa una función llamada Twentyfifteen_entry_Meta () para eliminar los metadatos. Debido a que los desarrolladores del tema lo han incluido en una función function_exist (), puede sobrescribir esta función simplemente definiéndola en el tema del niño. Copie y pegue esta característica completa en el archivo Inc/Template-Tags.php en veinte quince en el archivo de base del niño. A continuación, la parte inferior de esta función contiene el código para el enlace de comentarios. Retire el bloque completo de IF desde la parte inferior. Las categorías requerirán un poco más de trabajo, pero podemos dejar todo como es y obtenemos un filtro para hacer nuestro arduo trabajo. Así es como deberían verse los veintisé quince años_entry_meta (): se carga el esencial 251CD71EBC2D065C1EA3.
Veinte quince usan la función get_the_cateory_list () para hacerse cargo de una lista de categorías. Si observa el código fuente de esta función en WP-Includes/Category-Template. Toma la lista de categorías como primer parámetro y la ID de publicación como la segunda. Conectemos una función allí y eliminemos la condición de la costumbre:

Cargue el esencial 251CD71EBC2D065C1EA3

Luego, agregemos la condición de la personalización como un indicador rojo o verde nuevamente, dependiendo de la condición. Primero, escribí una función que devuelve el estado de una publicación. El resultado final de get_habit_status () my get_habit_status () es un término, la fecha límite:

Cargue el esencial 251CD71EBC2D065C1EA3
Debemos recuperar el término parental de los estados generalmente y luego obtener todos los términos de sus hijos. A partir de ahí, tenemos que hacer un pequeño malabarismo con Matrix. Creamos dos nuevas matrices, una contiene solo las ID de estado, la otra es esencialmente la misma que antes, pero las teclas de matriz son los términos ID. Luego tenemos que tomar las ID de los términos relacionados con Post. La intersección entre $ hábit_status_ids y la categoría $ generalmente debería darme estados atribuidos. Debemos usar la primera condición (deberíamos estar solas) y buscar el término asociado del objeto en nuestra matriz $ hábit_list y luego devolverla. De vuelta a la función de veintiséise_entry_meta (), agregué un pequeño fragmento en la parte inferior: el esencial 251CD71EBC2D065C1EA3 está cargado
Primero obtuve el estado de lo habitual. Si la publicación generalmente no tiene un estado, la función siempre devuelve falso, en cuyo caso no eliminamos nada. De lo contrario, se muestra un intervalo simple con la clase de hábito-estatus-indicador más una clase derivada de la babosa. En nuestro caso llegamos con indicadores con clase incompleta o completa. Todo lo que queda por hacer es agregar algo CSS para que estille esto. Elegí colocarlo absolutamente a la izquierda agregando lo siguiente a la hoja de estilo:
Cargue el esencial 251CD71EBC2D065C1EA3
La visión actual de publicar nuestro hábito
Mostrar estadísticas con un widget simple La mejor manera de obtener una buena imagen general sobre nuestros hábitos es con estadísticas, y la mejor manera de mostrar estadísticas para WordPress es con un widget. Para comenzar, cree un archivo gt -stat.class.php en el directorio de su base; mantendrá nuestra clase de widgets. Agregue el siguiente contenido: Cargue el esencial 251CD71EBC2D065C1EA3
Este es el marco que usaremos. El constructor le dará al widget el nombre, la descripción y otras propiedades del administrador. La función Form () definirá el formulario utilizado para agregar opciones al widget, y la función widget () muestra el widget en el front-end. Agregaré una sola opción al widget, la capacidad de agregar un título. En la función de visualización, tomaré todos nuestros estados, los revisaré y mostraré el número de publicaciones para cada uno. Aquí está el código completo para la clase de widget:
Cargue el esencial 251CD71EBC2D065C1EA3
WordPress aún no sabe sobre este widget, por lo que debemos incluir el archivo y grabar el widget. Hice esto en el archivo con funciones como esta:
Cargue el esencial 251CD71EBC2D065C1EA3

Y así es como se ve el front-end:
Widget para estadísticas Opciones adicionales Puede agregar más datos y ajustar la herramienta personalizada de seguimiento de campo. Si ha leído algunas de mis publicaciones, sabe que soy un gran fanático de los campos personalizados avanzados y utilizo este complemento para muchas aplicaciones. Si desea agregar campos personalizados a sus hábitos, le recomiendo leer el blog perfecto de viajes de WordPress o crear una plantilla de publicación posterior a la lista personalizada. Ambos elementos tienen mucha información sobre cómo usar ACF. Pero déjame mostrarte un ejemplo rápido. Después de instalar campos personalizados avanzados, puede crear un grupo de campos llamado “Opciones de agua”. Dentro de ese grupo, agregue un campo numérico llamado “Gafas hoy”. En las opciones de ubicación, asegúrese de asignarlo solo a las publicaciones a las que la categoría “bebe más agua”. Esto mantendrá al administrador limpio y puede asignar diferentes opciones a diferentes objetivos. Ubicación ACF.
Ahora puedo ir a cualquier publicación en la categoría y puedo indicar cuántos vasos de agua bebí.
Campo para opciones de agua
Esta información se guarda en la meta tabla, lo que significa que puedo recuperarla con bastante facilidad. Agreguemos esto a la base de entrada usando veintiséise_entry_meta (). Agregue lo siguiente al final de la función:
Cargue el esencial 251CD71EBC2D065C1EA3
También agregué una pequeña pieza de CSS a la hoja de estilo para que se vea bien:
Cargue el esencial 251CD71EBC2D065C1EA3

Finalmente, deberías verte como la imagen a continuación.

Pantalla de campo personalizada
Romper los objetivos de Año Nuevo Las personalizaciones que acabamos de cubrir son solo la punta del iceberg y podría hacer mucho más para hacer esto.Puede mostrar datos más personalizados, mostrar esos datos de maneras interesantes dentro de las publicaciones, usar datos personalizados para generar estadísticas más elaboradas, ¡modificar el administrador para mostrar datos personalizados y más!¡Espero que todos tengan un gran año nuevo!Intentaré obtener más información sobre WordPress en 2016 y contribuiré tanto como pueda.¿Cómo estás?Comparta sus objetivos de WordPress para el año nuevo en los comentarios a continuación.Etiquetas: año nuevo