Facebookの作者アバターのサイズを変更する

Facebookの作者アバターの標準サイズは40pxですが、以下のスニペットを使うことで大きくすることができます。

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

$('.cff-author-img img').each(function(){
  $(this).attr('src', $(this).attr('src') + '&width=150');
});

2行目の最後にある "150 "の値を変更することで、サイズを変更することができる。

次に、以下のCSSをお好みのカスタムCSSの場所またはスタイルシートに 追加します。デフォルトの追加CSSの場所は以下のとおりです。 WordPressダッシュボード > 外観 > カスタマイズ > スタイルシート 追加CSS.

#cff .cff-author-img {
  width: 150px;
  height: 150px;
  background: none;
  border-radius: 50%;
}
#cff .cff-item .cff-author-img img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
#cff .cff-author .cff-page-name, #cff .cff-author .cff-date {
  margin-left: 160px !important;
}
#cff .cff-author .cff-page-name.cff-author-date {
  padding-top: 60px;
}

150pxの値は、最初のスニペットで指定した画像のサイズに合わせてください。160pxの値は、指定したサイズより10px大きくしてください。

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

サポート