Creando el blog de viajes perfectamente personalizado con WordPress

Si eres un viajero frecuente, es probable que relaces tus aventuras. Esto podría manifestarse como imágenes en Twitter, un cuaderno privado o incluso un blog completo que detalla sus experiencias. Pero si aún no tiene un blog de viajes y está pensando en comenzar uno, hoy le mostraré cómo puede crear el diario perfecto para usted, independientemente del contenido que desee distribuir. Encuentre un lugar para alojar su blog de viajes si ya tiene el sitio perfecto para usar, no dude en omitir. Si se pregunta cómo configurar cosas, esta sección es para usted. En esencia, hay tres formas:
Use WordPress.com
Aloje su propia instalación de WordPress
Use un entorno local
Echemos un vistazo a las ventajas y desventajas de cada uno y cuándo desea usarlo. WordPress.com WordPress.com le brinda un sitio web instantáneo, pero este será un sub -domain de WordPress.com. Esto significa que la URL de su sitio será algo así como mytravels.wordpress.com. Debido a que WordPress.com tiene millones de sitios web, no hay la posibilidad de no encontrar nada genérico que aún no se tome.

WordPress.com ofrece alojamiento web gratuito. La ventaja es que su sitio está configurado y actualizado automáticamente. Todo está en sus servidores, que es equivalente a una copia de seguridad o al menos para ser relativamente segura en términos de pérdida de datos. No debe preocuparse por que los servidores sean detenidos o cualquier otra tontería que pueda evitar que le escriba cuando lo desee.
La desventaja es que es posible que no pueda usar su subdominio deseado y su URL tendrá WordPress.com. Si es un desarrollador o desea mantener sus datos a su alcance, perderá un poco, porque no hay bases de datos o paneles de administración al que pueda acceder, tiene menos opciones de servidor. Si está dispuesto a pagar algo de dinero ($ 13/año), puede asignar su propio dominio al sistema que eliminará los problemas del subdominio. Uno tras otro, use WordPress.com si no necesita acceder a bases de datos y ser multado con servidores que no están regulados y otros problemas como, más involucrados. Una vez que haya configurado las cosas. Muchos hosts tienen instalaciones de un clic que funcionarán correctamente. Dicho esto, el proceso de comprar un servidor y luego la instalación de WordPress es aún más complejo que usar WordPress.com.
WordPress.org ofrece software para poder alojar su propio sitio web. Las ventajas del autoestagno son que tiene más control sobre sus datos. Las imágenes están en un servidor al que puede acceder, para que pueda descargarlos todos en su computadora, puede instalar cualquier complemento que desee, puede usar cualquier tema que pueda. fácilmente, incluidos los personalizados.

La desventaja del trabajo por cuenta propia es que está expuesto a más riesgos. Puede instalar un complemento defectuoso que desactivaría su sitio, en cuyo caso es posible que deba comunicarse con su host para resolverlo, lo que podría ser difícil si está en el extranjero. El uso de una enorme infraestructura como WordPress.com significa que puede estar menos expuesto a ciertos ataques. En resumen: si desea mantener su control sobre todos sus datos y/o necesita personalizaciones que no sean posibles en un entorno administrado como WordPress.com, debe elegir un sitio autoestagador. Entorno local Un entorno local es excelente. Porque no requiere una conexión a Internet. Esto puede ayudarlo a reducir sus costos o ser la única opción viable si realmente está en la naturaleza. Su entorno local actuará de lo mismo que el en línea al que está acostumbrado, pero todos los datos, imágenes y todo, se almacenan en el disco duro.
DesktoPserver es una excelente opción para configurar un entorno local para WordPress. Esta ventaja no es solo el control total sobre los datos, sino también que los tiene con su confidencialidad física y total. Aunque es posible escribir revistas privadas en WordPress.com o instalaciones autoguiadas, los entornos locales le ofrecen protección completa.
La desventaja es que deberá configurar esto para usted.

