共有リンク投稿のレイアウトを写真/ビデオ投稿と同じにする。

デフォルトでは、共有リンクの投稿は、写真やビデオの投稿とは異なるレイアウトになっていますが、以下の説明に従って変更することができます。

まず、プラグインのPost Layoutページでレイアウトを選択します。そして、以下の設定を有効にしてください：Customize > Misc > Media >Use full-size shared link images.有効化したら、選択したレイアウトの以下の指示に従ってください。

サムネイルレイアウト

共有リンク画像がサムネイル・レイアウトと一致するようにレイアウトを変更するには、次のようにする必要があります：

1) プラグインのカスタマイズページに行き、Miscタブをクリックし、Custom CSSセクションまでスクロールダウンする。
2) そのセクションに以下をコピー＆ペーストする：

#cff .cff-shared-link { width: 20%; margin: 0; background: none; border: none; }
#cff.cff-thumb-layout .cff-full-size .cff-link{ max-width: 100%; }
#cff.cff-thumb-layout .cff-link-item .cff-text-wrapper { width: 77%; }
#cff .cff-shared-link .cff-text-link{ display: none; }

3) その下のカスタムJavaScriptセクションに以下を入力する：

$('.cff-item').each(function(){
  var $self = $(this),
    $textWrapper = $self.find('.cff-text-wrapper'),
    $sharedLink = $self.find('.cff-shared-link');
  $textWrapper.before( $self.find('.cff-shared-link') );
  if( $textWrapper.length < 1 ) $sharedLink.remove();
});

ハーフ・ワイド・レイアウト

さらにレイアウトを変更して、リンク画像が投稿本文の左側に来るようにするには、以下のようにする必要がある：

1) プラグインのカスタマイズページに行き、Miscタブをクリックし、Custom CSSセクションまでスクロールダウンする。
2) そのセクションに以下をコピー＆ペーストする：

#cff .cff-shared-link { width: 50%; margin: 0; background: none; border: none; }
#cff.cff-half-layout .cff-full-size .cff-link{ max-width: 100%; }
#cff.cff-half-layout .cff-link-item .cff-text-wrapper { width: 47%; }
#cff .cff-shared-link .cff-text-link{ display: none; }

3) その下のカスタムJavaScriptセクションに以下を入力する：

$('.cff-item').each(function(){
  var $self = $(this),
    $textWrapper = $self.find('.cff-text-wrapper'),
    $sharedLink = $self.find('.cff-shared-link');
  $textWrapper.before( $self.find('.cff-shared-link') );
  if( $textWrapper.length < 1 ) $sharedLink.remove();
});

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

サポート