Por defecto, las publicaciones de enlaces compartidos tienen un diseño diferente al de las publicaciones de fotos y vídeos, pero puedes cambiarlo siguiendo las instrucciones que se indican a continuación.
En primer lugar, vaya a la página Post Layout del plugin y seleccione su diseño. A continuación, active la siguiente configuración: Personalizar > Otros > Medios > Usar imágenes de enlaces compartidos a tamaño completo. Una vez activada, sigue las instrucciones que aparecen a continuación para el diseño que hayas elegido.
Diseño de miniaturas
Para cambiar el diseño de modo que la imagen del enlace compartido coincida con el diseño de la miniatura, deberá hacer lo siguiente:
1) Vaya a la página Personalizar del plugin, haga clic en la pestaña Varios y desplácese hasta la sección CSS personalizado.
2) Copia y pega lo siguiente en esa sección:
#cff .cff-shared-link { width: 20%; margin: 0; background: none; border: none; }
#cff.cff-thumb-layout .cff-full-size .cff-link{ max-width: 100%; }
#cff.cff-thumb-layout .cff-link-item .cff-text-wrapper { width: 77%; }
#cff .cff-shared-link .cff-text-link{ display: none; }3) Introduzca lo siguiente en la sección JavaScript personalizado situada debajo:
$('.cff-item').each(function(){
var $self = $(this),
$textWrapper = $self.find('.cff-text-wrapper'),
$sharedLink = $self.find('.cff-shared-link');
$textWrapper.before( $self.find('.cff-shared-link') );
if( $textWrapper.length < 1 ) $sharedLink.remove();
});Disposición a media anchura
Para cambiar el diseño aún más para que la imagen del enlace está en el lado izquierdo del texto de la entrada que tendría que hacer lo siguiente:
1) Vaya a la página Personalizar del plugin, haga clic en la pestaña Varios y desplácese hasta la sección CSS personalizado.
2) Copia y pega lo siguiente en esa sección:
#cff .cff-shared-link { width: 50%; margin: 0; background: none; border: none; }
#cff.cff-half-layout .cff-full-size .cff-link{ max-width: 100%; }
#cff.cff-half-layout .cff-link-item .cff-text-wrapper { width: 47%; }
#cff .cff-shared-link .cff-text-link{ display: none; }3) Introduzca lo siguiente en la sección JavaScript personalizado situada debajo:
$('.cff-item').each(function(){
var $self = $(this),
$textWrapper = $self.find('.cff-text-wrapper'),
$sharedLink = $self.find('.cff-shared-link');
$textWrapper.before( $self.find('.cff-shared-link') );
if( $textWrapper.length < 1 ) $sharedLink.remove();
});
