Saltar al contenido
Aprender Marketing

Descubra los misterios del complemento ACF de WordPress

Introducción:

En productos recientes, aprendido sobre los entresijos de WordPress, de qué manera diseñar y desarrollar proyectos web ligeros, robustos y enormemente optimizados, entender las especificaciones primordiales de WordPress y desentrañar su composición de script para entender de qué forma cada una parte de él se integra para conformar un CMS único lleno de opciones.

Con todas y cada una estas opciones que nos proporciona WordPress CMS, tenemos la posibilidad de ampliarlas aún mucho más con complementos geniales, únicos y terminados como ACF (Advanced Custom Fields). Quizás se pregunte por qué razón tanto alboroto por los complementos. La verdad es que este complemento merece estos cumplidos y mucho más, estimando que ocho de cada diez proyectos de WordPress están tras el éxito de ACF.

Excelente, le exponemos las virtudes del complemento ACF de primera mano.

¿Por qué razón ACF?

El núcleo y la composición de WordPress CMS se fundamentan en publicaciones o entradas. Las páginas, las publicaciones de weblogs, los clientes, los modelos y todos estos elementos son publicaciones adaptadas que se usan según con la eficacia y la utilidad de nuestro cibersitio.

En la imagen de arriba, poseemos una vista de edición de una página de WordPress que asimismo es una publicación adaptada o un género de publicación en WordPress. Tiene tres campos, el nombre de la página, el contenido de la página y la imagen señalada de la página. Imagine que deseamos un campo para escoger una categoría o taxonomía adaptada, o deseamos un campo para insertar el nombre del creador, un código corto, un campo para elegir una imagen de una galería o un campo para escoger una imagen para un control deslizante de imágenes. Bueno, aquí es donde entra nuestro complemento ACF (Advanced Custom Fields). Nos ofrece la aptitud de hacer conjuntos de campos customizados para algunos géneros de publicaciones, entradas o páginas. ¡Piensa las opciones! Puede conducir su portal web a otro nivel como quiera.

¿Qué puedo crear con ACF?

ACF le deja hacer cualquier cosa que logre imaginar, no es exagerado decir que varios websites y apps poderosos desarrollados con WordPress están impulsados ​​y apoyados por ACF. No se habla solo de lo que puede hacer con WordPress, asimismo se habla del ahorro de tiempo y el prominente desempeño que le proporciona ACF.

¿Qué puedo construir con ACF?

Imagínese que hemos creado un portal de internet donde un individuo sin entendimientos profesionales de HTML, CSS o JavaScript precisa sostener y actualizar el sitio, sus contenidos escritos, imágenes y toda la información que se puede alojar allí. Gracias a la elasticidad de ACF y los conjuntos de campo, tenemos la posibilidad de añadir opciones a nuestra página, así como: B. cambiar el tono de fondo, la imagen de fondo y el título extendido, tal como muchas opciones que son muy intuitivas y de forma fácil amoldables para todos.

Descubra los misterios de ACF

