Cela vous permet d'extraire un morceau de texte de votre message Facebook et de créer un titre à partir de celui-ci.
Il y a plusieurs façons de procéder :
Utiliser la première ligne du texte du message
Ajoutez les éléments suivants à votre emplacement CSS personnalisé préféré ou à votre feuille de style. Une option est l'emplacement CSS supplémentaire par défaut qui se trouve dans WordPress Dashboard > Appearance > Customize > CSS supplémentaire.
.cff-post-text::first-line {
font-weight: bold;
font-size: 22px;
}
Utiliser le premier paragraphe du texte du message
Ajoutez le JavaScript suivant à votre site. Cela peut être fait manuellement à l'aide d'un plugin JavaScript personnalisé. Pour plus d'informations, consultez notre documentation ici.
$('.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() );
});
Ajoutez des marqueurs à votre texte Facebook pour créer un titre personnalisé
Dans cet exemple, placez votre titre à l'intérieur des symboles "|" dans votre message Facebook, comme indiqué ci-dessous :
| Texte du titre
Reste du texte de l'article
Ajoutez ensuite le JavaScript suivant à votre site. Cette opération peut être effectuée manuellement à l'aide d'un plugin JavaScript personnalisé. Pour plus d'informations, consultez notre documentation ici.
$('.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 + "|", "") );
}
}
});Un élément de titre est alors créé à partir de ce texte.
