[Cocoon] 簡単！最初の見た目設定 シェアボタンとフォローボタン

１．シェアボタンの設定

２．フォローボタンの設定

Cocoonテーマを有効化したらすぐにできます。

コード不要、画像の準備もいらないものです。

シェアボタン

シェアボタンです。

最初は「ブランドカラー」になっています。分かりやすくて良いですよね。

白抜き（当サイトで利用中）やモノクロにすると、また違う雰囲気を出せます。

シェアボタンの設定

１．WordPress画面の左に並んでいる、Cocoonアイコン（楕円マーク）から[Cocoon設定]をクリック。

２．[SNSシェア]をクリック。以下のように、いろいろと設定できます。

ボタンを表示したくない場合は、一番最初のチェックボックスを外します。
（そして、[変更を保存]をクリック。）

３．[表示切替]で、表示させたいボタンの種類を選べます。

　　私は初期設定のままにしました。

　　傾向としては、「コピーボタン」は外している方が多いです。

　　私は読者として、このボタンを気に入ったので、そのままにしています。

　　コピーボタンを押すと、記事のタイトルとURLをコピーできるのです。

４．[ボタンカラー]という項目から、好きな色のパターンを選びます。

　　こちらの3種類から選べますね。私は、「白抜き」を選びました。

５．[カラム数]でボタンを何列で表示させたいかを選びましょう。上の例は[6列]です。

　 例えば、[3列]を選ぶと以下のようになります。

６．[ロゴ・キャプション配置]で、ロゴとキャプションの位置関係を選びます。

７．[シェア数の表示]でシェア数を表示させるかを選択します。

　　吹き出しで、シェアされた数を表示させるかどうかですね。

８．そのままスクロールして、[本文下シェアボタン]の設定もしましょう。

　　この設定画面で、上か下のどちらかだけを表示、という設定にもできますね。

　　上下でそれぞれ違う設定にもできます。

　　項目は、1つだけ新しいものがあります。

　　以下の[シェアメッセージ]です。

　　本文下のボタン上に、タイトルのように表示される部分のメッセージ設定です。

　　ことばを変えられるんですね。

９．[変更をまとめて保存]ボタンをクリック。

　　このボタンは、設定画面の上下に２か所あります。

　　どちらか１つクリックすればＯＫです。

設定画面上のプレビューが設定通りに変わります！

フォローボタン

フォローボタンです。

緑のボタンが「feedly」、オレンジが「RSS」のフォローボタンです。

一応、feedlyとRSSについて、先に説明をします。

feedlyとは?

feedlyは、ユーザーが好きなサイトを登録して、その更新情報を受け取れるアプリです。

「お気に入り登録」と「読者登録」の弱いところが解消された感じだと思います。

お気に入り登録だけだと、「更新されたか」が分からない。

読者登録すると、「メールがいっぱいになる・・・」。

feedlyアプリの画面上で更新が分かり、お気に入りサイトを集めておけるので、とても便利そうです。

ブログのライターがfeedlyを利用していなくても、読者の方が利用していれば、このボタンを使えます。私は残すことにしました。

RSSとは?

RSSは、サイトの更新情報を届けるための、情報フォーマットの総称だそうです。

RSSボタンを押すと、こんなのが出てきます。

ちなみに、Internet Explorerでサイトを表示してRSSボタンを押すと、テキストファイルのダウンロードが促されます。

ファイルの内容は上のスクリーンショットと同じです。

このURLや情報を、自分が使用しているRSSリーダーアプリに登録できます。

すると、そのアプリを通じて、サイトの更新情報が利用者に届きます。

feedlyもRSS情報を使って作動するアプリですが、他にもfeedlyのようなアプリがあります。

feedly以外のRSSリーダーアプリをを使っている方々が、RSSボタンを利用することになります。

フォローボタンの設定

１．[Cocoon設定]メニューの[SNSフォロー]のタブを選択します。

２．設定内容の説明は、シェアボタンとほぼ同じなので省略します。

　　私が変更したのは、[ボタンカラー]のみです。

３．好きなように設定をして、[変更を保存]をクリックします。

プレビューで確認！

WordPress画面の一番上にあるブログタイトルから[サイトを表示]を選択します。

そうすると、以下のような記事が１つ入っているので、クリックしてみましょう。

（すでに自分の記事がある方はもちろんそちらで。）

以下は[モノクロ]に変更した場合の例です。

まとめ

シェアボタンとフォローボタンで「簡単に見た目の雰囲気を変える方法」でした！

今思うと、私は意外と難しいところから「見た目変更」に挑戦して、けっこうくじけてました。

「簡単に」できることから初めて、「達成感」を味わうほうが、やる気につながります！

最初の一歩におススメの見た目設定２選でした！

グローバルメニューの設定はおすみですか？よろしければこちらから！