もくじ
【ストーク19 使い方】SNSアイコンの表示を記事下だけにしたい
私のコクウ kokuuブログ(ワードプレス )は、
「ストーク19 」というWordPressテーマを使っています。
![](https://www10.a8.net/0.gif?a8mat=3BG01Z+Q73EA+3PSE+63OY9)
デザインがシンプルで可愛くて使いやすいのです♪
公式ホームページはこちら↓WordPressテーマ「STORK19」
![](https://www14.a8.net/0.gif?a8mat=3BG01Z+Q73EA+3PSE+63WO2)
SNS(ラインとかFacebookへなど)のシェアボタンも
標準装備。
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/C234DEA4-BE2A-4657-A33F-07E4C84F5DEF-1024x695.jpeg)
設定要らず\(^o^)/
記事の上下2箇所に
このSNSシェアボタンがついてます。
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/AF1A0157-BF43-4A72-88AA-6C7F9E93A216-1024x697.jpeg)
2箇所…。
なかなか存在感のあるボタン達なので
と思いまして。
ストーク19 さんに問い合わせてみました。
CSSコードを追加します
CSSなる場所に追加する
コードを教えてもらえました。
(ありがとうございました!)
CSSをいじる前に、バックアップを取っておくのは鉄則のようです
そして…
![](https://kataduke-kokuu.com/wp-content/uploads/2020/06/5DB8D562-7735-409A-862E-F3647C73D859-e1594099561415.jpeg)
このコードをどこに貼るんだい?!
というのが、機械オンチ&ストーク初心者には
難しいところ(汗)
まずはワードプレスの管理画面。
ダッシュボードの
①「外観」をタップ
↓
②「カスタマイズ」をタップ
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/67EB8C51-DEA4-439C-AE50-65EA39ACB561-1024x634.jpeg)
それから。
「追加CSS」をタップ
(最後の方にあります)
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/42FEB717-9897-4D45-9ED7-82AFACC3A37B-1024x671.jpeg)
こんな感じ(追加CSS)↓の場所が開くので
教えてもらったコードをコピペで
貼り付けます
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/953D0018-83C5-4B28-900B-D0D4E44F326E-1024x615.jpeg)
それから「公開」をタップ↓
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/F026A3D9-0DF3-4CA3-ACD7-B6298C59D3C6-1024x604.jpeg)
完成ー\(^o^)/♪
これで、SNSボタンは
タイトル下に表示されないはず…
・
・
・
あら?反映されません。
記事タイトル下にSNSボタンあります。
なぜ?!?!?!?!
ストーク19で、追加CSSが反応されない!
こうなると、私のような初心者は
![](https://kataduke-kokuu.com/wp-content/uploads/2020/06/5DB8D562-7735-409A-862E-F3647C73D859-e1594099561415.jpeg)
大パニック!!!!!
あれこれ、調べてみて
キャッシュを削除するだの
なんだのやってみるも、撃沈(T . T)
解決方法…恥ずかしくて言えない…
なんだかんだやって、解決したのです。
で、原因はなんだったかというと…
この写真↓で、気付かれた方、います??
![ストーク19 追加CSS](https://kataduke-kokuu.com/wp-content/uploads/2020/08/953D0018-83C5-4B28-900B-D0D4E44F326E-1024x615.jpeg)
あの…
赤い丸の中ね、
ちょっと色ついてる所あるではないですか…
これ…わかる人はわかるのでしょうが…
私…
![](https://kataduke-kokuu.com/wp-content/uploads/2020/06/5DB8D562-7735-409A-862E-F3647C73D859-e1594099561415.jpeg)
「エンターキー」を、押してない!!!!
エンターキーを押してないことが
原因でした。
そりゃあ、いくら「公開」
押したところで、反映されませんよねf^_^;
こんなアホな人は
この世にそうそういないと思いますが
万が一同じようなことする人がいた時のために
公開しておきますね(恥)
(エックスサーバーのコントロールパネルまで
行ってしまった…)
SNSシェアボタンがある、なし…の、ビフォーアフター
before
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/B986B017-93D4-4F04-B790-A324E89DE91F-1024x702.jpeg)
after
![ストーク19 SNSアイコン](https://kataduke-kokuu.com/wp-content/uploads/2020/08/26C00C09-4581-403F-A7C7-97BE132BE050-1024x736.jpeg)
すごくさっぱりスッキリしました\(^o^)/
嬉しいな♪
記事下にだけSNSシェアボタンついてます↓
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/F36071C5-3B05-4623-8D62-CF420B0C580D-1024x702.jpeg)
このSNSシェアボタン。
実は、私…
ワードプレスを自分で始めるまで
意味がわかってなかったのですf^_^;
このボタン〝記事を書いた人〟のSNSへの
登録をうながすボタンだと思っていたのです!
だから…ストーク19 さんの
ボタンは、親切だなーと思っております。
![ストーク19 SNSシェアボタン](https://kataduke-kokuu.com/wp-content/uploads/2020/08/C234DEA4-BE2A-4657-A33F-07E4C84F5DEF-1024x695.jpeg)
「Twitter」→ツイート
「Facebook」→シェア
「LINE」→送る
こんなふうに、行動まで書いてあるので
わかりやすいですよね^^
ストーク19 はやっぱり良いですよねー♪
![](https://www11.a8.net/0.gif?a8mat=3BG01Z+Q73EA+3PSE+601S1)
バナーもシンプルで好きなんです。
このSNSアイコンの種類を変更したり
(減らしたり)
SNSシェアボタン自体を見えなくすることは
簡単にできます。
SNSシェアボタンの表示・非表示は簡単にできる
SNSボタンの表示場所を減らすのは
ちょっと大変でしたが(私にはf^_^;)
ボタンそのものの、
表示・非表示は簡単にできます!
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/67EB8C51-DEA4-439C-AE50-65EA39ACB561-1024x634.jpeg)
「SNSボタン設定」をタップ
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/00B4B587-C796-4606-BD65-A6EC98EF52FC-1024x768.jpeg)
ここから↓色々SNSシェアボタンを
色々設定できます。
![](https://kataduke-kokuu.com/wp-content/uploads/2020/08/43210419-D6D2-425E-A9E2-A4206B5FE5E7-1024x671.jpeg)
設定できること
- SNSボタンを表示するかしないか
「投稿ページ」だけか「投稿ページ&固定ページ」にするかも選べます - 一つ一つのボタンを表示するかしないか、選べます
ボタンは全部で
・Twitter
・Facebook
・はてなブックマーク
・LINE
・Pocket
の、5種類です。 - SNSボタンの上の言葉を変更できます
「シェアしてくれると嬉しいです」など
はぁー。
CSSいじるの怖かったけれど
(…いじってないか?)
なんとかなって良かったです^^
記事下の1カ所だけにしたいな(*^^*)