備忘録 – ソーシャル連携プラグイン「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”」からシェア用に書き出すタイトルとサブタイトルを拾って来ることもあるようです。
最近のニュース・トピックス
- 投稿欄では、科学、医療、産業等の分野で、これから世界と日本を牽引し、ひいては東久留米市の未来を切り開いていく上でのヒントや参考になる革新的な技術や発明、発見、知見等を中心に、話題となるような事柄を継続的に取り上げていきます。
Gilbert O`Sullivan – CLAIR
Janis Ian At Seventeen 17 Lyrics
Maurice Ravel – Pavane for Dead Princess
Basia – New Day For You (Extended Version by GPATRS1)
ノーベル賞候補「iPS細胞」は幻?正体は活性化した多能性幹細胞「Muse」だった!
最近読んだ本 – 小室直樹著「ロシアの悲劇」「ソビエト帝国の崩壊」
がんの光免疫療法、既存療法と併用で効果大きく 動物実験で確認
ヴァージン、初の有人宇宙飛行に成功 米国では7年ぶり
アフラック東京第一支社 アソシエイツ会議
フランス政府が日産社長に「ルノー株手放す用意ある」伝える
2017-03-08 第三の万能細胞「Muse細胞」 出澤真理教授
公益社団法人東村山法人会 平成31年新年賀詞交歓会
公益社団法人東村山法人会 平成31年新春講演会
平成31年 木原誠二君を励ます会・新年会
東京都社会保険労務士会武蔵野統括支部 平成31年新年賀詞交歓会
東京都行政書士会田無支部 平成31年新年賀詞交歓会
Scottish Ladies’ Step、Highland Dancing、Highland Fling
辻井伸行 ラカンパネラ La Campanelle
東京都行政書士会 平成31年新年賀詞交歓会
口唇口蓋裂を受け入れられなかった家族
カテゴリー
アーカイブ
後援会の代表者
行政書士・マンション管理士・社会保険労務士
ファイナンシャル・アドバイザー
徳田 賢一
- 政策への賛同者が一体になることで大きなうねりを引き起こし、党派にとらわれない新しい大きな波を市政に伝えることができるようになることを期待します。
入会は無料です。無党派層の方たちも含め、共有可能な目標にむかって、共に歩みを進めていただければ幸いです。
入会していただいた方には、不定期になりますが、政策に関連したニュース、トピックス等を発信させていただきます。 - 後援会への入会申込ページ
- 入会申込書(PDF)ダウンロード