Siguiendo las facturas y los recientes con WordPress

Me gusta usar WordPress para crear espacios pequeños para organizar cualquier cosa que haga en mi vida en este momento, no solo para crear sitios web para los clientes. A principios de año, observé cómo personalizar WordPress para crear un diario de capacitación y recientemente lo guié creando un blog de viajes. Hoy, quiero mostrarle cómo comencé a organizar mis documentos importantes, como recibos, garantías, documentos de seguro y otros documentos importantes. Vamos a empezar. El propósito de los documentos es un poco más difícil de manipular, especialmente si contienen información importante, ya que existe fuera de su servidor. En muchos casos, el documento real será más importante que el escaneado.
En mi caso, diseñé un sistema de cuatro partes:
Usé WordPress para que mis documentos sean fáciles de mirar
Utilicé Google Drive (también) para almacenar documentos brutos, utilizando una estructura organizativa diferente
Usé carpetas simples para almacenar documentos originales
Usé Wundirlist para realizar un seguimiento de las tareas que tuve que hacer con los documentos
Nociones básicas para comenzar, necesitará una instalación de WordPress, por supuesto. Recomiendo usar un entorno localhost en lugar de un sitio en vivo. Eche un vistazo a cómo configurar WordPress localmente si aún no tiene uno en ejecución.
También puede usar una instalación de WordPress que se ejecuta en un servidor remoto, pero le recomiendo usar un sitio de prueba o un espacio privado, para cualquier eventualidad. Utilicé dos complementos para facilitar mi vida: campos personalizados avanzados y descarga de WP S3. El último no es necesario, simplemente tiendo a almacenar mis archivos en la nube, para poder mover fácilmente mis proyectos de una instalación local a la distancia. Si necesita más información sobre el uso de Amazon S3 con su sitio de WordPress, eche un vistazo a nuestro artículo sobre cómo mover los medios de comunicación WordPress a la nube. Al final del proceso, todos sus archivos recién cargados se transferirán automáticamente a sus servidores S3. Finalmente, crearemos un complemento para cambiar nuestro tema para mostrar nuestros datos personalizados. Para hacer esto, cree una carpeta en la carpeta Plugin y llame a Document-Diary. En esa carpeta, cree un archivo llamado document-diiary.php e inserte lo siguiente dentro:
Cargue la idea 5Add68f88177e4786220
Ahora puede acceder a los complementos de WordPress y activarlos. Agregaremos un poco de código a este archivo a continuación. Planificación de antemano para todos estos proyectos, la mayoría de los trabajos se llevan a cabo en la fase de planificación. ¿Cómo quieres organizar los datos? ¿Qué quieres mostrar? ¿Hay algún problema potencial? ¿Cubraste todos los ángulos?
Los documentos vienen en todas las formas, dimensiones y tipos, así que traté de dar sentido a lo que tenía. Llegué con algunos pensamientos:
Tengo algunos tipos de documentos como:
Ingresos
Garantía
Documentos personales
Cosas extra importantes como documentos de seguro de automóvil y otros
Quiero realizar un seguimiento de dónde he obtenido estos documentos y cualquier información que me ayude a recordar cuál es la importancia de los documentos durante un año o dos a partir de ahora. JPG
Cada documento tiene tres información importante que quiero ver de un vistazo:
Documento de identificación
Fecha de lanzamiento
Fecha de validación
Quiero usar mi instalación de WordPress como referencia, no necesariamente cómo acceder a los documentos en sí.
Estas fueron algunas de las ideas a las que fui a todo esto. Uno de mis principales objetivos también era hacer esto lo más indoloro posible. Esta fue una de las razones por las que quería la opción de una entrada de imagen. No quiero comenzar a escanear cosas y, en la mayoría de los casos, tomaré una foto con mi teléfono y terminaré con él.
Por qué Google Docs y WordPress en esta etapa, puede preguntar: ¿por qué necesitamos Google Drive y WordPress para esto? He llegado a este método a través de la experiencia personal. Puede ser exagerado para algunos, pero es el sistema el que funciona para mí. Mi razonamiento tiene dos partes: almacenamiento a largo plazo y cómo aparece mi necesidad de referirme a estos documentos. Los dos sistemas tienen objetivos muy diferentes. Google Drive permite la separación de mis documentos en grupos lógicos. Por ejemplo, creé una carpeta para los documentos de mi automóvil, que incluye algunas subdosas: documentos básicos, cupones de gas, permisos, documentos de servicio, otros. Esto es genial encontrar todos mis boletos de estacionamiento o todas las facturas de servicio obligatorias.
Lo que no ofrece es el contexto. Tengo un recuerdo terrible y no sé por qué tengo tantos documentos en primer lugar, no recuerdo los eventos que generaron estos documentos. Por ejemplo, estoy a punto de tomar mi nueva guitarra para ser reparada en la garantía, porque algunos de los carga se han movido un poco. Durante un año tendré la factura y la tarjeta de garantía, pero el trabajo que se realizó. Si piensa en algo como un automóvil, que puede revenderse por una pequeña cantidad, esto se vuelve mucho más importante. Al documentar todo lo que sucedió y poder proporcionar un rastro de papel, puede solicitar un precio más alto. Esta estructura similar a la revista también lo ayuda a recordar detalles importantes en el litigio o las disputas de seguro. Pero me da tranquilidad. En lugar de tener que recordar las cosas, solo puedo escribir lo que sucedió rápidamente y olvidarme de ellas hasta que las necesite. Las necesidades de almacenamiento de datos Una vez que sé lo que quiero hacer (aproximadamente), trato de descubrir cómo todo se traduce en los datos personalizados que tendremos que guardar. Me doy cuenta de que si se necesitan publicaciones y taxonomías personalizadas, las configure, luego agrego opciones usando ACF. En este caso, podemos usar publicaciones ordinarias para mantener nuestros documentos (cada publicación es un documento) y categorías y etiquetas ordinarias.
Al final, agregué tres grupos de campo. Un grupo de campos es un mapa simple que me permite especificar dónde pongo mi mano en un documento en particular, se adjunta a las publicaciones. Otro grupo de campos contiene las opciones para el ID del documento, los datos del programa y la validez, también se adjunta a las publicaciones. El tercer grupo de campos se adjunta a los elementos de los medios y contiene dos opciones: página y enlace Google Drive. La idea de que cada documento (post) tendrá archivos adjuntos: la imagen real del documento. El documento también se cargará en Google Drive y proporcionaré el enlace a las opciones de archivos adjuntos. Se requiere el campo de la página para separar las diferentes páginas de un documento. Si tengo la suerte de tener un PDF de múltiples páginas, lo cargaré, pero si toman fotos separadas de cada página, necesitaré este campo. Creando opciones puede agregar opciones de dos maneras. Puede crearlos en el administrador o agregarlos programáticamente a su código PHP. Incluyamos opciones en nuestro complemento, ya que hará que el administrador sea un limpio. En el archivo Document-Diary.php, creé anteriormente, agregue lo siguiente:
Cargue la idea 5Add68f88177e4786220
Luego continúe y cree ese archivo acf-options.php e inserte lo siguiente en él. Esta es una exportación directa de las opciones que creé originalmente en mi instalación local.
Cargue la idea 5Add68f88177e4786220
Después de haber terminado, debería ver opciones adicionales en la pantalla de publicación y el formulario de medios. Eche un vistazo a las capturas de pantalla a continuación.
Publicar opciones para nuestros documentos.
Opciones de archivo adjunto para nuestros documentos
El flujo de trabajo Cuando quiero agregar un documento, primero cargue todos los archivos asociados en el lugar lógico en Google Drive. Luego creo una publicación en WordPress y lo llamo algo así como una “Garantía de guitarra”. Este documento tiene dos partes: un recibo y el documento de garantía en sí, que ya he cargado en Google Drive. Luego carga las imágenes en WordPress. Tenga en cuenta que se refleja automáticamente en mi servidor Amazon S3. Esto me permite mover mi sitio en línea y ofrecer una copia de seguridad al mismo tiempo. Siempre carga las imágenes desde la pantalla Agregar media desde la publicación, lo que adjuntará las cargas a la publicación en cuestión. Luego completo el campo personalizado para la página de Google Drive y el enlace para cada archivo cargado. También completo los campos para el documento en sí (ID, la fecha de creación y la fecha de validez). Guardo la publicación y me doy cuenta de si tendré que hacer algo con ella en el futuro. Un ejemplo de esto es mi permiso de estacionamiento local, que me permite estacionar gratis en el vecindario. Expire en enero, así que entro en el Wundirlist y agrego algo que hacer por mí. El embarazo de renovación en el Wundirlist
Mostrar información utilizaré el gancho de_content () para agregar cualquier datos adicionales al contenido de publicación. Esto nos permite usar el área de contenido para notas de notas y ver toda la información importante a continuación. El siguiente código muestra los archivos adjuntos para una publicación y los datos básicos que ingresamos.