Es súper fácil, pero si algo no funciona, tendrá dificultades para repararlo en el camino si no tiene experiencia con eso. La otra desventaja es que no puedes almacenar cosas en la nube. Si la confidencialidad es una preocupación, este es un punto cuestionable, pero si no es así, prefiero almacenar imágenes en Amazon u otros servidores, haga que mi sitio sea mucho más móvil si quiero ponerlo en línea en algún momento. Aconsejaría un entorno local si es un desarrollador o si va a lugares sin conexión a Internet y aún desea documentar su progreso. Eche un vistazo a nuestro artículo sobre la creación de un entorno de desarrollo local para obtener más información. Nociones básicas Una vez que haya instalado WordPress, es hora de agregar algunos complementos básicos para viajar. La premisa completa del artículo es crear un sistema flexible en el que pueda agregar lo que necesite, por lo que para seguir tendrá que instalar al menos los primeros campos personalizados avanzados.
Campos personalizados avanzados para agregar datos personalizados de una manera fácil de usar
Akismet debe venir preinstalado, puede usar esto para evitar el spam en los comentarios
Jetpack para agregar todo tipo de funciones excelentes, desde mejores galerías hasta compartir social
Mi sitio privado le permite restringir el sitio para ser visto solo por usuarios autenticados
Amazon Web Services y WP Descarga S3 para almacenamiento de imágenes en los servidores de Amazon
Con la excepción de Amazon S3, la configuración de estos complementos es bastante fácil y veremos ACF de ancho. Me gusta almacenar mis imágenes en los servidores de Amazon, porque facilita la migración de mi sitio en cualquier lugar, porque mis imágenes y otro contenido de medios no deben moverse. Si desea hacer esto (es completamente opcional), eche un vistazo a El artículo Nuestro movimiento de los medios de comunicación WordPress a Amazon S3.
Instale Vanilla WordPress con algunos complementos Use WordPress de WordPress sin agregar algo demasiado especial, ya podemos crear un diario de viaje bastante bueno, con un tema gratuito y algunas funciones predeterminadas. Echemos un vistazo: 1. Formatos de publicación Los formatos de publicación le permiten especificar el tipo de contenido que ingresa, así como Tumblr. En el front-end, esto puede marcar una diferencia visual y permitirle separar su contenido.
2. Un hermoso tema usaré un nuevo tema gratuito llamado Yuuta, que encontré en WPTavern.
Yuuta – El tema gratuito que usaremos
Me parece que este tema es maravillosamente mínimo. Esto es excelente porque es visualmente atractivo y nos permite hacer cambios más fáciles, manejaremos un estilo mínimo. 3. Imágenes presentadas Las imágenes presentadas dan una distinción visual a sus publicaciones y lo hacen que el sitio web se vea bien. Casi todos los temas los usan ampliamente. Yuuta los usa en encabezados, y en el caso de las publicaciones que usan el formato de imagen, todo el texto se superpone a la imagen en sí.

4. Las galerías pueden agregar una galería muy fácil a WordPress. Simplemente cargue muchas imágenes en la sección Agregar medios, seleccione los deseados y haga clic en el botón de creación de la galería. Podrá cambiar el pedido, etiquetar sus imágenes y más con la interfaz en cuestión. Una galería creada para una publicación en WordPress
5. Jetpack Las tres funciones que especialmente quería para este proyecto eran galerías de faience, carruseles y opciones de intercambio social. Las galerías con mosaicos crearán el efecto de mampostería que ves en la captura de pantalla de arriba, en lugar de bloques de imágenes algo feos. La función Carousel permite a los usuarios abrir una galería en un cuadro de luz, viajar fácilmente por las imágenes, incluso agregar comentarios y ver los datos de Exif en este proceso. Finalmente, el intercambio social le permite publicar automáticamente en Twitter/Facebook y mostrar los botones Like/Tweet cerca de las publicaciones.

