Presentación WebySEO

¿Cómo crear un Sliders en WordPress con campos personalizados?

Creando Slider en Wordpress
Luciano Alvares

Luciano Alvares

22 octubre, 2019 - 2 min., 4 seg. de lectura

Elemento 5 Elemento 5

WordPress es una plataforma de gestión de contenido la cual brinda diferentes tipos de características de gran utilidad para la administración y el posicionamiento de su sitio web. El cual le permite poder administrar de manera sencilla y eficaz la información que a usted le sea útil mostrar. En esta oportunidad veremos cómo crear un slider en WordPress 100% personalizado.

En este articulo se explicara cuál es la importancia de usar campos personalizados para una buena gestión de su contenido, ya sea en un Blog o dentro de una pagina.

Los campos personalizados en WordPress como lo dicen son campos en donde puedes agregar información y administrar de una manera mas sencilla tu contenido. En donde puede agregar tanto textos como imágenes.

Creando nuestro Sliders en WordPress

Para crear una campo lo puedes encontrar en el menú de WordPress a nuestra derecha.

Campo personalizado

Una vez seleccionado Campos personalizados se nos abrirá la siguiente pagina y agregamos un nuevo Grupo de Campos.

Grupo de campos

Ahora le damos un nombre, el cual se llamara Slider entradas.

Lo que se enseñara en este ejemplo es cómo agregar imágenes para después mostrar dentro de un Slider.

En la parte donde dice Reglas dejamos como muestra por defecto, lo cual quiere decir que este campo personalizado solo se agregara en donde se encuentran nuestras Entradas.

Sliders personalizados en Wodpress

Lo que se realizó, es crear nuestro grupo de campos lo que quiere decir es que dentro de este grupo puede contener diferentes tipos de campos con distintas funcionalidades.

Una vez creado nuestro grupo de campos le damos a donde dice «+ Añadir Campo».

Añadir Campo

Lo que sigue es definir nuestra Etiqueta de campo, la cual se llama Slider proyectos. Una vez agregado, por defecto se agrega el Nombre del campo. En tipo de campo lo que haremos es darle a Repeater, lo que hace es que podamos agregar un subcampo en donde podemos agregar de una a muchas imágenes para nuestro Slider.

Campos personalizados

Cómo se puede ver en la imagen de abajo ya tenia agregado el subcampo con la siguiente información en donde Tipo de campo lo definimos como una imagen.

Los «Nombre del campo» es recomendable guardarlos ya que después se utilizaran en la consulta dentro de nuestra pagina para mostrar nuestro campo personalizado.

Y por ultimo le damos a publicar para guardar nuestros cambios.

Sub-CampoEl siguiente paso a realizar es dirigirnos a nuestras Entradas y abrir en la cual queremos utilizar nuestro campo, y dentro de esta nos encontramos con nuestro campo creado. Ahora simplemente le damos a añadir imagen y subimos todas la imágenes que pasaran por nuestro Slider en WordPress.

Campo

Como podemos ver tenemos una imagen agregada dentro de nuestro campo.

Campo personalizado

Por ultimo nos vamos nuestro código en donde llamaremos a nuestro campo personalizado.

Como podemos ver en el ciclo while recorremos nuestro campo el cual le se llama slider_proyectos, y dentro de este encontrara nuestra imagen la cual se agrego en el subcampo llamado imagen_ordenador

 

Llamando al campo personalizado

Y nuestro Slider quedara de la siguiente manera.

Slider

 

Relacionados

¿Porque es importante el diseño en marketing digital?
Diseño

¿Por qué es importante el diseño en marketing digital?

Subir productos de forma masiva a WordPress WooCommerce utilizando WP All Import
Desarrollo

Subir productos de forma masiva a WordPress WooCommerce utilizando WP All Import

¿Te gustó? Solicita tu asesoría

¡Nos encantaría ayudarte en tu negocio!
Escríbenos a través del formulario y te contactaremos a la brevedad. ¡No olvides pedir tu informe SEO Gratis!

Somos especialistas certificados en las plataformas de Google

Agencia SEO Google Partners