Cómo usar campos personalizados en WordPress

Cómo usar campos personalizados en WordPress


Mientras escribía su artículo anterior, es posible que se haya desplazado sobre el área de Campos personalizados en el editor de publicaciones.

Esta característica simple, pero tan poderosa de WordPress, puede pasar desapercibida para los principiantes, pero en realidad es una característica que indudablemente puede transformar su sitio web simple y sencillo en un portal dinámico que atraerá nuevos visitantes.

Permítanos mostrarle más sobre los campos personalizados y cómo usarlos en su sitio:

  • ¿Qué son los campos personalizados y cómo funcionan?
  • Cómo listar publicaciones con un campo personalizado específico
  • Mostrar barra lateral utilizando campos personalizados
  • Cambiar encabezado, pie de página o barra lateral para publicaciones individuales con campos personalizados
  • Implemente campos personalizados avanzados más fácilmente con el código de tema ACF
  • Muestra tu estado de ánimo o una canción con campos personalizados

¿Qué son los campos personalizados y cómo funcionan?

¿Qué son exactamente los campos personalizados?? Estos pequeños campos permiten a cualquier usuario ingresar información adicional sobre la publicación. Esto se conoce como metadatos, es decir, “datos sobre datos” y le permite adjuntar información adicional a sus publicaciones. Los valores que puede ingresar en los campos personalizados pueden variar desde algo simple como agregar un texto o un número a su publicación, agregar imágenes, cambiar estilos a través del campo o hacer cualquier cosa que se le ocurra..

Campos Personalizados

Quizás todo sea más claro con un ejemplo.

Imagine que está ejecutando un sitio web dedicado a los videojuegos. Escribes noticias y publicas trailers, juegas con hardware de juegos para que puedas hablar sobre ello y, por supuesto, escribes reseñas después de que llegan nuevos juegos. Después de escribir una reseña y colocar capturas de pantalla y videos de juego en el artículo, probablemente desee mostrar información importante sobre el juego.

En lugar de ocultar la información más importante sobre un juego en el texto extenso, es posible que desee mostrar la puntuación de un juego, los nombres de desarrollador y editor vinculados a su sitio web, fecha de lanzamiento, etc. Sí, los campos personalizados son algo que puede ayudarlo a hacer magia.

Si deja que sus autores ingresen esa información en un campo personalizado, puede extraer fácilmente la información y mostrarla además de la revisión. Has visto cuadros de información en sitios de revisión. Si lo hace, todas las revisiones pueden tener una plantilla estandarizada; esto puede mejorar la experiencia del usuario, tanto en la parte frontal como en la parte posterior.

Siguiendo el ejemplo del sitio web de juegos, terminaría teniendo varios campos personalizados que sus autores pueden ingresar y que muestra a sus lectores:

Información de Call of Duty

Esta es la información que sus autores ingresarían en campos personalizados, y puede mostrarla en una publicación. Pero cómo?

Mostrar todos los campos personalizados:

Si solo tiene un campo o desea mostrar todos sus campos en el mismo lugar, puede conectar sus metadatos de una sola vez con una función simple:

  1. Abrir single.php
  2. Busque la función the_content () y pegue este código antes o después (dependiendo de dónde desee mostrar los campos personalizados):
  3. Guardar cambios

Mostrar campo personalizado específico:

Eso es. Esa función simple ahora permanecerá enganchada y mostrará todos los campos personalizados de una publicación. Pero que si desea mostrar un campo diferente en una posición diferente o si solo quieres mostrar una clave específica? Luego utilizará un enfoque ligeramente diferente y definirá la clave que se mostrará:

  1. Abrir archivo single.php
  2. Encuentre el contenido y c / p lo siguiente:
ID, 'clave', verdadero); ?>
  1. Reemplace “clave” con el campo personalizado real que está utilizando en una publicación. Por ejemplo: “Editor”
  2. Guardar cambios

Esta función verificará todas y cada una de las publicaciones del bucle y buscará un campo personalizado llamado “Editor”. Si se encuentra la clave, se mostrará su valor. Puede personalizar aún más la forma en que se muestra un campo personalizado agregando una clase y darle estilo a la clase con CSS o puede ingresar directamente HTML en el valor del campo.

Campos personalizados condicionales:

Si lo desea, puede usar campos personalizados como condicionales. Sigamos con el ejemplo y digamos que hay momentos en los que no podrás saber la fecha de lanzamiento del juego sobre el que estás escribiendo. En lugar de escribir un campo personalizado, puede automatizar el proceso y decirle a WordPress que escriba “TBA” (que se anunciará) en el campo Fecha de lanzamiento si el usuario no agrega datos:

ID, 'Fecha de lanzamiento', verdadero);
if ($ release_date) {
?>


Que se anunciará.

OK, lo terminaremos desde aquí. Esta es la forma más básica de usar campos personalizados. Pero ahora que ha cubierto los conceptos básicos, puede hacer prácticamente cualquier cosa con ellos. Puedes, por ejemplo, mostrar tu estado de ánimo o una canción que estás escuchando. O puede mostrar una lista de publicaciones que contienen claves y / o valores específicos. El cielo es el limite.

Cómo listar publicaciones con un campo personalizado específico

Los campos personalizados son una excelente manera de ampliar la funcionalidad de sus publicaciones. En lugar de permitir que los usuarios manejen el código, puede permitirles ingresar un valor en un campo personalizado y hacer algo con esa información: hay infinitas posibilidades.

A veces, cuando ya está utilizando campos personalizados específicos, es posible que deba enumerar las publicaciones con esos campos.

Por ejemplo, si está escribiendo reseñas de juegos y ya tiene diferentes campos personalizados donde muestra editor, género, puntaje, etc. en un cuadro de información separado en su revisión, es posible que desee mostrar solo juegos de ese editor específico, juegos del género FPS o solo aquellas reseñas con una puntuación de 10.

Este tipo de información realmente podría ser interesante para su visitante. Puedes permitirles navegar por tus reseñas de juegos con mucho más detalles o permítales ver los 10 juegos mejor calificados en su sitio. Incluso si no desea publicar una nueva lista, este método puede ayudarlo con la minería de datos; en lugar de crear un artículo a partir de él, puede enumerar todas las publicaciones con cierta propiedad solo con fines de investigación.

En nuestra opinión, la mejor manera de enumerar las publicaciones ordenadas por un campo personalizado es por crear una nueva plantilla de página y mostrar una lista en una nueva página. Este método le permite organizar sus páginas y usar fácilmente una nueva página para mostrar lo que necesita. En las siguientes líneas, estamos a punto de mostrarle cómo encontrar todas las publicaciones con un campo personalizado específico y / o su valor y mostrarlo en una nueva página.

1. Cree una plantilla personalizada:

Sigamos con el ejemplo de revisión del juego en el que queremos mostrar todos los juegos de Bethesda Softworks (¿alguien dijo Fallout?). Para empezar, deberá crear y preparar una plantilla personalizada:

  1. Cree una plantilla de página personalizada y asígnele el nombre bethesda-games.php
  2. Copie y pegue el siguiente código en el archivo:
  3. 
    
    
    
     'editor',
    'meta_value' => 'Bethesda'
    ));
    
    if (have_posts ()) while (have_posts ()): the_post ();
    eco '';
    el título();
    eco '';
    mientras tanto
    
    wp_reset_query (); ?>
    
    
    
    
  4. Guardar cambios

El código está listo para pasar por todos los campos personalizados y encontrar solo claves de “Editor” con el valor de “Bethesda”. Puede cambiar la clave y el valor a lo que desee. Si desea mostrar todas las publicaciones con el campo personalizado “Editor” que contiene cualquier valor, simplemente elimine la fila “meta_valor” por completo.

No olvides cambiar el título de la plantilla a algo que reconocerás más adelante..

2. Agregue la página:

Ahora su plantilla está lista para que pueda continuar creando la lista:

  1. Navegar a Páginas-> Agregar nuevo
  2. Añade un titulo
  3. En el lado derecho, busque “Atributos de página”
  4. Seleccione su plantilla de la lista desplegable “Plantilla”
  5. Publica la página

¡Eso es! Ahora, si abre su nueva página, puede ver la lista de todas sus publicaciones que contienen campos personalizados con los valores que ha elegido.

Ahora debe agregar texto a su nueva página, diseñar la lista y encontrar la mejor manera de mostrársela a sus visitantes. Esperamos que este método te ayude a ordenar tus publicaciones en otro nivel y que lo disfrutes.