Página de administración principal de Jetpack
Creación de un blog de viajes: el problema ya ha creado algo hermoso, pero hay un defecto que no podemos resolver fácilmente. Cualquier campo específico de escritura contiene mucha información adicional que queremos mostrar. Los blogs de recetas pueden querer compartir el tiempo de cocina, la duración de los sitios de revisión del libro, los sitios relacionados con la película podrían mostrar directores, actores, tiempo de ejecución y más. En un diario de viajes, es posible que desee mostrar ubicaciones, puede revisar restaurantes locales, documentar a las personas interesantes que conoce, etc. Hay dos piezas en este rompecabezas: agregar datos y mostrarlas. Ya puede agregar datos personalizados a WordPress, pero todo lo que obtiene es una instalación para agregar valores clave: no es óptimo cuando agrega cosas complejas, como la ubicación. Es por eso que usaremos ACF. Podremos agregar datos de ubicación, selección de datos, cuadros de selección, introducciones de números y todo tipo de campos que nos sirven al ingresar datos. Un campo de mapa en ACF
Creo que ingresar datos al sistema de manera estandarizada es mucho más importante que mostrarlos. Una vez que se ingresan los datos y puede agregarlos constantemente, su pantalla es fácil. Incluso si no está orientado al código, puede obtener un codificador para agregar una característica mucho más fácil. El plan para hacer algo de planificación antes de crear algunos campos para nosotros mismos. Intentaré encontrar un caso de uso que incorpore muchos campos y también es realista. En primer lugar, quiero poder mostrar una ubicación para cualquiera de mis publicaciones, por lo que agregaré un campo de mapa de Google a todas las publicaciones. También pensé que sería divertido documentar algunas rutas. Escriba una publicación sobre una, distribuya la longitud, el mapa, las botellas de agua recomendadas, etc. Esto requeriría un campo de carga de archivo para el mapa PDF y algunos campos numéricos. Escribir perfiles sobre personas interesantes también es divertido, podríamos compartir la edad, el trabajo, la fecha, etc. Aquí se requeriría un campo de fecha, un campo Número, un campo de texto y otros. Finalmente, podríamos revisar algunos restaurantes y cafeterías. Podemos usar un botón de radio para evaluarlos, usar campos de texto para indicar su feed de Twitter, etc. Para abarchar nuestra interfaz, utilizaremos reglas de ubicación avanzada para nuestros campos.

Utilizaremos categorías para separar nuestras publicaciones habituales, descripciones de rutas, perfiles de personas y reseñas de restaurantes y luego usar las reglas para restringir los campos de acuerdo con la categoría de publicación. Debido a este hecho, continúe y cree las categorías que necesitaremos: rutas, personas, comida. Al final, utilizaremos un código básico para mostrar nuestros datos utilizando un tema infantil para completar el diario de viaje. Creación de grupos de campo personalizados en la sección de campos personalizados creamos cuatro grupos de campo. Las primeras opciones de ubicación contendrán un solo campo de mapa. Esto se atribuirá a todas las publicaciones. Luego creé un grupo de opciones de senderos. Contendrá todas las configuraciones que queremos agregar para escribir sobre rutas. Este grupo solo se mostrará para publicaciones en la categoría de senderos. El tercer grupo de campos se llamará Opciones de personas, lo usaremos para agregar los detalles de las personas que conocemos. Finalmente, agregue un grupo de opciones de alimentos que contengan todos nuestros campos para escribir sobre restaurantes y cafeterías. Nuestro grupo de campo en ACF después de crear cada grupo de campo, acceder a cada grupo y establecer la ubicación. La configuración de ubicación debe mostrarse en todas partes, por lo que no necesita cambiar nada allí, pero para todos los demás tendrá que especificar una segunda regla: cada uno solo debe ingresar sus respectivas categorías. Así es como está configurado:
Configuración para la ubicación del grupo de campo ACF Finalmente, una recomendación que me queda es marchar hacia abajo en el cuadro de opción y establecer la opción de estilo en “estándar”. Agregará una caja alrededor de sus opciones, se parecerán mucho más a las cajas de WordPress construidas. Agregar campos accede a las opciones de ubicación y haga clic en el campo azul agregando el campo. Lo primero que hago es ir a la tercera opción, el tipo de campo, y seleccionar el campo que quiero. En este caso, debería ser un mapa de Google, que está en la parte inferior de la lista. Luego completa todos los pequeños detalles. El bit más importante es la etiqueta de campo y el nombre del campo. La etiqueta es lo que ven los usuarios, el nombre es la forma en que se refiere al campo cuando lo toma en el código. Por defecto, el nombre se genera desde la etiqueta, y esto está bien, pero en algunos casos es posible que desee ingresar es manual. Si hace la etiqueta “su edad”, el nombre será “Age_DVS”. Podría tener sentido hacerlo solo “edades”. Sin embargo, esta es una preferencia personal, puede dejar el nombre tal como es.

