賢威で特定のページだけSNSのシェアボタンを非表示にする方法

※当サイトにはプロモーションが含まれています。

にゃのらいとにゃのらいと

“プライバシーポリシー”や“免責事項”のページには、SNSボタンは要らないにゃ

“プライバシーポリシー”や“免責事項”など、拡散されることをあまり望まないページがあると思います。

免責事項

ワードプレス(WordPress)テーマの賢威には、SNSのアイコンを表示・非表示を設定できる機能があります。

しかし、特定のページに対して、SNSを表示したり非表示にすることはできません。

賢威|SNSの表示設定

その為、今回は、賢威で特定のページだけSNSのシェアボタンを非表示にする方法について解説します。

なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りです。

ワードプレス環境

テーマ:賢威8
WordPressバージョン:6.2.x
PHPバージョン:8.2.x
サーバー:さくらインターネット

※セキュリティの観点から、マイナーバージョンの一部をxとさせて頂きます

特定のページのみSNSのシェアボタンを非表示にするCSS

賢威で特定の固定ページや投稿ページのSNSシェアボタンを非表示にするCSSです。

SNSのシェアボタンを表示したくないページを開き、ページ下方にある「この投稿のみに表示するCSS/JS」の箇所に以下のコードを追加します。

<style>
.sns-btn_wrap {
display: none;
}
</style>

実際に記載した画像は下記の通りです。

賢威|この投稿のみに表示するCSS/JS

この投稿のみに表示するCSS/JS」にCSSを記載する際には、<style>タグが必要になります。

なお、このCSSは固定ページ・投稿ページ、どちらも利用できます。

もしよかったら、ご活用ください。

関連記事