カナリの備忘録。 > WordPressメモ。 >  WordPressのシェアボタンを、人様の記事を参考にして綺麗に設置しました。

WordPressのシェアボタンを、人様の記事を参考にして綺麗に設置しました。

2019年4月27日

ブログの記事って、SNSで拡散してもらいたいですよね。

何年かぶりのWordPressメモです。自分が忘れないために記録しておきます。実は、前回の記録も今回WordPressを改めていじる段階になってかなり役に立ったのです。記録しておくって、やっぱり凄く大事だと痛感しました。

で、今回は、個別記事の「シェアボタン」をブログデザインにあわせたものを設置するっていう覚書です。

シェアボタンのイメージ

参考にさせていただいたのは、ワードプレス高速化対策!自作SNSシェアボタンを設置する方法 | あかえほという記事です。記事を参考にコードはちょっと変えました。記録用に変更したコードを掲載しますが、問題があれば削除します。記事をアップしてくださったちびこママ@あかえほ(@Chibiko_mama)さんには心底感謝します。

テンプレートに入れたコード

CSSに追加したコード

追記ですが、テンプレートに追記したコードの最後に【 <br style=”clear:both” /> 】と入れているのは、floatを解除する為の力技です…(;´∀`)。


ブログ記事のソーシャルでの拡散は、狂おしく大歓迎です~(σ´∀`)σ



スポンサードリンク

この記事へのリンクタグ

<a href="http://kanari.info/memo/wordpress/wordpress-social-share-button">WordPressのシェアボタンを、人様の記事を参考にして綺麗に設置しました。 カナリの備忘録。</a>

Trackback URL

http://kanari.info/memo/wordpress/wordpress-social-share-button/trackback

コメント大歓迎です。承認後に反映されますのでしばらくお待ち下さい。

スポンサードリンク

▲TOPへ