Esto te permite tomar un determinado fragmento de texto de tu publicación de Facebook y crear un título a partir de él.
Hay varias formas de hacerlo:
Utilice la primera línea del texto del mensaje
Añada lo siguiente a su ubicación u hoja de estilos CSS personalizada preferida. Una opción es la ubicación CSS adicional por defecto que se encuentra en WordPress Dashboard > Appearance > Customize > CSS adicional.
.cff-post-text::first-line {
font-weight: bold;
font-size: 22px;
}
Utilice el primer párrafo del texto de la entrada
Añada el siguiente JavaScript a su sitio. Esto puede hacerse manualmente utilizando un plugin JavaScript personalizado. Para más información, consulte nuestra documentación aquí.
$('.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() );
});
Añade marcadores al texto de Facebook para crear un título personalizado
En este ejemplo, coloca el texto del título dentro de los símbolos "|" en tu publicación de Facebook, como se muestra a continuación:
| Texto del título |
Resto del texto
A continuación, añada el siguiente JavaScript a su sitio. Esto puede hacerse manualmente utilizando un plugin JavaScript personalizado. Para más información, consulte nuestra documentación aquí.
$('.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 + "|", "") );
}
}
});
Esto creará un elemento de título a partir de ese texto.