{"id":38610,"date":"2021-05-07T09:15:45","date_gmt":"2021-05-07T07:15:45","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=38610"},"modified":"2021-05-07T09:52:26","modified_gmt":"2021-05-07T07:52:26","slug":"advanced-custom-field-anadir-campos-personalizados-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/advanced-custom-field-anadir-campos-personalizados-en-wordpress\/","title":{"rendered":"Advanced Custom Field – A\u00f1adir Campos Personalizados en WordPress"},"content":{"rendered":"
<\/div>

\"Advanced<\/h4>\n

Los \u00abCampos Personalizados\u00bb en WordPress son muy interesantes si tenemos que a\u00f1adir informaci\u00f3n adicional y personalizada en los posts. Con el plugin \u00abAdvanced Custom Field\u00bb es posible a\u00f1adir los campos personalizados de forma sencilla.<\/h4>\n

WordPress es muy flexible<\/strong> y es posible configurarlo de mil formas distintas. Gracias a los plugins y themes disponibles podemos conseguir el tipo de gestor de contenidos que queramos. o necesitemos.<\/p>\n

Pero adem\u00e1s instalar un theme o un plugin para a\u00f1adir nuevas funcionalidades, tambi\u00e9n se puede personalizar de una forma mucho m\u00e1s completa<\/strong>, como por ejemplo con los Custom Post Types<\/a><\/strong> de los que hablamos hace poco.<\/p>\n

Algo que usan muy a menudo los dise\u00f1adores web y muy poco el resto de usuarios, son los campos personalizados<\/strong>.<\/p>\n

Con los campos personalizados es posible a\u00f1adir la informaci\u00f3n que requerimos<\/strong> desde el editor de la entrada, de la misma forma que a\u00f1adimos las im\u00e1genes, el texto, enlaces, etc…, como siempre hemos hecho en WordPress, vamos<\/strong>.<\/p>\n

Pero la gran diferencia es que podemos introducir la informaci\u00f3n en un campo independiente<\/strong> y no directamente en el editor de texto, como har\u00edamos con el cuerpo del art\u00edculo.<\/p>\n

Esto nos abre un abanico de posibilidades a la hora de mostrar la informaci\u00f3n<\/strong> de la forma que m\u00e1s nos interese y diferenci\u00e1ndolo del resto de contenido, si as\u00ed nos interesa.<\/p>\n

Un ejemplo que define muy bien esto es el campo del precio de un producto<\/strong> en una tienda online<\/strong> o en el n\u00famero de productos que quieres comprar.<\/p>\n

\"campos<\/p>\n

No se muestra rodeado del texto, si no que se muestra de forma independiente y cuando lo a\u00f1ades desde el admin de la tienda, lo haces en su campo correspondiente<\/strong>. Esta ser\u00eda la idea b\u00e1sica.<\/p>\n

Para hacer esto en WordPress de una forma m\u00e1s sencilla, la mayor\u00eda de usuarios recurre al plugin Advanced Custom Field<\/strong>, el cual est\u00e1 activo en m\u00e1s de 1 mill\u00f3n de instalaciones de WordPress, as\u00ed que veamos un poco c\u00f3mo funciona.<\/p>\n

\n

\"Hosting<\/a><\/p>\n

\n

Plugin Advanced Custom Field para WordPress<\/h2>\n

Plugins para crear campos personalizados hay varios en WordPress, pero Advanced Custom Field<\/strong> es el m\u00e1s usado de todos ellos, con m\u00e1s de 1 mill\u00f3n de instalaciones activas<\/strong>.<\/p>\n

Tienen una versi\u00f3n PRO de pago que tiene aun m\u00e1s funciones y es algo m\u00e1s flexible, pero la versi\u00f3n gratuita es m\u00e1s que suficiente para la inmensa mayor\u00eda<\/strong> de usuarios.<\/p>\n

Tan s\u00f3lo tienes que buscarlo desde Plugins > A\u00f1adir Nuevo<\/strong> o descargarlo desde aqu\u00ed<\/a><\/em> si quieres instalarlo de forma manual.<\/p>\n

Cuando lo hayas activado encontrar\u00e1s un nuevo men\u00fa en el escritorio de WordPress llamado Campos Personalizados<\/strong>.<\/p>\n

\"campos<\/p>\n

Para a\u00f1adir nuestro primer campo personalizado s\u00f3lo tenemos que hacer click en A\u00f1adir Nuevo<\/strong> y podemos empezar a crearlo.<\/p>\n

Para crear y configurar los campos personalizados tenemos que configurar varias cosas y lo primero es A\u00f1adir Campo<\/strong>.<\/p>\n

Por ejemplo, podemos crear los campos para la ficha de una pel\u00edcula, as\u00ed que lo primero que tenemos que poner ser\u00eda el t\u00edtulo del film:<\/p>\n