• Publicidad
  • Contacto
Tech News, Magazine & Review WordPress Theme 2017
  • Noticias
    • Evento
    • Capacitación
    • Recursos
  • Video
  • Podcast
  • Ciencia
    • Salud
    • Ciencia Ficción
    • Historia
    • Marketing Digital
    • Software
      • Seguridad
      • Privacidad
      • Internet
      • Desarrollo/programación
      • Diseño
  • Tecnología
    • Innovación
    • LifeStyle
    • Audio & Video
    • Fotografía
    • Transformación Digital
  • Entretenimiento
    • Ciencia Ficción
    • Cine
    • Trailers
Sin resultados
Ver todos los resultados
Pixelco Tech
  • Noticias
    • Evento
    • Capacitación
    • Recursos
  • Video
  • Podcast
  • Ciencia
    • Salud
    • Ciencia Ficción
    • Historia
    • Marketing Digital
    • Software
      • Seguridad
      • Privacidad
      • Internet
      • Desarrollo/programación
      • Diseño
  • Tecnología
    • Innovación
    • LifeStyle
    • Audio & Video
    • Fotografía
    • Transformación Digital
  • Entretenimiento
    • Ciencia Ficción
    • Cine
    • Trailers
Sin resultados
Ver todos los resultados
Pixelco Tech
Sin resultados
Ver todos los resultados

Front Slider – Slideshow personalizable para WordPress

Diego Cambiaso por Diego Cambiaso
06/03/2018
en Desarrollo/programación, Internet
Tiempo de lectura2 minutos
Compartir en FacebookCompartir en TwitterCompartir en WhatsappCompartir en TumblrCompartir en Telegram

Siempre estoy escribiendo sobre recursos de desarrollo web para implementar galerías de imágenes, usualmente usando jQuery o alguna otra biblioteca Javascript. Estas soluciones en general son bastantes sencillas de implementar, pero para los sitios que corren con WordPress es más sencillo aún, ya sólo es cuestión de instalar un plugin.

Front Slider es un plugin para WordPress para mostrar una galería de imágenes/presentación y que se destaca por ser altamente personalizable.

Front Slider - Galeria de imágenes para WordPress

El hecho que se pueda personalizar, no significa que hay que ponerse a editar líneas de código, simplemente, Front Slider tiene un panel de configuración que permite definir los valores de:

  • La categoría que se quiere mostrar.
  • El número de post destacados.
  • La cantidad máxima de caracteres del post a mostrar.
  • Comenzar a mostrar las imágenes automáticamente o manualmente.
  • Y por último, la velocidad que irán pasando las imágenes.

Una vez instalado y activado el plugin, para mostrar la galería sólo hay que ingresar a WordPress con un usuario con privilegios de administrador y agregar el siguiente código:

<?php include (ABSPATH . '/wp-content/plugins/front-slider/front-slider.php'); ?>

Por último, hay que agregar un Custom Field con la clave Featured, en el valor hay que ingresar el la dirección de la imagen que se quiere mostrar.

Front Slider - Configuración
Front Slider - Panel de configuración

Front SLider

Front Slider: wordpress.org/extend/plugins/front-slider

Vía: blogperfume.com

Tags: BlogCuriosidaddesarrollo webfrotn slidergaleria deimagenesplugin wordpress
Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Construir un Sitio web con los editores de WYSIWYG: Pros y Cons
Desarrollo/programación

Construir un Sitio web con los editores de WYSIWYG: Pros y Cons

por Diego Cambiaso
12/07/2016

El diseño de “visualizaciones en primer lugar” influyen en el comportamiento de la gente en la web extremadamente. Es porque...

WordPress 4.2 Powell: Descubre las novedades de su más reciente actualización

WordPress 4.2 Powell: Descubre las novedades de su más reciente actualización

por Paula Cambiaso
26/04/2015

WordPress 4.2 Powell es la más reciente actualización del más popular editor de sitios web y blogs, la que se...

Firefox 29

Firefox 29 – Conoce todos los detalles de esta importante actualización

29/04/2014
Hypertext: Descubre un excelente tema para WordPress

Hypertext: Descubre un excelente tema para WordPress

17/11/2013
Siguiente
Bomomo - editor de imagenes online

Crea imágenes abstractas con el editor online Bomomo