Mostrar barra lateral utilizando campos personalizados

Se introdujo una barra lateral en WordPress versión 2.2. Desde entonces, se ha convertido una forma popular de mostrar contenido extra y la mayoría de las veces, los temas de WordPress tendrán uno por defecto donde puedes colocar los widgets que quieras.

Aunque muy útil, no quieres que tu barra lateral esté presente en todas partes. Por lo general, estas barras se muestran en cualquier lugar que no sea la página de inicio. Y no existe tal opción para activar y desactivar fácilmente la barra lateral.

Entonces, ¿por qué no hacerlo tú mismo? En esta parte del artículo, le mostraremos cómo colocar su barra lateral en un campo personalizado y llamarlo solo para las publicaciones que desee.

1. Prepare la plantilla:

  1. Abra el archivo page.php o single.php
  2. Encuentra el siguiente código:
  3. Reemplace el código con este:
  4. ID, "barra lateral", verdadero);
    get_sidebar ($ barra lateral);
    ?>
    
  5. Guardar cambios
  6. Cree una plantilla personalizada donde estará su barra lateral
  7. Abra el archivo sidebar.php
  8. Copie todo desde sidebar.php y péguelo en su archivo de plantilla personalizado
  9. Guardar cambios.

Ahora tiene que abrir una publicación o una página donde puede encontrar “campos personalizados” en el Editor de texto / visual. Para agregar una barra lateral a esa publicación / página, haga lo siguiente.

