WordPressの無料テーマcocoon で投稿ページと固定ページのSNSシェアボタン・SNSフォローボタンを消す方法

2020/6/19 アフィリエイト




cocoon を使っていて、SNSボタンを消したい！と思って検索してみると、固定ページのSNSボタンを消す方法はわかったんだけど、投稿ページの消し方がわからなかったので、どうやって消すことができたのかを紹介。見落としているだけで調べれば簡単にわかったかも。※下記の処理ではなく【cocoon設定】で対応できるも。

固定ページのSNSボタンを非表示にするCSS設定方法は、以下の通り。

テーマの編集から、スタイルシート (style.css)のお尻に追加。

固定ページのシェアボタンを非表示


/*固定ページのシェアボタンを非表示*/
.page .sns-share {
    display: none;
}

固定ページのフォローボタンを非表示


/*固定ページのフォローボタンを非表示*/
.page .sns-follow {
    display: none;
}

固定ページのシェアボタン・フォローボタンを非表示


/*固定ページのシェアボタン・フォローボタンを非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

投稿ページのシェアボタン・フォローボタンを非表示


/*投稿ページのシェアボタン・フォローボタンを非表示*/
.post .sns-share,
.post .sns-follow {
    display: none;
}

結果として、固定ページと投稿ページの両方のシェアボタン・フォローボタンを非表示にする方法は、

固定ページと投稿ページのシェアボタン・フォローボタンを非表示


/*固定ページのシェアボタン・フォローボタンを非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/*投稿ページのシェアボタン・フォローボタンを非表示*/
.post .sns-share,
.post .sns-follow {
    display: none;
}

を追加すれば可能になる。

初心者だとどうすればいいのかわかりにくかったので参考になると思う。

直接ワードプレスの管理画面で変更できない場合は、FTP経由で修正しよう。

フォローする