Criar um título personalizado nas suas publicações do Facebook

Isto permite-lhe retirar um determinado texto da sua publicação no Facebook e criar um título a partir dele.

Existem algumas formas de o fazer:

Utilizar a primeira linha do texto do post

Adicione o seguinte à sua localização CSS personalizada ou folha de estilos preferida. Uma opção é o local CSS adicional padrão encontrado em Painel do WordPress > Aparência > Personalizar > CSS adicional.

.cff-post-text::first-line { 
  font-weight: bold;
  font-size: 22px;
}

 

Utilizar o primeiro parágrafo do texto da publicação

Adicione o seguinte JavaScript ao seu site. Isso pode ser feito manualmente usando um plug-in JavaScript personalizado. Para obter mais informações, consulte a nossa documentação aqui.

$('.cff-text').each(function(){
  var textarr = $(this).html().split('<br>'),
  firstline = textarr[0],
  newText = '';
  textarr.shift();

  for (var i = 0; i < textarr.length; i++) {
    newText += '<br>' + textarr[i];
  }
  $(this).html( '<b style="font-size: 22px;">'+firstline+'</b>'+newText.toString() );
});

 

Adicione marcadores ao seu texto do Facebook para criar um título personalizado

Neste exemplo, coloque o seu texto de título dentro dos símbolos "|" na sua publicação do Facebook, como mostrado abaixo:

| Texto do título |
Resto do texto do post

Em seguida, adicione o seguinte JavaScript ao seu site. Isto pode ser feito manualmente utilizando um plugin JavaScript personalizado. Para mais informações, consulte a nossa documentação aqui.

$('.cff-item').each(function(){
if( $(this).find('.cff-text').length ){
  var $self = $(this),
      test_str = $self.find('.cff-text').html(),
      start_pos = test_str.indexOf('|') + 1,
      end_pos = test_str.indexOf('|',start_pos),
      title_text = test_str.substring(start_pos,end_pos);

  if( title_text.length > 1 ){
    $self.find('.cff-author').after('<h3>' + title_text + '</h3>');
    $self.find('.cff-text').html( $self.find('.cff-text').html().replace("|" + title_text + "|", "") );
  }
}
});

Isto irá criar um elemento de título a partir desse texto.

apoio

Não encontrou a sua resposta nos documentos?

Apoio ao contacto

Este artigo foi útil?