カスタマイズ(外観)26項目-SNSシェアボタン(1)

2018/06/21

SNSも種類が多くなってシェアボタンを用意するのもなかなか大変です。プラグインまでありますけど、Luxeritasではデフォルトで用意されていて表示位置も設定できます。

私のブログのような弱小ブログですと入らない気もしますけど、どのサイトでも標準的に付属しているようなので設置してあります。ブログの内容によってSNSも変更したほうが良いようです。以前は「はてなブックマーク」のシェアボタンが標準でついていたのですが、現在は追加で設置するようになっています。このブログのようにPC関係内容は「はてなブックマーク」からのリンクが多くなります。サイトやブログで扱う話題によって、あるいは海外向けですとか閲覧者が海外ならその国でのSNS利用状況を考えて設置するSNSシェアボタンを変更しないと意味がありません。

とはいえ、LuxeritasのSNSシェアボタンの種類はそうは多くないので標準で表示になっているものを非表示にするかどうかと非表示になっている「はてなブックマーク」「LINE」ボタンを表示にするかどうかと、その表示位置を決めることでしょうか。

SNSシェアボタン(1)カスタマイズメニュー

SNSシェアボタン(1)

ここではSNSシェアボタンの機能を設定できます。

SNS カウントをキャッシュする (おすすめ)

LuxeritasSNS カウントをキャッシュするチェックボックス
このチェックボックスにチェックするとシェア数がキャッシュ(記憶)されます。
luxeritasからSNSカウンターをクリックしている画像
ダッシュボード→Luxeritas→SNSカウンターをクリックするとキャッシュが有効になっているとカウンターに数字が残っているのでいくつクリックされたのかわかるようになります。
SNS 通常ボタンが選択されていると動作しないとのことなので注意してください。

SNS カウントを非表示にしていても、カウント数を取得してキャッシュする

LuxeritasSNS カウントを非表示にしていても、カウント数を取得してキャッシュするチェックボックス
SNSカウントをキャッシュする場合、こちらにチェックすることで非表示になっている場合でもカウント数をキャッシュに取得できます。

どうしてカウント数をキャッシュするの?

  • カウント数の表示が瞬時(というか描画と同時)になります
  • カウント数の問い合わせ回数を減らせるので、転送量を削減できます
  • CPU の使用率が劇的に下がります
  • WAF が有効になってるサーバーでも SNS のカウント数を取得・表示
    https://thk.kanzae.net/wp/settings/fast/t1408/
    luxeritasの作者の説明ではこうなっています。

ここは迷わずチェックしておきましょう。

キャッシュ再構築までのインターバル

キャッシュ再構築までのインターバル項目でメニューをクリックした画像
キャッシュ再構築して新規のカウントがあれば加えてくれる間隔をメニューから選んで設定できます。

週に一度の自動キャッシュ整理

週に一度の自動キャッシュ整理メニューをクリックした画像
キャッシュの整理機能もここで設定できます。

記事上 SNS ボタンの種類と配置

これは記事の最初の行の上方にSNSボタンを配置する場合にここで設定します。

記事上のSNSボタンの種類と配置プルダウンメニューをクリックした画像
SNSボタンのデザインはここで変更できます。
・カラータイプ
・ホワイトタイプ
・可変幅フラットタイプ(カラー)
・可変幅フラットタイプ(ホワイト)
・名無しアイコンタイプ(カラー)
・名無しアイコンタイプ(ホワイト)
https://thk.kanzae.net/wp/point/t245/
Luxeritas公式にはサンプルがあります。自分のサイトで確かめた方が色のバランスとか分かるとも思いますが、目安にはなります。

SNSシェアボタン(1)位置のプルダウンメニューをクリックした画像
その下にSNSボタンの配置を決めるプルダウンメニューがあります。「左」、「中央」、「右」の中から選択します。上部のSNSデザインを可変幅タイプにした場合はすでの幅いっぱいに広がっているのでここで設定しても変化はありません。

