ストークで記事タイトル下のSNSボタンのみを追加CSSで非表示にする方法

ストークで記事タイトル下のSNSボタンのみを追加CSSで非表示にする方法
スポンサーリンク

こんにちは、当ブログ管理人のオザワです。

現在私は、ワードプレスの有料テーマであるストークを使っているのですが、いつも思っていたことがあるんですよね

それは

オザワ
ブログ記事のタイトル下にあるSNSボタンっていらないんじゃない?

っていうこと

なぜなら普通ブログの記事を読んでいて、SNSで紹介したいなーなんて思うタイミングって記事を最後まで読んだ時がほとんどで

読む前のタイトル下のSNSボタンなんて押さないだろ!と思うからです。

それに、全部の記事に表示されているこのSNSボタンを消すことで、サイトの速度も上がります。

 

ただ、それじゃ変更しようと思っても、現在ストークではボタン一つで変更出来る機能を使って非表示にすると、タイトル下と記事の最後の部分が両方とも非表示になってしまうんですよね

これは、ダッシュボードのサイトをカスタマイズ内、投稿・固定ページ設定

ストーク、投稿固定ページの設定

SNSボタンを表示しないにチェックを入れれば行うことが出来ます。

ストーク、SNSボタンを表示しない

 

そして、記事のタイトル下のSNSボタンのみを消したくて色々調べてみたんですが、出てきたのはPHPをいじるようなカスタマイズの記事のみ・・

オザワ
PHPを直接触るのは、怖いし嫌なんですよね

 

そこでまた色々調べてみると追加CSSという所に、コードを張り付けるとストークで記事だけSNSボタンを消すことが出来る方法がわかりました。

①ダッシュボード内サイトをカスタマイズに入る

②追加CSSをクリック

ストーク、追加CSS

③.share.short {
display: none;
}

これをコピペして貼り付ける、ちなみに③は入らないので気を付けてください

ストーク、追加CSSで記事下のみSNSボタンを削除する

これで記事下のみSNSボタンが削除されました。

 

それではSNSボタンが消えたことで、ブログの表示速度はどうなったのか見てみました。

今回使用したのはグーグルのPageSpeed Insightsというツール

●SNSボタンを消す前

モバイル91 PC96

●SNSボタンを消した後

モバイル93 PC98

オザワ
おお!わずかだけど、サイトの速度が上がりました!

それでは以上で終わります。

スポンサーリンク