Lowweb logo grande preloader

ACF – Advanced Custom Fields plugin básico de wordpress


ACF – Advanced Custom Fields plugin básico de wordpress

Enero 2018

Índice

  • 1. Advanced Custom Fields, el plugin básico
  • 2. Instalación y activación
  • 3. Configuración ACF
  • 4. Establecer valores en los posts que queramos
  • 5. Mostrar nuestro campo en el front-end

1. Advanced Custom Fields, el plugin básico

ACF o Advanced Custom Fields es uno de los plugins más usados en el desarrollo de páginas web basadas en WordPress.
Los motivos que hacen a este plugin que sea tan popular son muy sencillos:

  • 1. Interfaz simple.
  • 2. Fácil funcionamiento y configuración.
  • 3. Permite añadir información personalizada en una determinada página.

Para mostrar el funcionamiento del plugin Advanced Custom Fields, vamos a crear una serie de campos para añadir información extra a nuestros posts desde nuestro panel de administración. Vamos a crear el campo País y lo vincularemos para que se muestre esta información extra en los articulos que queramos.

2. Instalación y activación

Vamos a nuestro panel de administrador, seleccionamos la opción plugins y añadir nuevo. Simplemente debemos escribir «Advanced Custom Fields» en la barra de busqueda y pulsar el botón de instalar.
Una vez instalado el plugin, el siguiente paso es el de activarlo.

Advanced Custom Fields Instalación plugin Lowweb

3. Configuración ACF

Si el plugin se ha instalado y activado con éxito, aparecerá una nueva opción en nuestro panel de administración. Una vez dentro del panel de configuración, veremos el siguiente panel:

Advanced Custom Fields Configuración plugin Lowweb

3.1 Pasos a seguir

  • 1 – Debemos escribir un nombre para el bloque de campos que vamos a crear
  • 2 – Pulsamos el boton Añadir Campo
  • 3 – Escribimos el nombre del campo y el tipo. Para este ejemplo el tipo sera: texto

Advanced Custom Fields Configuración campo plugin Lowweb

El siguiente paso es el de configurar donde queremos que aparezca este nuevo campo. Como se ha dicho al inicio de este artículo, queremos añadir nueva información a nuestros artículos por lo que debemos seleccionar post type y post

Advanced Custom Fields Configuración campo plugin Lowweb2

Una vez realizados todos los pasos, solo tendremos que guardar la configuración de tu nuevo bloque de Advanced Custom Fields.

4. Establecer valores en los posts que queramos

El siguiente paso es el de rellenar la información que queramos en el campo creado.

Vamos a Entradas y editamos o creamos un nuevo post. Como podemos ver en la siguiente imagen, el campo País aparece en nuestros posts.
Advanced Custom Fields valores plugin Lowweb

Escribimos el valor que queramos y guardamos.

5. Mostrar nuestro campo en el front-end

¡No, todavía no hemos terminado! Ahora toca indicarle a WordPress donde queremos mostrar este nuevo campo.

Vamos al archivo single.php y añadimos el siguiente código en la parte que prefiramos:

Guardamos y recargamos la página:

ACF front end plugin Lowweb

¡Listo! nuestro nuevo campo se mostrará en los post que queramos.

El sitio web utiliza cookies propias y de terceros para recopilar información que ayuda a optimizar su visita a sus páginas web. No serecogerá información de carácter personal. Aceptar Cookies

¡No te quedes mudo!

Queremos saber de ti, escríbenos y contactaremos antes de 24 horas.