Si hay una característica de WordPress que lo distingue de otros sistemas de administración de contenido (CMS), es la personalización. Los campos personalizados en WordPress son una parte integrada del CMS que le permite ampliar no solo los metadatos y la información que se muestra, sino también cambiar por completo la funcionalidad y la usabilidad de la publicación o página. Queremos ayudarlo a comprender los conceptos básicos. Cubriremos qué es un campo personalizado, por qué es útil y brindaremos algunos ejemplos reales de cómo usarlo.
Suscríbete a nuestro canal de YouTube
¿Qué son los campos personalizados de WordPress?
En resumen, los campos personalizados de WordPress le permiten agregar elementos específicos a sus páginas. Podría ser un tipo específico de imagen, publicación o biografía del autor, tal vez una calificación o incluso algo similar. Entrada en el código en campos personalizados, estado de ánimo, lectura actual, escucha o clima.
Estos campos crean lo que se conoce como los metadatos de su publicación (básicamente cualquier cosa que no esté incluida en el cuerpo principal de su publicación). De forma predeterminada, WordPress tiene meta-boxes para información general como etiquetas, categorías, enlaces permanentes, imágenes destacadas, etc. Si desea agregar más, usará campos personalizados.
Incluso puede agregar información que cada autor de su equipo debe completar para publicar una publicación.
Puede crear un campo obligatorio que evitará que se publique la publicación hasta que se verifiquen ciertos criterios. Así que recuerda que estos campos personalizados no son solo para información en la interfaz de usuario. También pueden ser útiles en el back office.
Agregar campos personalizados a su entrada de WordPress
De forma predeterminada, los campos personalizados de WordPress están deshabilitados en la página y el editor de publicaciones. Si está utilizando el Editor de bloques, es fácil activarlos. Simplemente haga click icono de engranaje en la esquina superior derecha de la pantalla. Elegir Opciones.
Luego seleccione para habilitar Campos Personalizados en la parte inferior de la pantalla emergente. Tendrás que volver a cargar la página, así que primero guarda tu trabajo.
Después de habilitar y recargar, los metacampos de campos personalizados aparecerán en la parte inferior de la pantalla. Debajo de la parte del editor de contenido en pantalla.
Si bien los campos personalizados de WordPress son increíblemente poderosos, los valores predeterminados se limitan a un valor de texto. Se necesita PHP y desarrollo para ser más confiable. Afortunadamente, hay complementos que funcionan para usted, y lo guiaremos a través de cómo hacerlos funcionar. Si solo necesita un cuadro de texto en algunas publicaciones y no desea el complemento, puede omitir la adición de campos personalizados de WordPress a la interfaz de su tema a continuación. Esto se aplica tanto a los campos predeterminados como a los generados por complementos como los campos personalizados avanzados.
Uso del complemento de campos personalizados avanzados
Como con la mayoría de las cosas en WordPress, tiene dos opciones de implementación. Puede editar manualmente los archivos PHP para agregar la funcionalidad de campos personalizados, o puede usar un complemento. En este caso, nosotros Recomiendo encarecidamente ir a la ruta de complementos.. Sin embargo, si siente la necesidad de editar PHP y acceder al código, puede hacerlo a continuación. Apariencia – Editor de temas. Aquí está Página de código de WP en campos personalizados para empezar. Se conecta a una variedad de etiquetas de plantilla y ganchos que necesitará ejecutar.
Pero nuevamente, le recomendamos encarecidamente que use el complemento Campos personalizados avanzados en lugar de modificar su código. El plugin te permite hacer lo que quieras de campos personalizados (y algunos más), por lo que no sentimos la necesidad de reinventar la rueda. Cuando funciona, funciona. úsalo
Después de instalar y activar ACF, notará: Campos Personalizados entrada en la barra lateral izquierda del panel de administración de WordPress. Tiene tres opciones: Grupos de campos, Agregar Nuevo,y Instrumentos.
Grupos de campos pueden ser considerados como conjuntos. Todo lo que desee que aparezca en el mismo campo se incluirá en el mismo grupo. Agregar nuevo le permitirá agregar un nuevo grupo y nuevo campo personalizado. Tiempo Instrumentos es donde puede importar y exportar varios conjuntos de campos personalizados existentes de otros sitios de WordPress.
Conceptos básicos de ACF
Crear los campos en sí es bastante sencillo. Mover a Agregar nuevo ventana.
Pase lo que pase, los campos ACF personalizados se incluirán en el grupo de campo. Solo significa campos específicos que están contenidos dentro del mismo campo. Así que puedes nombrarlo como quieras que aparezca en el editor de publicaciones. Cada vez que desee agregar una entrada individual al grupo, haga clic en Agregar un campo botón. Haz esto cada vez que quieras un campo diferente en el mismo metabox. los Ubicación las reglas definen dónde y cuándo aparecerá la ventana emergente. En este ejemplo, porque El tipo de publicación es igual a la publicación, esto significa que solo aparecerá en Publicaciones. No páginas u otros tipos de publicaciones personalizadas.
Entonces tienes que elegir realmente Ajustes por el campo mismo. Qué hará y qué función desempeñará en el sitio web.
Básicamente, eliges la ubicación (debajo del contenido de la publicación en el editor, en la barra lateral, encima del contenido, etc.), así como el lugar para el texto y los campos. los Ocultar en pantalla la zona es la más interesante. Dependiendo de cómo desee utilizar sus campos personalizados, puede excluir todos los demás meta-cuadros de sus borradores. Seleccione las condiciones para la apariencia de este campo personalizado y luego especifique qué otros campos se muestran con él, si los hay. Muchas veces ni siquiera te preocuparás por eso.
Crea tus propios campos con ACF
Después de nombrar su grupo de campo, puede hacer clic en Agregar un campo botón. Puede tener tantos campos como desee en el mismo grupo, pero asegúrese de que todos estén relacionados entre sí. Puedes hacer casi cualquier campo de entrada que puedas imaginar con ACF.
En este ejemplo, suponga que ejecuta un sitio de WordPress de cultura pop que busca videos y desea que los campos personalizados muestren una calificación si el video se está transmitiendo y, de ser así, dónde encontrarlo.
Todo esto estaría en el mismo grupo de campos pero en diferentes campos. Como se ve arriba, ¿Está transmitiendo? el campo está configurado como un botón de opción con un selector de sí/no que se requiere antes de la publicación. Además, queremos que el campo condicional se muestre si el campo está marcado como Sí. Esto se hace simplemente presionando Agregar un campo otra vez.
DE lógica condicional encienda, solo necesita seleccionar el campo al que está sujeto y cuál debe ser el valor. En este caso, ¿Está transmitiendo? debe ser igual abajo Sí.
En el editor de publicaciones, la entrada de sus campos personalizados se verá así:
Y cuando publique su publicación, los metadatos que ingrese serán parte de ella. Pero hay otro problema. No puedes verlo, y tampoco tus invitados.
¿Cómo mostrar campos personalizados en la interfaz de WordPress?
Incluso si lo hizo todo a la perfección, los datos ingresados no aparecerán en la interfaz del sitio web sin algunos ajustes menores. Después de todo, ¿dónde aparecería ella? Muchas veces su tema le permitirá mostrar metadatos y campos personalizados, pero difieren en el tema. Compruebe las opciones del tema en la documentación.
Otra forma de mostrar campos personalizados en la interfaz de usuario es accesos directos ACF integrados. Si bien no hay un configurador o constructor incorporado en ACF, puede usar el siguiente código hash para solo cuadros de texto.
Pero dado que está limitado a cuadros de texto, puede ser de uso limitado para muchas personas. También puede ingresar a PHP y usar el código ACF como en el de ellos ejemplos de documentación. También puede actualizar a ACF Pro y acceda al bloque de Gutenberg incorporado que muestra el campo personalizado exactamente como lo diseña en el asistente.
Pero como dijimos, muchos temas actualmente vienen con integración de campos personalizados y le mostraremos cómo es compatible. divide.
Cómo mostrar campos personalizados en la interfaz de usuario con Divi
En primer lugar, recuerda que muchos módulos Divi pueden representar accesos directos. Muchas veces, los cuadros de texto personalizados creados en ACF se pueden insertar simplemente usando sus accesos directos como mencionamos anteriormente.
En el ejemplo anterior, que usa lógica condicional y botones de radio, usaremos la función de contenido dinámico de Divi. También es muy fácil de usar. Le mostraremos esto con Divi Theme Builder, pero puede usarlo literalmente en cualquier módulo que lo admita en Divi Creator normal. haga clic aquí negro + y seleccione el módulo requerido. Para eso es Texto Módulo.
Luego busque la parte del módulo donde desea insertar el campo personalizado. echa un vistazo a Contenido dinámico en el lado derecho de cualquier lugar que admita esta función.
Haga clic en él para seleccionar todos los tipos de contenido dinámico disponibles en el menú desplegable, incluidos todos los campos personalizados. Podrían estar en el fondo.
Divi te da la opción de agregar etiquetas antes/después al contenido de un campo. Queremos que nuestro texto se lea naturalmente como parte de la publicación, por lo que ¿Esta película está disponible para transmisión en línea? se colocará delante del valor al representar el campo. También agregamos un espacio al final para separar nuestra etiqueta del valor ACF.
Dado que solo puede tener un elemento de contenido dinámico por área de módulo, repita este proceso para los otros campos. Sin embargo, recuerda que incluso si el campo personalizado es condicional, El módulo Divi no es. Entonces, si usa una etiqueta antes/después en el campo condicional, aún verá esa etiqueta. Si lo deja en blanco, no se representará ningún valor.
Además Habilitar HTML sin procesar esta opción generará cualquier código que ingrese en el campo ACF, como enlaces a diferentes plataformas, etc.
Envase
Como puede ver, a pesar de que parece bastante complicado, los campos personalizados de WordPress son una característica que el desarrollador no requiere. Simplemente instale ACF y comience a personalizar la forma en que usted y su equipo ingresan la información. Ya sea que se trate de un sitio de reseñas, un mercado de comercio electrónico o incluso un blog amigable en el que desea compartir lo que está sucediendo en su vida, poder modificar y modificar los metadatos de su publicación y página puede llevar su sitio al siguiente nivel.
¿Para qué usas los campos personalizados de WordPress?
Foto destacada de SurfsUp / shutterstock.com
