Crea un título personalizado en tus publicaciones de Facebook

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.

soporte

¿No ha encontrado la respuesta en los documentos?

Contacto

¿Le ha resultado útil este artículo?