2. Usando la barra lateral en campos personalizados:

  • Escriba “barra lateral” debajo del nombre de su campo personalizado
  • Escriba el nombre de su plantilla personalizada como valor de campo
  • Eso es. Si ha dejado sus campos personalizados vacíos, su publicación no tendrá barra lateral, mientras que en el otro caso, su barra lateral se cargará si ha hecho todo correctamente.

    Cambiar encabezado, pie de página o barra lateral para publicaciones individuales con campos personalizados

    Por lo general, un sitio web de WordPress tendrá solo un encabezado, pie de página y una barra lateral ya definidos por el tema que está utilizando. Cada uno tiene sus funciones y diseño almacenados en archivos separados que son llamados por el tema y luego se muestran en el sitio donde sea necesario. Debido a que cada parte del tema se almacena en un archivo diferente, puede modificarlos fácilmente sin preocuparse de que arruinará todo el sitio, y puede cambiar la forma en que solo se comporta un encabezado, pie de página o barra lateral en su sitio.

    Pero a veces, un elemento no será suficiente y, por ejemplo, querrá cambiar su encabezado. Si desea cambiarlo para todo el sitio, ya está listo para comenzar: abra header.php y modifíquelo como lo desee. Pero, ¿y si quisiera agregar un anuncio en un encabezado solo para sus publicaciones individuales?? O tal vez modifique el encabezado solo para una publicación en toda su colección sin cambiar el resto?

    Una vez más, los campos personalizados te ayudarán.

    1. Prepare el archivo:

    Antes de utilizar un campo personalizado para cambiar los encabezados, pies de página o barras laterales, debe tener un archivo preparado. Supongamos que desea cambiar un encabezado para una publicación o dos y ha creado un nuevo archivo llamado header-header2.php donde ha cambiado el diseño o insertado un anuncio específico en la publicación. Antes de continuar con la creación de un campo personalizado, asegúrese de que el archivo esté codificado correctamente y de que esté funcionando en su sitio. Una vez que el archivo esté listo y listo, puede continuar.

    Ten cuidado con nombrar el archivo – si está intentando cambiar el encabezado, su nuevo archivo de encabezado debería verse así: header-newname.php

    2. Reemplace el código:

    1. Abrir archivo single.php
    2. Busque get_header (); parte del código que generalmente está en la parte superior de la página single.php
    3. Reemplace la función con lo siguiente:
    4. global $ wp_query;
      $ postid = $ wp_query-> post-> ID;
      $ header = get_post_meta ($ postid, "header", verdadero);
      if (! empty ($ header)) {
      get_header ($ encabezado);
      } más {
      get_header ();
      }
      wp_reset_query ();
      
    5. Guardar cambios

    Con este código, le dijiste a WordPress que buscara un campo personalizado de “encabezado” en cada publicación. Si se encontró un campo personalizado con ese nombre, WordPress tomará su valor y usará el nombre de archivo como encabezado solo para esa publicación.

    3. Cambiar un encabezado mediante un campo personalizado:

    Si ha subido header-header2.php en su tema, ahora puede llamarlo en un campo personalizado:

    1. Abra una publicación para la que desea cambiar un encabezado
    2. Desplácese hacia abajo y navegue hasta campos personalizados
    3. Ingrese un nuevo campo y asígnele el nombre “encabezado”
    4. Escriba “header2.php” en el valor del campo
    5. Actualiza o publica la publicación

    Si no hay ningún error en su header-header2.php archivo, el nuevo encabezado debe aparecer en la parte superior de la publicación para la que realizó el cambio. Aún así, todas las otras publicaciones cargarán su archivo de encabezado estándar definido por el tema.

    Como habrás notado, solo debes escribir el nombre de archivo de tu nuevo archivo de encabezado después de la parte “header-“. Por eso, es importante nombrar su nuevo archivo de encabezado correctamente y agregue la parte “encabezado-” antes del nombre real que está usando en el campo personalizado.

    Lo mismo ocurre con la barra lateral o el archivo de pie de página, por supuesto, cambiando get_sidebar () y get_footer () parte del código.

    Implemente campos personalizados avanzados más fácilmente con el código de tema ACF

    Los campos personalizados son la parte inevitable de prácticamente todos los temas de WordPress que existen. Estos campos permiten a todos incluir información adicional sobre la publicación, pero desafortunadamente, esta característica estándar de WP es bastante cruda. Los principiantes necesitan algo de tiempo para acostumbrarse al uso de campos personalizados y los desarrolladores tienen que dedicar mucho tiempo extra al codificarlos..

    Esa es la razón por la cual Campos personalizados avanzados El complemento (ACF) es tan popular entre los usuarios de WordPress en todo el mundo. Este complemento gratuito cuenta más de 1 millón de instalaciones activas en este momento, y no vemos por qué el número comenzará a caer. ACF le permite crear campos personalizados potentes, profesionales e intuitivos a través de un editor visual.

    Aunque es bastante popular, ACF aún requiere conocimientos de codificación y mucho tiempo si planea implementar esos campos en un tema. Sí, crear un grupo de campos es fácil, pero mostrar esos campos no es pan comido. Y ahí es donde interviene el Código de tema ACF para salvar a los desarrolladores.

    Código de tema ACF

    PRECIO: Gratis

    Código de tema ACF para WordPress

    Este increíble complemento es producto de dos desarrolladores que decidieron que es hora de dejar de perder el tiempo escribiendo repetidamente el mismo código una y otra vez. Al desarrollar un tema o modificar uno existente, Advanced Custom Fields requiere que un desarrollador implemente el código correcto en el lugar correcto dentro de un tema. Como no había una forma más fácil, un desarrollador tuvo que memorizar fragmentos y todas las características de una API para poder hacer el trabajo..

    Aaron Rutley, uno de los creadores, explicó sobre su Blog:

    “Al implementar un campo dentro de un tema de WordPress, es probable que olvide el nombre del campo, ¿fue” profile_image “o” profile_photo “? También es probable que me olvide de cómo configuré el campo para que se devuelva, ¿fue ID, URL o matriz? Me encontré constantemente editando el grupo de campo para averiguarlo ”.

    Y aquí es donde ACF Theme Code puede ayudar a un desarrollador. Después de instalar este complemento gratuito que ahora se descarga más de 4,000 veces, puede ahorrar tiempo al tratar con el código. Siempre que publique, edite o actualice un grupo de campos en Campos personalizados avanzados, este increíble complemento generará automáticamente la necesidad de código para implementar los campos en cualquier tema.

    Encontrará este código representado en la parte inferior de la página. Al lado de cada fragmento, encontrará un icono del portapapeles que facilitará la copia del código.. Ahora no tienes que memorizar nada y puedes relajarte cuando trabajas con campos personalizados.

    Aunque el complemento ya es imprescindible para cualquier desarrollador, Aaron dice que ya están planeando expandir el Código de tema ACF:

    “Planeamos agregar soporte para campos de terceros más populares en el futuro. También planeamos dar a los desarrolladores más control sobre el código que se genera “.

    Si bien el complemento es gratuito cuando se combina con la versión gratuita de ACF, necesitará un Versión Pro si usa una versión extendida de Campos personalizados avanzados. ACF Theme Code Pro genera código para todos los demás tipos de campo ACF Pro, como el campo Clonar, Galería, Repetidor y Contenido flexible.

    Muestra tu estado de ánimo o una canción con campos personalizados

    Bloguear debería ser divertido. Incluso si está escribiendo artículos sobre temas serios, su blog podría tener esa o dos cosas, lo que lo hace un poco más divertido para un lector promedio. Puede ser cualquier cosa: una pequeña nota del autor, una imagen divertida o tal vez puedas agregar un estado de ánimo en el que estabas escribiendo el artículo. Tal vez incluso te gustaría agregar el título de una canción que estabas escuchando.

    En esta parte, estamos a punto de mostrarte cómo implementar fácilmente una función para mostrar un estado de ánimo / canción en tus publicaciones. No tendrá que instalar ningún complemento adicional y la función no ocupará gran parte de su espacio. Es una línea de texto simple que se puede agregar automáticamente en la parte superior o inferior de su publicación..

    1. Agreguemos una “característica de estado de ánimo”:

    1. Abrir archivo single.php
    2. Copie y pegue el siguiente código en el lugar donde desea mostrar su estado de ánimo:
    3. $ customField = get_post_custom_values ​​("estado de ánimo");
      if (isset ($ customField [0])) {
      eco ""." Estado de ánimo: ". $ CustomField [0]".";
      }
    4. Guardar cambios

    Humor de campos personalizados

    Ahora que ha preparado WordPress para su estado de ánimo, está listo para mostrarlos en cualquier publicación que desee. De forma predeterminada, WordPress no mostrará su estado de ánimo y no habrá ningún estado de ánimo predeterminado que se cargará hasta que decida mostrar uno. Si desea agregar una canción en su lugar, simplemente cambie el “estado de ánimo” en “canción” en la primera línea de código y también puede cambiar el nombre de la clase en la tercera línea.

    2. Agregue su estado de ánimo / canción a una publicación:

    Para ingresar un estado de ánimo o una canción, deberá escribirla en un campo personalizado:

    1. Abre una publicación para la que quieras escribir un estado de ánimo
    2. Desplácese hacia abajo hasta que vea “Campos personalizados”.
    3. Si no tiene campos personalizados que se muestran debajo del contenido de la publicación, haga clic en “Opciones de pantalla” en la parte superior de la pantalla del editor y marque la casilla de verificación junto a “Campos personalizados”.

    4. Escriba “estado de ánimo” en el campo de nombre o “canción” si ha decidido utilizarlo
    5. Escribe lo que quieras en el campo “Valor”: este será el estado de ánimo / canción que se muestra en tu publicación
    6. Haga clic en el botón “Agregar campo personalizado”
    7. Publica tu publicación

    3. Estilo:

    Como ya puede ver en solo tres líneas del código, esta es la forma más simple de agregar un nuevo campo personalizado. Si desea darle estilo a su estado de ánimo con un poco de CSS, puede ver que el código ya agregó la clase “my_mood” a su texto. Para modificar el estilo, haga lo siguiente:

    1. Abra el archivo style.css
    2. Copia y pega el código:
    3. .mi humor {
      color azul;
      }
    4. Agregue cualquier estilo CSS que desee
    5. Guardar cambios.

    Con suerte, esto será suficiente para comenzar a personalizar “la función de estado de ánimo / canción” para su propio blog y esperamos que “azul” no sea un valor frecuente con el que se ocupe. Si no desea publicar su estado de ánimo, simplemente no escriba nada en el campo personalizado “estado de ánimo”.

    Resumiendo

    Si alguien más ha creado un campo personalizado para usted (como un desarrollador de temas o complementos), usarlo para mejorar su blog es bastante fácil. Pero esperamos que este artículo te haya ayudado a personalizar los campos por tu cuenta.

    Con simples modificaciones al código que le mostramos, puede crear y administrar sus propios campos personalizados que lo ayudarán a generar un blog único. Podrá extraer la información que necesita y simplificará el proceso de escritura y generación de contenido. ¿Qué opinas sobre los campos personalizados en WordPress??

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Liked Liked