Configuración completa de nuestro campo de ubicación Tenga en cuenta que establecemos la altura del mapa en 200. El valor predeterminado es 400, pero pensé que sería una buena idea mantener las cosas lo más pequeñas posible, porque es más probable que trabaje desde un Laptop pequeña en el camino. Todos los campos son fáciles de configurar, por lo que no lo guiaré a través de todo, simplemente seleccione otro tipo de campo y complete las opciones. Aquí hay una lista de todas las opciones que he configurado de mi lado:
Opciones de ubicación

Ubicación: campo de mapa de Google
Opciones de ruta
Longitud del campo – Número

Duración – campo de texto

El mapa de ruta – campo de archivo

Dificultad: seleccione el campo

Opciones para las personas
Campo de edad – Número
Color favorito – campo de selección de color
Profesión – campo de texto
Sitio web – campo de texto
Twitter – campo de texto
Opciones de comida
Tipo de ubicación (restaurante, café, etc.) – Seleccione el campo
Evaluación: campo para el botón de radio
Lo que tenía – Field Wysiwyg
Campo de ubicación – Wysiwyg
El campo de servicio – wysiwyg
El campo del menú – wysiwyg
Abierto desde – campo de selección de fechas
Una vez que haya configurado todo, es hora de ir a trabajar y escribir algunas publicaciones. Asegúrese de agregar un par a cada categoría para que tenga suficiente contenido para trabajar. Cuando creo un sistema como este, primero me gusta crear contenido completo. Esto hará que mi trabajo se vea genial cuando lo pruebe por primera vez, dándome más entusiasmo. Una vez que me aseguro de que todo funcione, pruebo el entorno, generalmente usando wpTest.io, con publicaciones que no tienen imágenes, no tienen títulos, no tienen contenido, tienen 20 categorías asignadas, etc.
Algunas publicaciones de nuestro blog de viajes
Al final del día, debe tener muchas publicaciones con diferentes categorías asignadas. Si te preguntas cómo aparece esa miniatura de publicación allí, utilicé un complemento que creé, llamado Easy Falling Images. Incluso puede aprender a crear el complemento usted mismo, ¡aquí en WPMU Dev! Cuando agrega las publicaciones, asegúrese de completar todos los campos para obtener un conjunto de datos completo. También le recomiendo que tenga una o dos publicaciones en las que omita deliberadamente parte o toda la información. Esto le permitirá probar casos en los que no desea agregar datos o simplemente olvidar.
Mostrando nuestros datos para mostrar datos, hemos creado un tema infantil. Si no sabe cómo crear uno, tenemos una guía de temas para niños, pero aquí está la versión TL; Dr. Cree una carpeta en su director de temas llamado TravelDary. Agregue dos archivos allí, style.css y functions.php. En la hoja de estilo, agregue el siguiente código, reemplazando mi nombre con usted y editando cualquier otro detalle que desee.
Cargue la idea 7D9788A0ECA709ECEE9A
La única información importante es el nombre del tema (que puede ser cualquier cosa) y la plantilla que debe ser el nombre del director del tema principal. Luego, en el archivo con funciones, haremos que WordPress cargue la hoja de estilo de los padres.
Cargue la idea 7D9788A0ECA709ECEE9A
Cambie al nuevo tema para el niño y, si ha hecho todo bien, no debe notar ninguna diferencia en el frente. Para este ejemplo, para crear una publicación sobre una ruta y mostrar la ubicación y todos los demás datos asociados con ella. Así es como las opciones miran la publicación.
Opciones para nuestra publicación sin ninguna modificación, deberíamos ver la imagen presentada en la parte superior, algo de texto y luego algo meta post en la parte inferior, algo así como la imagen a continuación. La publicación predeterminada en Yuuta para comenzar, deberá encontrar el archivo Responsable de mostrar el contenido de una sola publicación en el padre y copiarla en nuestro tema.El archivo se llama content-single.php y agregaremos todo el código que se muestra a continuación justo debajo del DIV final de entrada de entrada, debe estar en la línea 45. Para agregar primero datos no ubicados, esto será más fácil.Una tabla simple funcionará, por lo que usar the_field () en los datos ACF ne the_field () en una tabla HTML.

