Alterar o esquema das publicações de links partilhados para corresponder às publicações de fotografias/vídeos

Por predefinição, as publicações de links partilhados têm um esquema diferente das publicações de fotografias e vídeos, mas pode alterá-lo seguindo as instruções abaixo.

Primeiro, aceda à página Post Layout do plugin e selecione o seu layout. Em seguida, active a seguinte definição: Personalizar > Diversos > Mídia > Usar imagens de links compartilhados em tamanho real. Depois de activada, siga as instruções abaixo para o esquema que escolheu.

Esquema de miniaturas

Para alterar o esquema de modo a que a imagem da ligação partilhada corresponda ao esquema das miniaturas, é necessário fazer o seguinte:

1) Aceda à página Personalizar do plug-in, clique no separador Diversos e desloque-se para baixo até à secção CSS personalizado.
2) Copie e cole o seguinte nessa secção:

#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) Introduza o seguinte na secção JavaScript personalizado, por baixo:

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

Disposição a meia largura

Para alterar ainda mais o esquema, de modo a que a imagem da ligação fique do lado esquerdo do texto da publicação, é necessário fazer o seguinte:

1) Aceda à página Personalizar do plug-in, clique no separador Diversos e desloque-se para baixo até à secção CSS personalizado.
2) Copie e cole o seguinte nessa secção:

#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) Introduza o seguinte na secção JavaScript personalizado, por baixo:

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

Não encontrou a sua resposta nos documentos?

Apoio ao contacto