Damit können Sie einen bestimmten Textabschnitt aus Ihrem Facebook-Post übernehmen und daraus einen Titel erstellen.
Es gibt mehrere Möglichkeiten, dies zu tun:
Verwenden Sie die erste Zeile des Beitragstextes
Fügen Sie das Folgende zu Ihrem bevorzugten benutzerdefinierten CSS-Speicherort oder Stylesheet hinzu. Eine Möglichkeit ist der standardmäßige zusätzliche CSS-Speicherort, den Sie unter WordPress-Dashboard > Darstellung > Anpassen > Zusätzliches CSS.
.cff-post-text::first-line {
font-weight: bold;
font-size: 22px;
}
Verwenden Sie den ersten Absatz des Beitragstextes
Fügen Sie das folgende JavaScript zu Ihrer Website hinzu. Dies kann manuell mit einem benutzerdefinierten JavaScript-Plugin erfolgen. Weitere Informationen finden Sie in unserer Dokumentation hier.
$('.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() );
});
Fügen Sie Markierungen zu Ihrem Facebook-Text hinzu, um einen benutzerdefinierten Titel zu erstellen
In diesem Beispiel fügen Sie Ihren Titeltext innerhalb von "|"-Symbolen in Ihren Facebook-Post ein, wie unten gezeigt:
| Titeltext |
Rest des Beitragstextes
Fügen Sie dann das folgende JavaScript zu Ihrer Website hinzu. Dies kann manuell mit einem benutzerdefinierten JavaScript-Plugin geschehen. Weitere Informationen finden Sie in unserer Dokumentation hier.
$('.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 + "|", "") );
}
}
});Dadurch wird aus dem Text ein Titelelement erstellt.