En este momento es el instante de investigar y estudiar los resultados positivos de ACF para nuestros proyectos web. Por esta razón, es primordial centrarse en esta parte, mientras que prosigues pensando en las opciones y de qué forma ACF puede ofrecerte el valor añadido que tu emprendimiento web merece.

  • Instalación ACF: ACF marcha como cualquier complemento de WordPress, debe descargarlo, instalarlo y activarlo en su instalación de WordPress para gozar de sus provecho.
  1. Comience sesión en su instalación de WordPress
  2. Abra el menú de complementos desde el panel de administración.
  3. Vas a añadir una exclusiva opción.
  4. Puede localizar campos customizados avanzados en el buscador de complementos.
  5. WordPress le mostrará el complemento y después puede proceder a la opción «Disponer en este momento»
  6. Tras la instalación, active el complemento y ¡listo!
  • Género de campo ACF: Puede usar diversos tipos de campos y puede usar estos campos según sus propósitos.
  1. Campo de artículo: Ingrese cualquier género de artículo.
  2. Área de artículo: Ingrese un artículo mucho más grande o mucho más letras y números.
  3. Rango: Selector de rango, devuelve el número elegido en un rango personalizado.
  4. Casilla de verificación: Puede elegir una o mucho más opciones y devolver el valor de la opción elegida.
  5. Botón único: Puede escoger una alternativa y devolver el valor de la opción elegida.
  6. Elija un campo: Puede elegir una alternativa y devolver el valor de la opción elegida. Recuerde que puede añadir atributos customizados para campos de selección, como: Por servirnos de un ejemplo, múltiples atributos, lo que le deja hacer un cuadro de selección desde el que puede elegir uno o mucho más valores.
  7. Booleano verdadero o falso: Puede seleccionar una alternativa y va a devolver un valor booleano (verdadero-falso).
  8. Correspondiente: Puede escoger uno o mucho más documentos. Estos documentos se guardan en la carpeta de medios de WordPress (wp-content / uploads) y se devuelve una dirección de Internet con la localización de los documentos.
  9. Selector de color: Puede escoger el color según los campos customizados y devolver el color elegido en hexadecimal.
  10. Editor WYSIWYG: Puede utilizarlo para hacer un área de artículo que tenga dentro una sucesión de opciones auxiliares, como: B. Opciones de fuente, alineación de artículo, etcétera.
ACF WordPress
ACF WordPress
  1. Selector de tiempo-selector de datos: Puede escoger entre un rango de datas, una fecha concreta o una hora y fecha, que van a devolver la fecha elegida en una pluralidad de formatos según sea preciso.
  2. Fichero de imágenes o imagen única: Quizás entre los géneros de campo mucho más poderosos del complemento, le deja elegir múltiples imágenes en la versión PRO y devolver la predisposición o su dirección de Internet a fin de que la pegue en cualquier sitio de su portal web. En la versión gratis del complemento ACF, solo hallará la opción de escoger solo una imagen. No obstante, te voy a enseñar un truco mucho más adelante a fin de que consigas utilizar la versión gratis para insertar tu biblioteca de imágenes.
  3. o Insertar: Le deja insertar un género de campo que recibe una url y devuelve un iframe o url que puede utilizar, por servirnos de un ejemplo, para enseñar un vídeo en su página web.

La versión PRO del complemento ACF le deja hacer otros géneros de contenido maleable como relaciones, taxonomías, repetidores, etcétera. No obstante, no pienses que la versión gratis no va a llevar tu web al próximo escenario, a la inversa, te exponemos de qué forma la versión gratis es mucho más que bastante.

Vamos a comenzar:

Ahora sabe qué servicios puede darle el complemento ACF, de qué forma instalarlo y qué géneros de campo emplear, en este momento sabe de qué manera utilizar el complemento ACF y lograr que sus operaciones estén libres en su página web.

¿De qué forma se crean conjuntos de campo?

ACF es una herramienta vigorosa para regentar campos auxiliares La agrupación de campos le deja ajustar la manera y el género de publicaciones que detallan estos campos customizados. Primero construiremos una secuencia de campos:

  1. Entramos en el panel de WordPress.
  2. Vamos al menú del complemento ACF, en un caso así, como es español, hallarás que es un campo personalizado.
¿Cómo se crean grupos de campo?  ACF
¿De qué forma se crean conjuntos de campo? ACF
  1. Agreguemos una exclusiva opción. Hallará un campo de artículo en el que puede entrar el nombre del conjunto de campos, Sugiero utilizar un nombre que se haga más fácil ver dónde se expone el conjunto de campo; por experiencia, le digo que existen muchos conjuntos de campo que puede localizar y confundirse. En el lado derecho hallará un botón llamado + Añadir campo.Si escoge esta alternativa, va a ver la próxima ventana:
AFC WordPress

Entre las distintas opciones hallarás la mucho más conocida, la etiqueta del campo, el nombre del campo (aconsejamos utilizar un nombre clarísimo y letras minúsculas), con el género de campo puedes escoger el campo que empleas estimar. Desea (artículo, área de artículo, área, número, imagen, etcétera.) entrar artículo descriptivo en el campo de descripción que le dejará al usuario llenar el campo para entender algún género de descripción que precisa entender por adelantado. La opción requerida le deja marcar el campo como requerido, el límite de letras y números del campo y la lógica es condicional; Puede enseñar u esconder el campo en dependencia del valor que logre tener el campo previo, y por último las características del contenedor, puede insertar nombres de clases o identificadores customizados para el contenedor del campo, emplearlos para insertar estilos CSS customizados después o modificar ellos con JS.

5. En el momento en que tienes todas y cada una estas opciones tienes una configuración muy afín a la próxima, en relación evidentemente del número de campos.

AFC WordPress

En este caso de ejemplo contamos 3 campos, uno para el género de área de artículo, otro para el género de imagen y otro para el género de artículo. Cada uno de ellos puede guardar distintas valores, y tenemos la posibilidad de emplearlos en publicaciones adaptadas o bucles de publicación para efectuar distintas operaciones o sencillamente enseñar su valor. En las opciones de la regla, especificamos que el conjunto de campos solo debe verse si el género de publicación es Recomendación, que en un caso así es una publicación adaptada que se creó para enseñar las sugerencias de los clientes del servicio. Tenga presente que en la última opción (pantalla esconde) verificamos todas y cada una de las opciones, lo que conduce al siguiente resultado.

AFC WordPress

WordPress añadió campos como contenido, imágenes resaltadas, categorías, taxonomía, etcétera. en el momento en que creamos una publicación adaptada, tal como otros campos que no utilizamos en un caso así, o sea, en el momento en que creamos una secuencia de campos, en el (hidden )), marcamos estas casillas para ocultarlas de las publicaciones adaptadas.

¿De qué forma puedo ver el valor insertado en el campo personalizado de mi cibersitio?

En este momento que entendemos de qué manera añadir y modificar campos customizados, observemos de qué manera se muestran estos valores en nuestro página web.

  • Exhibe el valor en el bucle: El bucle de WordPress es un fragmento de código que trata código HTML y PHP y nos deja enseñar contenido; en nuestro caso, y continuando con nuestro ejemplo, exponemos nuestras sugerencias de publicaciones adaptadas. Hicimos tres sugerencias en el tablero.
Mostrar valor en el bucle de WordPress de AFC

Tenemos la posibilidad de ir de distintas formas para enseñar nuestras tres sugerencias en el sitio. En un caso así, requerimos hacer un código corto de WordPress que va a devolver una sección de plantilla que tiene dentro nuestro bucle para enseñar sugerencias. Empecemos creando nuestro shortcode:

add_shortcode (‘testimonios’, ‘carousel_testimonials’);
características carousel_testimonials()

En la función previo (recuerde que se creó este género de función infunctions.php) creamos un código corto llamado testimonials que llama a una función llamada carousel_testimonials que paralelamente pasa la función get_template_part () o pasa relativamente el bucle de plantilla testimonials.php en el bucle -carpeta de plantillas En este script hallarás toda la lógica que nos dejará dibujar sugerencias.

