{"id":1416,"date":"2018-03-01T11:01:43","date_gmt":"2018-03-01T11:01:43","guid":{"rendered":"http:\/\/www.deltapci.com\/?p=1416"},"modified":"2018-03-01T11:01:43","modified_gmt":"2018-03-01T11:01:43","slug":"colocar-slider-imagenes-sitio-wordpress","status":"publish","type":"post","link":"https:\/\/recursing-dhawan.212-132-71-197.plesk.page\/index.php\/2018\/03\/01\/colocar-slider-imagenes-sitio-wordpress\/","title":{"rendered":"Colocar slider de im\u00e1genes en nuestro sitio WordPress"},"content":{"rendered":"

En este tutorial veremos c\u00f3mo a\u00f1adir un slider de im\u00e1genes en la cabecera de nuestro sitio WordPress.<\/p>\n

Antes de comenzar, indicar que el tema que tenemos activo en nuestro sitio WordPress es Twenty Fourteen<\/em>. Una vez indicado esto, empecemos!<\/p>\n

Para a\u00f1adir un slider de im\u00e1genes en la cabecera de mi sitio WordPress lo primero que haremos ser\u00e1 a\u00f1adir un nuevo plugin<\/strong><\/span>. Para ello, accede en el men\u00fa de la izquierda a dicha opci\u00f3n:<\/p>\n

\"A\u00f1adir<\/p>\n

A continuaci\u00f3n escribiremos en la caja de b\u00fasqueda de plugins el texto WordPress Content Slide<\/span><\/em>.<\/p>\n

Una vez realizada la b\u00fasqueda nos aparecer\u00e1n una serie de plugins que nos permitir\u00e1n conseguir nuestro objetivo. El plugin que he elegido se llama MetaSlider<\/strong> <\/span>(comprueba que te indica que es compatible con tu versi\u00f3n de WordPress<\/em>). Pulsa sobre el bot\u00f3n Instalar ahora <\/span>para a\u00f1adirlo a nuestro sitio:<\/p>\n

\"Plugin<\/p>\n

A continuaci\u00f3n comenzar\u00e1 el proceso de instalaci\u00f3n. Espera unos segundos y, cuando finalice, pulsa el enlace Activar plugin<\/span>:<\/p>\n

\"Activar<\/p>\n

En el men\u00fa de la izquierda hacemos clic sobre el nuevo plugin que aparece para configurarlo:<\/p>\n

\"Opciones<\/p>\n

Ahora pulsaremos sobre el enlace New <\/strong><\/span>para crear nuestro slider:<\/p>\n

\"A\u00f1adir<\/p>\n

Para a\u00f1adir las im\u00e1genes a nuestro Slideshow pulsaremos sobre el enlace A\u00f1adir diapositiva <\/strong><\/span>que aparece a la derecha:<\/p>\n

\"A\u00f1adir<\/p>\n

Al igual que haces cuando quieres a\u00f1adir una imagen u otro objeto a tu entrada de wordpress, escoge las im\u00e1genes que quieres que aparezcan en tu slider. Una vez escogidas, pulsa sobre el bot\u00f3n Add to slideshow <\/strong><\/span>que aparece en la parte inferior derecha de esa ventana.<\/p>\n

\"Selecci\u00f3n<\/p>\n

Ahora que te aparecen las im\u00e1genes que has a\u00f1adido puedes indicar (en la caja cuyo texto es URL)<\/em> un enlace a una entrada que tengas en tu sitio si quieres que el usuario pueda usar las im\u00e1genes como enlaces a entradas que quieras destacar.
\nEn la parte derecha de la imagen veras una serie de atributos configurables. Como ancho y alto le he dado, respectivamente, 1260 x 240.<\/p>\n

\"Atributos<\/p>\n

Pulsa sobre el enlace Preview <\/strong><\/span>para obtener una vista previa de c\u00f3mo quedar\u00e1 tu Slideshow:<\/p>\n

\"Vista
\n\"Vista<\/p>\n

Antes de finalizar, indicar que para poder visualizarlo en nuestro sitio debemos editar <\/span>el archivo header.php<\/span> y colocar el c\u00f3digo que nos aparece a la derecha de la pantalla (puedes pulsar el enlace copy all<\/span> <\/strong>para copiarlo):<\/p>\n

\"C\u00f3digo<\/p>\n

Accede a la ruta del disco duro donde tienes tu sitio. En mi caso ser\u00e1:<\/p>\n

C:\/xampp\/htdocs\/monpapel\/wp-content\/themes\/twentyfourteen\/header.php<\/em><\/p>\n

Nos situamos m\u00e1s o menos en la l\u00ednea 46 (en la que est\u00e1 la secci\u00f3n de la cabecera\u2013header\u2013) y pegamos el c\u00f3digo:<\/p>\n

\"Edici\u00f3n<\/p>\n

Una vez hecho, guardamos los cambios realizados y visitamos nuestro sitio Web para ver el resultado.<\/p>\n