Cargue la idea 5Add68f88177e4786220

Comenzamos ingresando todos los archivos adjuntos para una publicación usando get_posts (). Si hay archivos adjuntos, los mostramos como una lista simple que muestra el número de página y un enlace al archivo local y la versión de Google Drive. Luego presento nuestros tres campos en una matriz y filtro cualquier elemento vacío. Después de asegurarme de que no nos quedamos con una matriz vacía, creo el título y la tabla que muestra los datos a través del bucle a través de la matriz. Finalmente, agregamos todo esto al contenido original de la publicación y lo devolvemos. Para mostrar el mapa, necesitaremos trabajar más, comenzando con la inclusión de la API de Google Maps usando el código a continuación. Cargue la idea 5Add688177e4786220
Recuerde acceder a Google Developer Console para crear una clave API y activar la API de JavaScript MAPS. Después de haber terminado, puede mostrar el mapa agregando un poco de código a la función diary_documents () anterior. Agregué el siguiente código justo antes de devolver el contenido.

Cargue la idea 5Add68f88177e4786220
Todo lo que hace este código es crear un elemento que contenga el mapa (usando una ID única) y algo JavaScript que transmitimos a las coordenadas. La API de JavaScript está a cargo del resto. Al final del día, debe llegar con algo como captura de pantalla a continuación:
La vista final de nuestro documento
Funcionalidad avanzada Una vez que haya establecido los elementos básicos, puede reproducir el proxeneta mi aplicación y hacer todo tipo de personalizaciones interesantes. ¿Le gustaría ver cuánto combustible compra para tratar de reducir el consumo? ¡No hay problema!
Opciones para grabar nuestro consumo de gas
He atribuido estas opciones solo a publicaciones que tienen la etiqueta “Gas”. Puede usar el siguiente código para agregar opciones para usted, solo asegúrese de haber creado la etiqueta “Gas” o cambiar el código para usar la etiqueta que elija. Cargue la idea 5Add688177e4786220
Lo que me gustaría hacer es crear una plantilla de página, pero esto parece difícil en una plantilla. No tengas miedo, Tom McFarlin tiene la solución, ¡como siempre lo hace! – Una clase que agrega plantillas de los complementos. Para comenzar con él, descargue la plantilla de clase de clase-exame.php del enlace anterior y colóquelo en su complemento. Cambie el nombre del archivo en page_template_plugin.class.php. Ahora vaya a Document-Dary.php e incluya e inicialice la clase utilizando el siguiente código:
Cargue la idea 5Add68f88177e4786220

