*
*
*

備忘録 – ソーシャル連携プラグイン「Tweet, Like, Share and Google +1」のシェアボタンの位置の調整 –

 便利なソーシャル連携プラグイン「Tweet, Like, Share and Google +1」ですが、デフォルトのままではシェアボタンがページの左端にくっついていて、見栄えが良くありません。「Tweet, Like, Share and Google +1」の管理画面からスタイルシートが入力できるようになっていますが、シェアボタンまわりの設定がどうなっているかわかりませんので、すぐにはスタイルシートを書けません。
 結論から言えば、ブラウザで実際に投稿画面を表示してみて、メニュー「表示」「ソース」でシェアボタンまわりのコードを確認することになりますが、ボタンまわりのコードは以下のようになっていました。

<div class=”social4i” style=”height:29px;”>

<div class=”social4in” style=”height:29px;float: left;”>

<div class=”socialicons s4twitter” style=”float:left;margin-right: 10px;”><a href=”https://twitter.com/share” data-url=”https://tokuta.net/wp/Irishdance” data-counturl=”https://tokuta.net/wp/アイリッシュダンス/” data-text=”Irish dance” class=”twitter-share-button” data-count=”horizontal” data-via=””></a></div>

<div class=”socialicons s4fblike” style=”float:left;margin-right: 10px;”>
<div class=”fb-like” data-href=”https://tokuta.net/wp/Irish dance/” data-send=”false”  data-layout=”button_count” data-width=”100″ data-height=”21″  data-show-faces=”false”></div>
</div>

<div class=”socialicons s4fbshare” style=”position: relative;float:left;margin-right: 10px;”>
<div class=”s4ifbshare” >
<div class=”fb-share-button” data-href=”https://tokuta.net/wp/Irish dance/” data-width=”450″ data-type=”button_count”></div>
</div>
</div>

</div>
<div style=”clear:both”></div>
</div>

 一番外側のclass=”social4i”がボタンまわり全体の位置をしているようなので、管理画面のスタイルシート設定欄に、

.social4i {
margin: 0 0 0 20px;
}

 と書いて保存したところ、設定が反映され、シェアボタンの集団がページの左端から20px分右側へ移動しました。

 ちなみにこのプラグインは、ページをシェアする際の画像も自動的に設定してくれて、facebook等にはシェアされた投稿が画像入りで表示されます。
 タイトルはWordPressのタイトル、サブタイトルはタイトルかテキストの一部、画像は投稿のなかの一番最初に出て来る画像を拾い上げているようですが、投稿ごとの内容が書き出されるので、AddToAnyもそうですが、大変便利なプラグインです。
 なお、どういう理由からか、投稿によっては個別のタイトルやサブタイトルを書き出すことができず、シェア用の「meta property=”og:title”」「meta property=”og:description”」ではなく、<title>と「meta name=”description”」からシェア用に書き出すタイトルとサブタイトルを拾って来ることもあるようです。

最近のニュース・トピックス

カテゴリー

アーカイブ


  • 後援会の代表者
    行政書士・マンション管理士・社会保険労務士
    ファイナンシャル・アドバイザー
    徳田 賢一
  •  政策への賛同者が一体になることで大きなうねりを引き起こし、党派にとらわれない新しい大きな波を市政に伝えることができるようになることを期待します。
     入会は無料です。無党派層の方たちも含め、共有可能な目標にむかって、共に歩みを進めていただければ幸いです。
     入会していただいた方には、不定期になりますが、政策に関連したニュース、トピックス等を発信させていただきます。
  • 後援会への入会申込ページ
  • 入会申込書(PDF)ダウンロード

ページトップへ