Facebookの投稿にカスタムタイトルを作成する

これにより、Facebookの投稿から特定のテキストを取得し、そこからタイトルを作成することができます。

これにはいくつかの方法がある：

投稿本文の最初の行を使用する

お好みのカスタムCSSの場所またはスタイルシートに以下を追加してください。WordPressのダッシュボード > 外観 > カスタマイズ > スタイル シートにある、デフォルトの追加CSSの場所を使用することもできます。 追加CSS.

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

投稿本文の最初の段落を使用する

以下のJavaScriptをサイトに追加してください。これはカスタムJavaScriptプラグインを使用して手動で行うことができます。詳しくはこちらのドキュメントをご覧ください。

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

Facebookのテキストにマーカーを追加して、カスタムタイトルを作成する

この例では、以下のようにFacebookの投稿でタイトルテキストを「｜」記号の中に入れます：

| タイトルテキスト
残りの投稿テキスト

次に、以下のJavaScriptをサイトに追加します。これはカスタムJavaScriptプラグインを使用して手動で行うことができます。詳しくはこちらのドキュメントをご覧ください。

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

すると、そのテキストからタイトル要素が作成される。

ドキュメントに答えが見つからない？

サポート