<div id = «ms-slider-testimonials»>
Nuevo WP_Abfrage ( Un gran numero(‘post_type’ => ‘Carta de recomendación’));
en la situacion de ($ loop-> have_posts ()):
pese a ($ loop-> have_posts ()): $ loop-> the_post (); ?>
<div Class = «ms_content_testi»>
<Lapso class = «ms-quotes-testi»> Lapso>
<Lapso class = «ms-quotes-testi»> Lapso>
<fósforo Clase = «máxima» clase = «ms-testi-des»> fósforo>
$ imagen = get_field (‘imagen_testimonial’);
en el caso de(!vacío($ imagen)):?>
<imagen Código fuente = «[‘url’]; ?> «class =» milésimas de segundo-image-testimonials «alt =»[‘alt’]; ?> ”/>
por si acaso; ?>
<div class = «ms-yellow-line»> div>
<Lapso class = «ms-title-testimonial»> Lapso>
<Lapso class = «ms-position-testimonial»> Lapso>
div>
Por último, si bien no menos importante;
por si acaso;?>
div>
?>

La función previo nos deja realizar un bucle de nuestras sugerencias, si no la recibe no se preocupe, se la vamos a explicar en aspecto. Poseemos un div con una identificación de milésimas de segundo-slider-testimonials, que es nuestro contenedor primordial sugerido, creamos una variable llamada $ loop y le asignamos una solicitud de publicación sugerida por medio de la función WP_Query. Gracias a la composición de control particular de if ($ loop-> have_posts ()) preguntamos si la solicitud devuelve un valor, y si es de esta manera, empleamos while ($ loop-> have_posts ()): $ loop-> the_post (); ?> Repetimos cada valor (en un caso así, 1 valor es la prueba) y después empezamos a enseñar su información. Mira esta línea de códigofósforo Clase = «máxima» clase = «milésimas de segundo-testi-des»> fósforo> El complemento ACF equipa nuestra instalación de WordPress con ciertas funcionalidades que tenemos la posibilidad de emplear para conseguir información, en un caso así utilizamos la función_field () para devolver el valor del campo personalizado con el nombre testimonial_clients. En este momento mira esta una parte del código

$ imagen = get_field (‘imagen_testimonial’);
if (! empty ($ imagen)):?>
<imagen Código fuente = «[‘url’]; ?> «class =» milésimas de segundo-image-testimonials «alt =»[‘alt’]; ?> ”/>
por si acaso; ?>

En un caso así creamos una variable llamada $ image y asignamos el valor a la función get_field (‘image_testimonial’) que devuelve una matriz asociativa (clave => valor) que tiene dentro el nombre de la imagen, url, etcétera. Puede consultarlo en la documentación. Por medio de la composición de control if (! Empty ($ image)): Preguntamos si el valor de la variable $ image es diferente de empty, y si es diferente empezamos a dibujar nuestra imagen. En este momento mira esta línea[‘url’]; ?> «class =» milésimas de segundo-image-testimonials «alt =»[‘alt’]; ?> ”/> ¿Ten en cuenta que le acabo de decir que la función get_field (‘image_testimonial’) devuelve una matriz asociativa? Bueno, terminamos de dibujar la imagen mediante la etiqueta HTMLPasamos el valor de la matriz $ image key => url en su atributo src[‘url’]; ?> Esto va a devolver la dirección de Internet de la imagen. Lo mismo pasa en nuestro atributo alt. Tenga presente que esto no quiere decir que la función ACF get_field () siempre y en todo momento devuelva una matriz, sino es dependiente de la configuración del campo. En un caso así, el campo image_testimonial está configurado para devolver una matriz.

Configuración de la matriz ACF
  • Enseñar valor fuera del período

En el ejemplo previo, hemos visto de qué manera devolver los valores de los campos ACF customizados en un período de WordPress, pero no en todos los casos requerimos enseñar sus valores en el período. Para enseñar el valor de un campo fuera del período, tenemos la posibilidad de emplear la función get_field () o the_field (). ACF es exactamente el mismo que en el capítulo previo, el único cambio es que como función por el momento no solo pasamos el campo nombre y el ID de la publicación de the_field (‘testimonial_clients’, 3476), con lo que especificamos de manera única la función que devuelve el valor del campo de ID de la publicación ‘testimonial_clients’ 3476. En el bucle, No es requisito pasar el ID de publicación como factor, en tanto que ACF y WordPress ahora lo hicieron implícitamente por nosotros.

  • Utilice ACF FREE para insertar una biblioteca de imágenes