Ahora cree un directorio de plantilla y agregue un archivo llamado GAS-USAGE.PHP. Copie el siguiente código en él, este es prácticamente un archivo de plantilla que contiene el código de una sola página en veinte quince.
Cargue la idea 5Add68f88177e4786220

Comencé agregando el encabezado y el brote del sótano, luego copié el código en Page.php al tema de veinte quince. El archivo contenía una llamada a Content-Page.php, lo reemplacé con el código real en el archivo, llegando a la estructura final. Hemos eliminado los enlaces de trabajo de la paginación y alcanzamos la estructura final, agregaremos el código personalizado inmediatamente después de la función_content ().
Cargue la idea 5Add68f88177e4786220
Primero, agregamos todas las publicaciones que tienen la etiqueta “Gas” y luego pasamos por estas publicaciones y tomamos los datos del campo personalizado que hemos guardado y mostrado en una tabla. Mantuve un total acumulativo, así que al final agregué una fila que muestra los totales.
Tabla de uso de gas durante un poco más de tiempo, puede usar una biblioteca de jquey para graficar todo esto, calcular la mayor cantidad de combustible posible de un mes a otro y hacer todo tipo de otras grandes cosas.La conclusión creó para nosotros una pequeña solución para rastrear los documentos personalizables y aprendimos todo sobre ACF, complementos y sobre la creación de plantillas a partir de complementos.¡Espero que tomes este ejemplo y hagas que sea tuyo para crear algo útil!Si tiene sugerencias sobre cómo este ejemplo podría ser más útil o qué agregaría para personalizarlo de acuerdo con sus necesidades, dígame en los comentarios a continuación.