記事上の SNS ボタン表示

記事上のSNSボタン表示チェックボックス画像
「記事上」は「記事じょう」と読むと記事の中にSNSボタンが入るイメージですが、ここでは記事の上部分にSNSボタンを挿入するためのチェックボックスです。「記事うえのSNSボタン表示のためのチェックボックス」という感じです。ここにチェックすると記事の上部分のSNSボタンが配置されるわけですが、表示されない場合も心配はいりません。
次の「SNSシェアボタン(2)」カスタマイズメニューに記事上にどのSNSボタンを挿入するのか選択するようになっていまして、「記事上にどのSNSボタンを挿入するのか」全く選択していませんと挿入されません。「SNSシェアボタン(1)」「SNSシェアボタン(2)」双方で表示をしていくことになっているでSNSボタンを記事上に表示させてデザインをまず見たい場合は「SNSシェアボタン(1)」をいったん抜けて「「SNSシェアボタン(2)」メニューに移動して「記事上SNSボタンの表示/非表示」チェックボックスをチェックすると表示できます。

SNSシェアボタン(2)SNSボタン表示させるチェックボックス一覧

記事上の SNS カウント表示

記事上のSNSカウント表示チェックボックス画像
ここにチェックするとSNSボタンにカウントの数字が表記されます。SNSボタンのデザインによりカウント表記が大きさとデザインも異なってくるので、サイトデザインを気にする方は確認しておく必要があります。

カラータイプのSNSボタンにカウント表示をさせた時のデザイン
カラータイプでSNSボタンを表示させた時に「記事上のSNSカウント表示」にチェックを入れるとボタンの上に吹き出しが付いて数字が表示されます。

記事上 SNS ボタン2段組表示

二段組みとはSNSボタンは上下二段になるという意味です。

記事上のSNSボタン2段組表示画像
このように二段になって並びます。表示させるSNSボタンが多い場合にすっきりと表示させられます。

記事下 SNS ボタンの種類と配置

記事下SNS ボタンの種類と配置のプルダウンメニューとチェックボックス一覧の画像
ここは記事下へのSNSボタン設置する時の設定です。
内容は「記事上 SNS ボタンの種類と配置」と全く同じになります。

記事下の SNS シェアメッセージ

SNSシェアメッセージ欄の画像
ここで挿入したテキストはSNSボタンの上に表示されるので、SNSボタンをクリックしてシェアしてもらう言葉を添えておきます。

記事下のSNSシェアメッセージを挿入して表示させている画像
「よろしければシェアお願いします」と挿入してあるのでSNSボックス上にその挿入した文字が表示されています。

トップページリスト下に SNS ボタン表示

トップページリスト下に SNS ボタン表示チェックボックスの画像
トップページ、このサイトですとhttps://kuchikomiwebsite.com/ の下部にこのチェックがある場合にはSNS ボタンが表示されるようになります。

固定ページにも SNS ボタン表示

固定ページにも SNS ボタン表示チェックボックスの画像
ここにチェックを入れると固定ページにもSNSボタンが挿入されます。

ダッシュボードからLuxeritasメニューの固定ページをクリックしている画像
固定ページにも SNS ボタン表示のチェックボックスにチェックが入っていると固定ページにもSNSボタンが表示できます。

画像ホバー時に Pinterest の保存ボタンを表示する

画像ホバー時に Pinterest の保存ボタンを表示するチェックボックスの画像
ここにチェックを入れるとマウスカーソルが画像の上にある時にPinterestの保存ボタンが表示されるようになります。

マウスカーソルが画像の上に来た時にPinterestへの保存マークが表示されている画像
画像の上にマウスが来ると「Pinterst保存マーク」が表示されます。

Facebook fb:app_id

SNSボタンにFacebookボタンがあるときのための空欄です。現状はここにfb:app_idを記入しなくてもカウント数に影響されないようですが、将来的に必須になる可能性があるそうです。

Posted by クチコミ探し