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.