homefinance blog
Los campos personalizados de WordPress son esenciales para muchos desarrolladores. Estos le permiten agregar información personalizada a publicaciones y páginas y crear soluciones personalizadas para crear contenido en diferentes tipos de sitios web. Por ejemplo, se pueden usar campos personalizados para incluir un menú dedicado en el editor de WordPress que permite a los usuarios agregar evaluaciones a las revisiones de películas. Establecer una fecha de vencimiento para publicaciones de blog es otra opción que se puede implementar con su ayuda. Sin embargo, debido a que esta característica es tan compleja, tan fuerte, muchos no desarrolladores lo están evitando e improvisando otras soluciones.
Afortunadamente, el complemento de campo personalizado avanzado ofrece campos personalizados para usuarios comunes y, en este tutorial, lo descubrirá. El artículo no solo le brinda una visión general de los campos personalizados de WordPress y sus capacidades, sino que le mostrará en detalle cómo usar el complemento avanzado de campos personalizados para obtener lo mejor para su sitio. Entonces vamos, tenemos mucho que cubrir. contenido
¿Qué son los campos personalizados de WordPress?
Ejemplos de campos personalizados de WordPress
Ventajas de los campos personalizados de WordPress
Cómo agregar manualmente campos personalizados a WordPress
¿Por qué debería usar campos personalizados avanzados?
Cómo instalar campos personalizados de complemento avanzado
Cómo usar campos personalizados de complemento avanzado
Cómo mostrar campos personalizados en su tema de WordPress
¿Cómo utilizará campos personalizados avanzados?
¿Qué son los campos personalizados de WordPress? En resumen, los campos personalizados son una forma de metadatos que se pueden usar para expandir publicaciones y páginas. Como resultado, son muy similares a las cosas como la fecha de publicación, el autor, la categoría, la etiqueta y otros datos que son Común para muchos tipos de contenido de WordPress. Aunque suena un poco abrumador, los campos personalizados son en realidad la característica más fuerte para la extensión de las publicaciones y páginas de WordPress. Verás pronto por qué. Ejemplos de campos personalizados de WordPress, por lo que prácticamente, los campos personalizados le permiten incluir información adicional de cualquier tipo en su contenido. Aunque no es espectacular en abstracto, se vuelve más interesante cuando observa ejemplos concretos de campos personalizados en acción.
Ya hemos mencionado algunos casos de uso en la introducción. Los metadatos en campos personalizados pueden tomar, por ejemplo, el formulario
Un sistema de puntuación para un tipo de publicación de película
Inicio y finalización de horas para eventos (como en el complemento de organización de eventos)
Precios de productos o variaciones de color y tamaños
Meta cajas adicionales en el editor de WordPress, como la herramienta de análisis de contenido de Yost SEO,
Sí, todos estos están hechos con campos personalizados. ¿Ahora comienzas a ver por qué esta característica es tan fuerte? Las ventajas de los campos personalizados de WordPress en teoría, puede agregar muchas de esta información a su contenido de otras maneras.
Los puntajes de la película se pueden agregar directamente a la publicación. Si este es el caso, ¿para qué necesita campos personalizados? La ventaja de usar campos personalizados para agregar datos recurrentes es que facilita el cambio de cosas a nivel del sitio. Por ejemplo, si ha decidido mover los puntajes de la película a otra ubicación en sus publicaciones, puede hacerlo para todas las reseñas cambiando una plantilla. Si ha guardado la información dentro de las publicaciones, deberá editar cada una para implementar el mismo cambio en todo su sitio. Suena mucho más complicado, ¿no? Además, el uso de campos personalizados a menudo ofrece una experiencia mucho mejor para el usuario. Como verá a continuación, le permiten incluir metachers en el editor de WordPress y en otros lugares donde la información completa se agrega automáticamente al contenido final, al lugar correcto. Esto hace que las cosas sean más cómodas y si desarrolla sitios web para otras personas, un aspecto profesional. ¿Qué suena mejor: darle al cliente una interfaz de administración personalizada que hace exactamente lo que quiere o que les diga que escriban todo en la publicación y que lo formatea manualmente?
Yo descanso mi caso. Cómo agregar manualmente campos personalizados a WordPress Aunque este tutorial le enseñará cómo usar el complemento avanzado de campos personalizados, debe decirse que no necesariamente necesita el complemento para aprovechar esta función de WordPress. Esto se debe a que la capacidad de agregar campos personalizados se construye nativo de WordPress (además de codificarlo manualmente, es decir). Como verá más adelante, Advanced Custom Fields hace que el proceso sea mucho más fácil, sin embargo, en aras de la finalización, le mostraré rápidamente la ruta alternativa. Es posible que no lo sepa, pero en realidad hay una metabox de campo personalizada disponible en el editor de WordPress. Sin embargo, comenzando con la versión 3.1, está oculto de forma predeterminada y debe usar las opciones de pantalla en la parte superior para verla. Después de eso, el cuadro aparece en la parte inferior de la pantalla del editor.
Aquí, puede agregar fácilmente cualquier campo personalizado que desee. Todo lo que tienes que hacer es darle un nombre y valor. Por ejemplo, para decirle a la gente qué música ha estado en sus auriculares mientras escribe publicaciones, puede agregar un campo personalizado llamado I Listing You: más la canción que se ejecuta en este momento.
(¿Es Taylor Swift y para usted? Otras publicaciones en el futuro y se pueden elegir desde un menú desplegable.
Ahora solo hay que agregar código a cualquier plantilla en la que desee aparecer en este campo. Abordaremos este tema más detallado a continuación. ¿Por qué debería usar el complemento avanzado de campos personalizados? Si esto se puede hacer por WordPress predeterminado o manualmente, ¿por qué se necesita un complemento? Es decir, una evaluación completa de cinco estrellas en el director de WordPress en más de un millón de instalaciones activas, significa que tienen que tener algo bien, ¿verdad? Bueno, sí. El complemento prácticamente ofrece una interfaz de usuario avanzada para agregar campos personalizados a WordPress. Su principal ventaja es que los campos personalizados avanzados tienen más de 20 preestablecidos diferentes para campos integrados, lo que hace que su creación sea mucho más rápida y fácil. Los preajustes incluyen:
Texto: campo de texto en una sola línea con soporte HTML opcional y límite de caracteres
Área de texto: al igual que el texto, pero con más líneas
Número: campo numérico que puede tener valores mínimáticos opcionales
E – Correo – Campo personalizado para ingresar el correo electrónico, incluida la validación
Contraseña: ingresar la contraseña con el enmascaramiento del texto
Editor de Wysiwyg – Entrada del editor de WordPress con opciones y los botones del editor
Imagen: cargue una imagen o seleccione una de la biblioteca de medios. Devuelve un objeto, una URL o dirección de identificación.
Archivo: lo mismo que la imagen, pero para los archivos en general
Selección: menú adjunto con soporte para múltiples selecciones
Cadena de selección: cuadro de selección para elementos individuales o múltiples
Botón de radio: elija un solo elemento a través del botón de radio
Verdadero / Falso – Selector básico verdadero o falso
Enlace a la página: devuelve la URL de cualquier publicación o página. Puede limitarse a ciertos tipos de publicaciones. Public Objeto: devuelve un objeto de WordPress de cualquier publicación o página, tipo de publicación o taxonomía
Relación: como el objeto de la publicación, pero con una interfaz avanzada y reordinación por deslizamiento y colocación
Taxonomía: devuelve un objeto o identificación para una o más taxonomías. Se puede limitar a etiquetas, categorías o términos taxonomías personalizadas.
Usuario: seleccione uno o más usuarios. Opción para limitar la elección de acuerdo con el papel del usuario.
Google Map – Establecer un centro, un nivel de zoom y un ancho
Selector de datos: seleccione una fecha de calendario y devuelva una cadena de fecha formateada
Selector de color: seleccione un color hexazecimal
Mensaje: deja un mensaje
Campos de combina de pestañas en una interfaz de filete
Además de estos útiles preajuste, el complemento también le permite definir reglas para determinar dónde aparecerán en el administrador de WordPress.
De esta manera, puede mostrar solo campos personalizados en ciertas categorías de publicaciones y, de lo contrario, puede mantener el área de la administración gratuita. Varias extensiones disponibles agregan más funciones. Algunos de ellos son gratuitos, como:
Campos personalizados avanzados: campo de menú de ahorros: agrega un campo para establecer menús personalizados para publicaciones y páginas.
ACF: barra lateral selectora: le permite seleccionar una barra lateral de WordPress grabada.
Otros son soluciones premium:
Campo repetitivo: permite a los usuarios crear modelos complejos con cualquier cantidad de campos.
Gallery Field: ofrece una interfaz para administrar una colección de imágenes.
Opciones de página: cree una página de opción personalizada para el tablero de WordPress, bueno para recopilar datos en todo el sitio. Contención flexible: configure varios aspectos con múltiples campos que se pueden usar en cualquier orden de la página.
En resumen, WordPress Advanced Custom Fields hace que el contenido con contenido de metadatos personalizado sea tan fácil como completar un formulario y le brinda un control completo sobre cómo se usa en el área de administración de WordPress. Si lo anterior te hizo curiosidad, tienes suerte. Ahora analizaremos en profundidad cómo instalar y usar el complemento para implementar campos personalizados de WordPress en su sitio web de WordPress. Cómo instalar los campos personalizados del complemento avanzado El complemento avanzado de campos personalizados se instala como cualquier otro complemento. Vaya a complementos> Agregar nuevo y busque campos personalizados avanzados, luego presione ENTER. El complemento debe aparecer en primer lugar y puede obtenerlo en su sitio instalando ahora. Cuando se complete la instalación, no olvide activar. Alternativamente, también es posible descargar campos personalizados avanzados de WordPress Director y luego cargarlos en su sitio a través de FTP. En cualquier caso, ahora deberían aparecer un nuevo menú personalizados en su área de administración de WordPress.
Cómo usar el complemento avanzado de campos personalizados ahora inicia el trabajo real. Sin embargo, como verá pronto, no es un trabajo real. Crear campos personalizados con este complemento es simple.
Para que el proceso sea más fácil de entender, se me ocurrió un caso concreto de uso para la demostración. Para este tutorial, crearé un grupo de campos personalizados para un tipo de publicación llamada libros que uso para – Drumroll – Revisiones de libros. (Por cierto, si no está un poco claro en los tipos de publicaciones personalizadas y cómo crearlas y usarlas, vaya a nuestro tutorial sobre este tema). En particular, quiero agregar los siguientes datos: el año de lanzamiento del libro
El autor del libro
Evaluación de libros (de diez)
Vamos a empezar. 1. Crear un nuevo grupo de campo Un grupo de campos es exactamente lo que suena: un grupo de campos personalizados que pertenecen localmente. Por ejemplo, toda la información que quiero agregar a las reseñas de mis libros se correlaciona lógicamente y, por lo tanto, puede ingresar a un solo grupo. La creación de grupos de campo es la función principal de campos personalizados avanzados. Por supuesto, un grupo puede contener un solo campo, pero esta es la terminología que han elegido. Para crear uno, haga clic en campos personalizados en el área de administración de WordPress. El menú en el que se encuentra muestra todos los grupos de campo que ha creado.
Por ahora, estará completamente vacío. Para cambiar esto, busque el botón Agregar nuevo en la parte superior y haga clic en él. Esto lo llevará a la siguiente pantalla:
No se preocupe si parece un poco abrumador, tan pronto como pasó por el proceso una vez que comprenda todo allí. Por el momento, sin embargo, solo un nombre para su grupo de campo en la parte superior. Yo, voy con los metadatos del libro. Después de eso, podemos pasar a la adición de campos al grupo. 2. Agregue y configure campos para comenzar a agregar campos a su grupo, haga clic en el botón Azul grande Agregue el campo desde la parte inferior (¿quién hubiera pensado?). Este formulario se abrirá: esto es lo que significa y para lo que se usa cada uno de los campos en la forma:
Etiqueta de campo: el nombre que aparece en el menú de campo personalizado avanzado
Nombre del campo: el nombre utilizado dentro de las plantillas y el código. Debe completarse automáticamente con la etiqueta. No hay espacios entre palabras, solo guiones y subrayado.
Instrucciones de campo: deje instrucciones para usar el campo más tarde
Obligatorio: determine si este campo es obligatorio o no. Si es así, los autores no podrán guardar publicaciones o páginas asociadas con el campo personalizado a menos que contenga algo.
Valor predeterminado: este valor completará automáticamente el campo al crear una publicación
Texto sustituto: aparece en los campos introductorios en la pantalla del editor
Prepago y adjunto: define lo que aparece antes y después de que ingresó el texto
Comprobación de formato si la introducción HTML en un campo de texto se representará en la pantalla
Límite de caracteres: opcionalmente, establezca un límite en el número de caracteres que se pueden ingresar
Lógica condicional: reglas para cuándo son visibles los campos
Valor mínimo y máximo: el número mínimo y máximo permitido dentro de un campo
El tamaño del paso: define el paso por el cual se reduce o aumenta un número al hacer clic en las flechas. Cierre el campo: cierre el campo visto actual para configurar a otros (grupo de campo, ¿recuerdas?).
Tenga en cuenta que no todas estas opciones pueden ocurrir. Por ejemplo, el valor mínimo y máximo, así como el tamaño del paso, están disponibles solo para los campos que contienen números. También hay opciones adicionales disponibles para otros tipos de campos, pero no nos abordaremos en este momento. Mi propia configuración se ve así:
Etiqueta de campo: año de lanzamiento
Nombre del campo: Release_year
Tipo de campo: número
Instrucciones de la tierra: escriba aquí el año del lanzamiento del libro.
Obligatorio: si
Hago este campo obligatorio porque necesariamente quiero que los autores lo completen (y yo).
Etiqueta de campo: autor
Nombre del campo: autor
Tipo de campo: texto
Instrucciones de campo: utilice el nombre y el apellido sin coma, por ejemplo, “Stephen King, JK Rowling”.
Obligatorio: si
Formateo: sin formato
Como puede ver, proporcione instrucciones claras sobre cómo usar este campo. La configuración de “formato” es evitar que alguien agregue HTML aquí, lo que confundiría mi apariencia.
Etiqueta de campo: evaluación de libros
Nombre del campo: book_rating
Tipo de campo: número
Instrucciones de la tierra: evalúe la calidad del libro en una escala de uno a diez.
Obligatorio: si
Valor mínimo: 1
Valor máximo: 10
Tamaño del paso: 1
Debido a que la escala de evaluación es de uno a diez, es lógico limitar el campo a estos números para que nadie pueda ingresar nada más. Después de haber terminado, puede cerrar los campos para ver todo el grupo. Esto también le permite cambiar el orden de los elementos deslizándose y la colocación. Por ejemplo, decidí que quería poner al autor en la parte superior, incluso si no es el primer campo que creé y puedo hacerlo fácilmente. Configure la ubicación y las opciones del campo personalizado antes de terminar aquí, debemos configurar dónde y cómo aparecerán los campos personalizados recién creados y lo hacemos con el panel de ubicación y las opciones.
En la ubicación, puede agregar reglas que determinen en qué circunstancias se mostrarán los campos. Se pueden incluir y excluir según:
el tipo de publicación
Tipo de usuario
Publicación exacta
Categoría post
formato de publicación
el estado del puesto
post taxonomía
Página exacta
el tipo de página
la página principal
plantilla de página
archivo adjunto
Término de taxonomía
usuario
En mi caso, quiero limitar mi grupo de campo a mi tipo de publicación en el libro, por lo que elegiré el tipo de publicación> es igual a> libros. Después de eso, va a opciones. Esto es lo que significa cada configuración:
No. Orden: el orden que tomará este campo de campos si hay más en la misma pantalla
Posición
Normal – Bajo el editor de contenido
Alto – bajo el título
Lado: al lado del editor
Estilo
Sin interrupciones: sin un metabox WordPress
Estándar en un metabox
Ocultar en la pantalla: seleccione cuadros que le permitan ocultar otros paneles que no necesitará, como etiquetas, categorías, comentarios y más
Elija lo que es adecuado para su caso, voy con: posición: lado
Estilo: estándar
El resto me voy por ahora. Cuando haya terminado, presione la publicación. Después de eso, puede ir al tipo de publicación personalizada para ver si aparecen los nuevos meta campos. En mi caso, lo hago.
Muy bien, ahora no le queda nada que hacer que hacer que sus campos personalizados aparezcan en su página para hacer esto, agregue algunos datos de prueba y publique la publicación; es hora de editar algunos archivos temáticos. Cómo mostrar campos personalizados en su tema de WordPress Para mostrar campos personalizados en su sitio, debe llamarlos en un archivo de plantilla. Por lo tanto, en la mayoría de los casos, el primer orden del día es copiar la plantilla para publicaciones individuales, que generalmente es soltera.php. Consulte la jerarquía de la plantilla de WordPress Si no está seguro de cuál es la adecuada para usted. La jerarquía me dice que para crear una plantilla personalizada para un solo tipo de publicación, puedo cambiar el nombre del archivo en un solo-postname.php. Por lo tanto, copiaré el archivo de plantilla y lo guardaré como un solo-libro.php en la carpeta con el tema de mi hijo. Después de eso, es hora de llamar a nuestra nueva publicación de metadatos, que se puede hacer por get_post_meta () pero se recomienda usar sus propias funciones. En este caso, usaré the_field () que me permite mostrar campos personalizados para la publicación actual. Cuando lo empaco en mi propio div y agrego un poco de marcado, el código sale como:
autor:
año de lanzamiento: /10
Ahora solo tengo que presentarlo en mi plantilla de publicación recién creada donde quiero aparecer, agregue un poco de estilo a mi hoja de estilo y listo.
No es tan difícil ahora, ¿no? Te dije que sería un pedazo de pastel. ¿Cómo utilizará campos personalizados avanzados? Los campos personalizados facilitan la extensión del contenido de cualquier manera posible. En combinación con tipos de publicaciones personalizadas, le permiten construir exactamente el sitio que necesita con los datos que desea mostrar. Aunque puede ser un tema abrumador, los complementos como los campos personalizados avanzados permiten a los principiantes usar esta función sólida en su sitio y no lo hacen más difícil que completar un formulario. Aunque existen otros complementos con características similares, como tipos y vainas, avanzado Fields Custom es uno de los favoritos entre los desarrolladores y por buenas razones. Si desea comenzar a trabajar con campos personalizados, la información anterior es más que suficiente para ayudarlo a comenzar y permitirle personalizar sus sitios y clientes de manera nueva y poderosa. Apenas puedo esperar a escuchar lo que planeas hacer con él. ¿Utiliza campos personalizados avanzados? ¿Para qué? ¡Háganos saber en la sección de comentarios!