Comentarios 12

  1. Rmartinez Navarrete says:
    12 años

    Hola ¿podrías crear un tutorial para poder utiizar este plugin? pues lo he descargado he instalado y no logro hecharlo a andar

  2. Q-cho says:
    12 años

    Hola Muchas Gracias por este tutorial pero tengo una duda sobre el codigo que hay que agregar

    no entinendo en donde se agrega este codigo.

    tu ayuda seria de mucha utilidad.

    Gracias por tu ayuda

  3. Elsa says:
    13 años

    Muchas gracias por su ayuda, pues a los principientes nos cuesta encontrar informacion completa que nos indique como usar los plugines para los encabezados entiendo que es muy facil, pero cuando las explicaciones se saltan algun paso por obvio que sea para el que lo conoce, quedamos perdidos totalmente y comenzamos hacer pruebas y de un lado para otro y finalmente aburridos.
    Mil gracias por sus aclaraciones, probare haber como me va.
    Elsa

  4. Javier says:
    13 años

    Hola! También empecé a usar este plugin hace un tiempo e incialmente funcionó perfectamente. No obstante, en algún momento el plugin ya no mostró más los preview de los post que aparecen en la barra de navegación del front. El resto funciona bien: se ve el resumen de los post y la imagen asociada en el marco principal, pero los preview no. Si alguien me puede orientar para solucionar este problema estaré muy agradecido. Saludos.

  5. Adiel says:
    13 años

    Diego, cuando yo estoy creando una nueva entrada, no veo la opción que dices en: http://newwpthemes.com/public/featured_custom_field.jpg
    estos campos no me aparecen, sinceramente no se que estoy haciendo mal…
    Al crear una nueva entrada ya viene por defecto esta opción o tengo que “pedirla”? Gracias.

  6. JM says:
    13 años

    Amigos mios, tengo instalado el plugins, esta activado, he insertado en el post y he creado “Featured” con el enlace: “http://www.escortsteen.cl/wp-content/uploads/2011/01/Cami.jpg” y no me ha dado resultado, alguien me podria ayudar, ya que me parece muy interesante el plugin, pero no he podido hacerlo funcionar, que estoy haciendo mal?

  7. Roberto says:
    13 años

    Gracias por el dato, estaba apunto de cambiar el theme de una web por no contar con esta aplicación…
    http://www.panyrosas.cl
    funciona a la perfección, solo no detalla el tamaño que deben tener las imágenes (no me aguanta imágenes cuadradas)
    pero es sumamente personalizable y fácil de usar…

  8. Diego says:
    13 años

    ah, no hace falta que la imagen se llame featured.jpg, le podés poner el nombre que quieras.

  9. Diego says:
    13 años

    Hola Manuel, la opción del custom field llamado featured la tenés que crear cuando armás el post. Abajo, cuando estás editando o creando la entrada vas a ver unos campos como los de la imagen que te adjunto: http://newwpthemes.com/public/featured_custom_field.jpg
    Como podés ver, ponés featured de un lado (en nombre o name) y del otro (el value o valor) ponés la URL absoluta de la imágen que querés mostrar en el slideshow.
    Espero que lo entiendas. saludos.

  10. Manuel says:
    13 años

    Salu2 me dirijo a ustedes ya que no encontré ningún otro blog en español ni en ingles donde expliquen con mas detalle este plugin.

    El problema que tengo es que una vez instalado el plugin y configurado el estilo, también insertado el código php en mi header para ver el plugin.

    Me encuentro que no entiendo como insertar una imagen.

    En todos los sitios se explica que:
    Por último, hay que agregar un Custom Field con la clave Featured, en el valor hay que ingresar el la dirección de la imagen que se quiere mostrar.

    Bien, mi problema es que no entiendo donde hemos de incluir esta opción.
    Agradecería que alguien con mas experiencia que yo me diera alguna pista o algun ejemplo de este paso que me quedo pendiente. Y no acabe de entender.

    Muchas gracias, 1 Saludo

Pixelco Tech

VideosReviews - Tutoriales
El HONOR Magic V2 llegará con una función de juego que cambiará el futuro del gaming móvil

El HONOR Magic V2 llegará con una función de juego que cambiará el futuro del gaming móvil

25/08/2023
    Resistencia: La última esperanza de la humanidad – Trailer

    Resistencia: La última esperanza de la humanidad – Trailer

    12/08/2023
      Misión: Imposible – Sentencia Mortal Parte I 

      Misión: Imposible – Sentencia Mortal Parte I

      12/08/2023
        2001 Space Odyssey una historia de evolución que incluye IA

        2001 Space Odyssey una historia de evolución que incluye IA

        12/08/2023
          Master E-Tech el utilitario 100% eléctrico ya disponible en Colombia

          Master E-Tech el utilitario 100% eléctrico ya disponible en Colombia

          12/08/2023
            4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

            4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

            26/05/2023
              SSD Predator: la nueva munición de BIWIN para gamers exigentes

              SSD Predator: la nueva munición de BIWIN para gamers exigentes

              29/11/2023
              Nexxt Home lanza cerradura conectada: 10 meses de batería y apertura por app

              Nexxt Home lanza cerradura conectada: 10 meses de batería y apertura por app

              29/11/2023
              Samsung reafirma su apoyo a la candidatura de Busan como ciudad anfitriona de la Expo 2030

              Samsung reafirma su apoyo a la candidatura de Busan como ciudad anfitriona de la Expo 2030

              27/11/2023
              Samsung Galaxy M34 5G – Ficha técnica y experiencia de uso

              Samsung Galaxy M34 5G – Ficha técnica y experiencia de uso

              24/11/2023
              Conoce en profundidad qué es Dolby Atmos: la revolución del sonido envolvente

              Conoce en profundidad qué es Dolby Atmos: la revolución del sonido envolvente

              23/11/2023
              La Inteligencia Artificial revoluciona el sector de la salud: impulsando la eficiencia y la calidad de la atención médica

              La Inteligencia Artificial revoluciona el sector de la salud: impulsando la eficiencia y la calidad de la atención médica

              20/11/2023

              Pixelco Tech

              Pixelco Tech es sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

               

              Objetivo de Pixelco Tech

              Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

              Buscar

              Sin resultados
              Ver todos los resultados
              • Contacto
              • Publicidad
              • Sobre Pixelco
              • Política de Privacidad
              • Términos del Servicio

              © 2023 Pixelco por Diego Cambiaso.

              Sin resultados
              Ver todos los resultados
              • Noticias
              • Video
              • Podcast
              • Ciencia
              • Tecnología
              • Entretenimiento
                • Ciencia Ficción
                • Cine
                • Trailers
              • Pixelco
                • Sobre Pixelco
                • Política de Privacidad
                • Política de cookies
                • Términos del Servicio
                • Publicidad

              © 2023 Pixelco por Diego Cambiaso.

              Welcome Back!

              Login to your account below

              Forgotten Password?

              Retrieve your password

              Please enter your username or email address to reset your password.

              Log In

              Add New Playlist

              Este sitio web utiliza cookies. Si continúa utilizando este sitio web, está dando su consentimiento para que se utilicen cookies. Visite nuestra Política de Privacidad y Política de Cookies.