フォローボタンをフィード上部に配置

フィードの画像上に「フォロー」ボタンを中央に表示するには、以下のJavaScriptをサイトに追加してください。これはカスタムJavaScriptプラグインを使って手動で行うことができます。詳しくはこちらのドキュメントをご覧ください。

ジャバスクリプト

$('#sb_instagram #sbi_images').prepend( $('.sbi_follow_btn') );

次に、WordPressダッシュボード > 外観 > カスタマイズ > 追加CSS(またはお好みのCSSの場所)に以下のCSSを追加します。

CSS

#sbi_images {
    position: relative;
}
.sbi_follow_btn {
    position: absolute;
    z-index: 2;
    top:50%;
    right:50%;
    margin-right: -85px;
    margin-top: -20px;
}

フォローボタンを完全に中央に配置するために、これらの数値を調整する必要があるかもしれない。

サポート

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

サポート

この記事は役に立ちましたか?