SNS との連携に関する取り組み
選べる SNS シェアボタン
SNS ボタンは、通常タイプの他に以下のような種類があります。
・カラータイプ
・カラータイプ (カウント表示)
・ホワイトタイプ
・ホワイトタイプ (カウント表示)
・可変幅カラータイプ
・可変幅カラータイプ (カウント表示)
・可変幅ホワイトタイプ
・可変幅ホワイトタイプ (カウント表示)
・名無しアイコンカラータイプ
・名無しアイコンカラータイプ (カウント表示)
・名無しアイコンホワイトタイプ
・名無しアイコンホワイトタイプ (カウント表示)
※ 全体イメージ「ブラック」を選んだ時のみ、ホワイトタイプはブラックメタル風になります。
SNS ボタンの特殊な表示も可能
ボタンを左右に寄せたり、中央表示にしたり、
2段組にしたりといった特殊な表示も可能です。
・2段組で表示した例
SNS カウントキャッシュ機能
SNS シェア数のカウントをキャッシュする機能付き。
管理画面からキャッシュの一覧を閲覧することもできます。
Facebook、Twitter Cards の OGP 対応
カスタマイズ画面の「head タグ」で Facebook OGP や ツイッターカード の追加にチェックをつけると、自動的に head タグ内に OGP が追加されます。
↓ head タグには以下のように挿入されます。
また、記事の投稿・編集画面から
og:image / twitter:image をメディア画面から選択して挿入することもできます。
(画像が選択されてなければ、アイキャッチ画像や投稿記事内の画像が自動挿入されます。)
ディスカッション
コメント一覧
コメントに画像添付等できませんので文字にて失礼します。
こちらのコメントのやり取りで、
レスの回数が増える度に引用部分が縮こまって(縦長)、
引用部分の左部分に少し大きな余白があるのが気になりますが、
こちらも小デバイスを配慮してワザとそうなっているんでしょうか?
(デベロッパーツールで、iPhone 6では表示に問題なかったです)
————————
確認端末:ガラホ(Android)
————————
がちょぴん さん
私もインデント量が気になったので、昨日の時点で、
レス1回目だけインデントするように修正しちゃってます。
まだリリースしてないですがw
CSS 1行の修正なので、急いでリリースする予定はないですね・・・
Twitter ボタンの部分「-」になっていますが、
「-」ではなく「ツイート」等の文字を入れてはどうでしょうか?
「-」だとTwitter ボタンが稼働しているのかが分かりませんので。
また、ボタンの配置に関しまして「表示しない」を追加してはどうでしょうか?
プラグイン利用してSNSボタンを表示させたいユーザーもいらっしゃると思いますので。
がちょぴん さん
コメントありがとうございます。
ツイート数表示廃止後の対策で、
よく見かける方法に従ったつもりではあるのですが、検討してみますね。
「ツイート」だと小デバイスの時に入りきらないですが、
「tweet」なら入りきるかな?
ボタンの配置に関しては、
「ボタンを右寄せ」の上に「ボタン表示」があるので、
チェックを外せば、非表示にすることができます。
るなさん
ご返答ありがとうございます。
検討していただきありがとうございます。
レスポンシブ部分まで考慮しておらず申し訳ございません。
今思い付いたのですが、Font Awesome からコメントアイコンなら小デバイスでも収まるでしょうか?
URL① http://fortawesome.github.io/Font-Awesome/icon/commenting-o/
URL② http://fortawesome.github.io/Font-Awesome/icon/comments-o/
こちらも大変失礼しました。
チェック外せばいい事ですね。
がちょぴん さん
軽微なバグがあったので、バージョン1.01 リリースしました。
いただいたご意見も反映して、ツイートのカウント部分をアイコンフォントにしてみました。
いかがでしょうか?
るなさん
ご返答ありがとうございます。
バグ内容確認致しました。
レスポンシブでも表示問題ないです。
ご意見の反映どうもありがとうございます。