Cargue la idea 7D9788A0ECA709ECEE9A
Cada vez que un campo se basa en un solo valor, como un número, texto, campo de selección o similar, puede usar The_Field () para hacerse cargo. Si está en un bucle, todo lo que necesita es el nombre de campo para el primer parámetro. Fuera del bucle, puede usar la ID de publicación o un nombre de objeto y una ID para objetos que no son publicaciones. Consulte la documentación de ACF para obtener más información. Para datos más complejos, como ubicación o imágenes, tiene dos opciones. Algunos campos le permiten establecer los datos de retorno. El campo de archivo que utilicé puede devolver el objeto de archivo, URL de archivo o ID de archivo. Los dos últimos son valores simples, por lo que serán devueltos como se esperaba por The_Field (). Para recuperar datos de datos más complejos, como un objeto de archivo, debe usar get_field () para obtenerlos como matriz. En la mayoría de los casos, puede continuar usando The_Field () pero la matriz simplemente se imprimirá en la pantalla, lo cual no es muy útil. En este caso, elegí devolver la URL del archivo para poder usar The_Field () para que sea fácil de hacer. Por ahora, es bueno, es hora de ubicación. Si imprime el campo de ubicación, verá que contiene la dirección, la latitud y la longitud. Podríamos mostrarlos en una mesa, pero ¿no sería genial tener un mapa real? ¡Podemos usar la API de Google Maps para hacer exactamente eso!

Hay tres pasos para hacer eso. Primero, vaya a Google Developer Console y registre una aplicación. Debería poder seguir las instrucciones en la pantalla y luego obtener una tecla API. Luego deberá poner la API de JavaScript con la tecla API en la cola. Finalmente agregaremos un código para mostrar el mapa. Para poner el script en la cola, agregue el siguiente código a la función TD_THEME_STYLES () que ya debería tener.
Finalmente, por encima de la tabla que creé, agregue el siguiente código, ¡siga la explicación!
Cargue la idea 7D9788A0ECA709ECEE9A
En primer lugar, tomo el campo de ubicación. Luego agregué un título con la latitud y la longitud mostrada. El siguiente es un elemento que sostendrá el mapa. El a continuación JavaScript utiliza la API JavaScript de Google Maps para mostrar un mapa simple. El resultado de nuestro trabajo debería ser algo así como la captura de pantalla a continuación.
El contenido personalizado agregado en nuestro diario de viajes podría verse mejor, pero teniendo en cuenta lo poco que lo hicimos, ¡se ve muy bien! Si lo desea, puede comenzar a agregar algunos estilos en la hoja de estilo del tema de su hijo para que se vea más hermoso. Agregando la filtración frontal ahora tenemos todo este poder para mostrar nuestros datos, pero ¿qué hay de permitir que los usuarios naveguen a través de nuestras publicaciones de diferentes maneras? ¿Qué tal si les permite mirar las rutas que tienen dificultades fáciles? Activemos esto en dos pasos: primero, cambiaremos el interrogatorio de la página inicial para permitirnos hacerlo, creando un enlace que podamos compartir en una página que muestre estas publicaciones. En segundo lugar, agregaremos algunos enlaces a la navegación y permitiremos que nuestra tabla de datos se vincule a esta página. Para terminar la primera parte, usaremos el gancho pre_get_posts que es ligeramente peligroso de usar. Afecta todos los interrogatorios en el sitio, por lo que es posible ver que también afecta al administrador. Por ejemplo: si la uso para excluir una determinada categoría en la página principal y no uso las declaraciones condicionales correctas, puede excluirlas en la publicación de administrador. Dicho esto, si nota problemas, apaga la función y las cosas volverán a la normalidad. Esto es lo que hice: la idea de 7d9788a0eca709eCeee9a está cargada
Los argumentos adicionales de la interrogación que hemos establecido comenzarán solo si estamos en la página principal, el interrogatorio es el principal (no una consulta secundaria en el bucle) y si los parámetros de consulta de metal y meta_value están presentes. Si se cumplen estas condiciones, las agregamos como parámetros en la consulta, lo que resultará solo en las publicaciones que han establecido el meta valor específico. Tenga en cuenta que esto funcionará para nuestros datos de dificultad personalizados, así como para cualquier otra información clave valiosa. Podríamos usarlo para contactar a las rutas de 20 minutos. Una vez que esto se desarrolle, podemos hacer un enlace en http://mywebsite.com/?meta_key=difficulty&meta_value=easy para enumerar todas las rutas que tienen una dificultad fácil. Desde aquí, podemos agregar esto como un enlace a nuestro menú de navegación y podemos cambiar la dificultad en nuestra tabla anterior: Cargue la idea 7D9788A0ECA709E9A

