Crear una presentación de diapositivas, un deslizador o un carrusel a partir de tus publicaciones de Facebook

Si utiliza la versión Pro del plugin Custom Facebook Feed WordPress, puede utilizar nuestra extensión extensión Carrusel para crear carruseles deslizantes a partir de tu contenido de Facebook.

Si utilizas el plugin gratuito de WordPress, o la versión PHP Standalone, es posible conseguir un pase de diapositivas básico haciendo lo siguiente:

----

1) Añade una clase al shortcode del feed que quieres convertir en presentación:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons
Load more

2) Establecer el número de mensajes para mostrar a ser el número de mensajes que desea incluir en la presentación de diapositivas (10 por ejemplo). Usted puede hacer esto mediante el uso de la opción de código corto 'num':

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons
Load more

3) Añada el siguiente JavaScript a su sitio. Esto puede hacerse manualmente utilizando un plugin JavaScript personalizado. Para más información, consulte nuestra documentación aquí. Por favor, tenga en cuenta que si cambia la opción de clase en el shortcode anterior para que sea cualquier cosa menos "presentación de diapositivas", entonces asegúrese de cambiar eso en la primera línea del fragmento de abajo:

var shortcodeClass = 'slideshow',
    cffSpeed = 5000, 
    $cff = $('#cff.'+ shortcodeClass);
    $cffItem = $cff.find('.cff-item'),
    cffNum = $cffItem.length,
    cffCur = 0;
$cffItem.hide();
setTimeout(function(){ $cff.find('.cff-item').eq(0).show(); }, 200);
setInterval(function(){
    $cff.find('.cff-item').eq(cffCur).fadeOut( "fast", function() {
        if( cffCur == cffNum-1 ) cffCur = -1;
        cffCur++;
        $cff.find('.cff-item').eq(cffCur).fadeIn();
    });
}, cffSpeed);

4) Puede cambiar la velocidad de la transición editando el valor cffSpeed = 5000 en la parte superior del fragmento. 5000 es igual a 5 segundos (5000ms).

soporte

¿No ha encontrado la respuesta en los documentos?

Contacto

¿Le ha resultado útil este artículo?