Previamente comentamos que la versión gratis del complemento ACF no puede integrar una galería, pero hay un complemento que puede prolongar esta ocupación y dejarnos hacer galerías y después insertarlas en nuestro cibersitio. El nombre del complemento es ACF Photo Gallery. ¿Recuerdas de qué forma dibujamos la imagen en el bloque de código sugerido? Bueno, exactamente la misma hacemos dibujos, tenemos la posibilidad de dibujar galerías. El único cambio es que en este momento poseemos una alternativa de biblioteca de fotografías libre en nuestro género de campo ACF.

¿Función ACF eficaz?

En el presente artículo hemos usado ciertas funcionalidades de ACF, pero estas no son todas y cada una de las funcionalidades que tenemos la posibilidad de emplear, estas son otras funcionalidades esenciales que te van a ser de enorme herramienta para tus proyectos web.

  • Conseguir campo (): Devuelve el valor de un campo concreto. get_field ($ selector, [$post_id], [$formato_valor]); Dónde se encuentra: $ Selector (requerido) = Nombre del campo $ post_id (opcional) = Guarde el ID de publicación del campo personalizado. De manera ya establecida, es el ID de la publicación de hoy en el momento en que se emplea en un bucle.
  • Campo(): Exhibe el valor de un campo concreto. La diferencia entre get_field () y the_field () es que get_field () se utiliza para guardar el valor en una variable y después efectuar operaciones en ella, y the_field () exhibe o dibuja de manera directa el valor, esta función consigue exactamente los mismos factores como get_field ()
  • get_field_object (): Devuelve la configuración de un campo concreto. Recuerde que cada campo personalizado tiene dentro configuraciones como etiqueta, nombre, tipo, etcétera. Esta función devuelve todos estos valores como una matriz
  • acf_form_head (): Esta función adjuntado con acf_form () le deja hacer novedosas entradas desde el diseño o el diseño del portal web. Puede escucharse un tanto raro, pero todo se disminuye a esto: siempre y cuando deseamos hacer una publicación adaptada debemos llevarlo a cabo a través del tablero, pero pongamos que tienes un portal de internet con cuadros de personalización a fin de que cada usuario logre cambiar su perfil, lo que no es una gran idea a fin de que ingresen a través del tablero y lo cambien. Por ende, estas peculiaridades le dejan dibujar campos conformados con ACF como formularios y dejan a los individuos cambiar su perfil lugar desde donde los pegó. acf_form_head () es una función que se puede emplear para representar el formulario llamando a los scripts y funcionalidades primordiales a fin de que la función acf_form () ande adecuadamente. Se aconseja integrar esta función antes de la etiqueta get_header ().
  • acf_form (): Esta función crea un formulario para añadir o modificar publicaciones. Se le da una secuencia de configuraciones que le dejan escoger el conjunto de campos para enseñar como un formulario, modificar el diseño de los botones, comprobar el mensaje, enseñar u esconder el campo de título y hallar considerablemente más opciones en el archivo.

al final

Siempre y cuando charlamos del complemento ACF WordPress, fallamos. Tenemos la posibilidad de hacer tantas opciones y funcionalidades para nuestro cibersitio que la única forma de entenderlo completamente es entender y examinar su documentación. Tiene múltiples funcionalidades, ganchos, filtros y también integraciones que tienen la posibilidad de llevar cualquier emprendimiento web a un nivel superior. Si tienes ganas de saber mucho más sobre este complemento, si tienes alguna duda, si deseas transformarte en un auténtico profesor de ACF, comparte y dice este producto y llevemos tu emprendimiento de WordPress a un nuevo nivel.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Esta web utiliza cookies, puedes ver aquí la política de cookies.    Más información
Privacidad