Modifica del layout dei post di link condivisi in modo che corrispondano ai post di foto/video

Per impostazione predefinita, i post di link condivisi hanno un layout diverso da quello dei post di foto e video, ma è possibile modificarlo seguendo le indicazioni riportate di seguito.

Per prima cosa, andare alla pagina Post Layout del plugin e selezionare il proprio layout. Quindi attivare la seguente impostazione: Personalizza > Varie > Media > Usa immagini di link condivisi a grandezza naturale. Una volta attivata, seguire le indicazioni riportate di seguito per il layout scelto.

Layout delle miniature

Per modificare il layout in modo che l'immagine del link condiviso corrisponda al layout della miniatura, è necessario procedere come segue:

1) Andare alla pagina di personalizzazione del plugin, fare clic sulla scheda Misc e scorrere fino alla sezione Custom CSS.
2) Copiare e incollare quanto segue in tale sezione:

#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) Inserite il seguente testo nella sezione JavaScript personalizzato:

$('.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();
});

Layout a metà larghezza

Per modificare ulteriormente il layout in modo che l'immagine del link si trovi a sinistra del testo del post, è necessario procedere come segue:

1) Andare alla pagina di personalizzazione del plugin, fare clic sulla scheda Misc e scorrere fino alla sezione Custom CSS.
2) Copiare e incollare quanto segue in tale sezione:

#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) Inserite il seguente testo nella sezione JavaScript personalizzato:

$('.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();
});

Non è stato possibile trovare la risposta nei documenti?

Contatto con l'assistenza