Agregar columnas de administrador Si está decidido a optimizar su experiencia, incluso puede cambiar el administrador para adaptarse mejor. Supongamos que escribe una publicación sobre cada lugar que visita. Además del campo de ubicación, que es válido para todas las publicaciones, podemos agregar un campo de “días gastados” que documentará la cantidad de días en los que se quedó en la ubicación. Puede agregar este campo a la pantalla de administración como una columna en la lista de publicaciones. No solo esto, sino que puede filtrar y ordenar y, de acuerdo con el valor, veamos cómo. Agregar columnas requiere unos pocos pasos, dependiendo de qué tan profundo quiera descender en la madriguera del conejo. Primero deberá agregar las columnas en sí, luego completar los datos utilizando una segunda función. Finalmente, puede agregar acciones avanzadas como filtrar y clasificar con más código. Para comenzar, agregue y elimine algunas columnas. Esto se puede hacer utilizando administración_ [post_type] _posts_columns ul man_ [post_type] _posts_columns, que es un gancho variable, debe usar el tipo real de publicación al que está dirigido. La función hoced recibe las columnas actuales como una matriz en el primer parámetro. Podemos deshabilitar partes de esta matriz para eliminar columnas y crear nuevos miembros para agregar. Cargue la idea 7D9788A0ECA709EAE9A

Al final de esta función, tenemos que devolver una lista de columnas, la tecla Matrix debe ser el nombre y el valor debe ser el título que se muestra. La razón por la que tengo un código adicional es colocar nuestro nuevo campo inmediatamente después del cuadro de selección, en lugar del final de la tabla. He eliminado por completo las etiquetas y columnas del autor, porque no son necesarias para mis propósitos y he agregado la columna de los días gastados. El siguiente paso es agregar contenido allí, lo que se puede hacer con la variable ganaz administrada_ [post_type] _posts_custom_column. Podemos pagar el pedido basado en esta columna en dos pasos. Debe administrar_edit- [post_type] _sortable_columns una función en gestión_edit- [post_type] _sortable_columns que devuelve todas las columnas que permiten la clasificación. También necesitamos una función que se conecta para solicitar cambiar la ejecución de la consulta en la página de administración, dependiendo del nuevo pedido. Esta característica debería devolver WP_QUEY VARS, aquí está cómo.
Otro cambio final que haré es agregar un poco de CSS. En este momento, el ancho de la columna de los días gastados es enorme y empuja el título a la derecha. Resolveré esto th.column-days {ancho: 80px} Una hoja de estilo que agrega una regla simple: th.cunumn-dass {ancho: 80px}.
Cargue la idea 7D9788A0ECA709ECEE9A
Al final del proceso, deberíamos ver una nueva columna en el administrador que muestra los días que pasan en la ubicación. Debería poder hacer clic en el encabezado para aumentar el aumento o descender.
Una columna adicional en la lista de publicaciones de administración, concluyo, creo que con WordPress y un gran sistema como ACF es muy fácil crear algo personalizado para sus necesidades, incluso si no es un desarrollador de corazón.Una vez que comprenda cómo crear y mostrar los campos básicos, es esencialmente la repetición allí.¿Has creado un diario de viajes de WordPress?¿O creó algo adaptado a sus necesidades utilizando la misma metodología aquí?Cuéntanos en los comentarios a continuación y distribuye tus enlaces.Etiquetas: diario
viajar