• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar al pie de página
labarta

Labarta

  • Plugins WordPress
    • Plugins Premium
    • Plugins gratuitos
    • Preguntas frecuentes
  • Quién soy
  • Contáctame
  • Blog
  • Ayuda

Campos personalizados en WordPress (Metabox)

15/12/2017

vista-12

 

Campos personalizados en WordPress (Metabox)

 

Si siempre vamos a usar los mismos campos personalizados en WordPress, lo lógico es crear un "Metabox". 

 

Para definir que es Metabox de una manera muy rápida, podríamos decir que es una caja con metadatos (una sección que agrupa nuestros campos personalizados en WordPress) .

Ver imagen:

 

meta-box

 

Seguimos con nuestro ejemplo anterior y vamos a poner como título del metabox "Información de los libros".

Para crear el metabox vamos a usar la información que hay en en el codex de WordPress .

Nos hará falta agregar este código al  functions.php  de nuestro tema. 

Pero yo voy crear un Snippet , para ello tenemos que subir el plugin Code Snippets   y activarlo. Creamos un  snippet  que podemos darle el nombre de "Metabox" ,  pegamos el código y activamos el Snippet.

 

code-snippet

 

Código a insertar :


function jml_metabox() {
add_meta_box( 'libros-metabox', 'Información de los libros', 'campos_libros', 'post', 'normal', 'high' );
}
add_action( 'add_meta_boxes', 'jml_metabox' );

Ahora ya está disponible en el escritorio, pero nos falta añadir los campos.

 

metabox-2

 

En nuestro ejemplo vamos a poner los tres:

  • Libro 
  • Autor 
  • Formato

añadimos el siguiente código: 


function campos_libros($post) {
$libro = get_post_meta( $post->ID, 'libro', true );
$autor = get_post_meta( $post->ID, 'autor', true );
$formato = get_post_meta( $post->ID, 'formato', true );

Pero también tenemos que añadir todos los nombres de los campos, definir que tipos de datos entraremos, ya sea texto, área de texto, checkbox, de selección, etc.

En nuestro ejemplo usaremos dos campos de texto, uno para  Libro y otro para  Autor.  Y un campo de selección para  Formato.

En este campo de selección haremos un array con los siguientes valores a seleccionar:

  • ePub
  • Mobi
  • Papel
  • Pdf
  • Txt

 

Como ahora los datos a mostrar siempre serán los mismos lo más apropiado es hacerlo con código en el mismo archivo que el metabox.

En esta ocasión no vamos a usar shortcodes, esto es muy útil cuando los campos son muy diferentes en cada entrada.

Para mostrar los campos añadiremos el siguiente código:

 

add_filter( 'the_content', 'jml_add_custom_fields_to_content' );
function jml_add_custom_fields_to_content( $content ) {
$custom_fields = get_post_custom();
$content .= "<div class='campos'>";
if( isset( $custom_fields['libro'] ) ) {
$content .= '<li>Libro: '. $custom_fields['libro'][0] . '</li>';
}
if( isset( $custom_fields['autor'] ) ) {
$content .= '<li>Autor: ' . $custom_fields['autor'][0] . '</li>';
}
if( isset( $custom_fields['formato'] ) ) {
$content .= '<li>Formato: ' . $custom_fields['formato'][0] . '</li>';
$content .= '</div>';
}
return $content;

 

vista-snippet

 

Con todo el código añadido a nuestro  snippet  aunque actualicémos el tema o que hagamos un cambio de tema, no vamos a perder nada.

Perfecto funciona bien y además podemos maquetarlo usando etiquetas html desde el editor en la pestaña HTML, modificando: tamaño letra, color, etc. etc.

Una opción fácil y que funciona a las mil maravillas, tanto en entradas como en páginas.

 

vista-campos

 

Espero con este artículo poder ayudar a alguna persona que esté lidiando con este tema de ver la forma de mostrar los campos personalizados en WordPress.

En una próxima entrada veremos cómo añadir campos, en nuestro metabox,  de imágenes y archivos para su descarga.

 

Descargar el código de este artículo.

También puedes descargar desde el repositorio de WordPress el plugin WP Documents Library y modificarlo a tu gusto. 


Si te ha gustado este artículo, por favor, comparte - Gracias -


Artículos Relacionados

  • icon-wp-documents-library WP Documents Library - Plugin WordPress
  • vista-cpt Custom Post Types en WordPress
  • imagen-url Mostrar campos personalizados en WordPress (Metabox 2)
  • vista-12 Mostrar campos personalizados en WordPress

Blog,  Es wordpress custom-fields

  • Todas las entradas
  • Vídeos Docker
  • Meetup WordPress
  • Vídeos Plugins
  • Vídeos entrevistas
  • Dominios
  • Hosting
  • Avisos Legales
  • Política de privacidad
  • Política de cookies

Footer

SWHOSTING - Cloud server

swhosting-vps

GeneratePress - Tema WordPress

GeneratePress

OnlyOffice - Online Office

Usamos ONLYOFFICE Online Office

Ayuda a mantener el blog:

Si te sirven de ayuda los artículos que publico en el blog, de esta forma puedes contribuir a mantener el mismo.

GRACIAS


Copyright © 2023 · Labarta - Powered by : Labarta

Usamos cookies en nuestro sitio web para brindarle la experiencia más relevante recordando sus preferencias y visitas repetidas. Al hacer clic en “Aceptar todo”, acepta el uso de todas las cookies. Sin embargo, puede visitar "Configuración cookies" para proporcionar un consentimiento controlado.
Configuración cookiesAceptar todo
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDuraciónDescripción
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
GUARDAR Y ACEPTAR