Creare un titolo personalizzato nei post di Facebook

Questo vi permette di prendere un determinato pezzo di testo dal vostro post di Facebook e di creare un titolo a partire da esso.

Ci sono alcuni modi per farlo:

Utilizzare la prima riga del testo del post

Aggiungete quanto segue alla posizione o al foglio di stile CSS personalizzato che preferite. Un'opzione è la posizione CSS aggiuntiva predefinita che si trova in Dashboard di WordPress > Aspetto > Personalizza > CSS aggiuntivo.

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

 

Utilizzare il primo paragrafo del testo del post

Aggiungere il seguente JavaScript al sito. Questa operazione può essere eseguita manualmente utilizzando un plugin JavaScript personalizzato. Per ulteriori informazioni, consultare la nostra documentazione qui.

$('.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() );
});

 

Aggiungere marcatori al testo di Facebook per creare un titolo personalizzato

In questo esempio, inserite il testo del titolo all'interno dei simboli "|" nel post di Facebook, come mostrato di seguito:

| Testo del titolo
Il resto del testo del post

Aggiungete quindi il seguente JavaScript al vostro sito. Questa operazione può essere eseguita manualmente utilizzando un plugin JavaScript personalizzato. Per ulteriori informazioni, consultare la nostra documentazione qui.

$('.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 + "|", "") );
  }
}
});

Si creerà quindi un elemento titolo a partire da quel testo.

supporto

Non è stato possibile trovare la risposta nei documenti?

Contatto con l'assistenza

Questo articolo è stato utile?