WordPress

RSS『Feedly』のボタンを『Social Media Widget』経由で並べて設置する

投稿日:2015年10月10日

川越,喜多院

『Social Media Widget』は美しくソーシャルボタンが配置できるので、人気のプラグインですが『Feedly』のボタンは標準装備されていません。

ソーシャルボタン

それならばカスタム設定してしまえば良いだけのことですよね。

『Social Media Widget』をインストール

https://miyabix.com/archives/5521
https://miyabix.com/archives/5521

以前書いた記事では『HTML』形式でのテキストによる設置方法でした。今回はプラグインを使用して、より美しく設置したいと思います。

『Social Media Widget』を持っていなければインストールし有効化して下さい。

『Feedly button』でHTMLの一部を収集

feedly. your news. delivered.
feedly. your news. delivered.

Introducing the New Feedly. Browsing, reading and sharing your favorite sites has never been this ea ...

上記より『Feedly button』へ入って下さい。

スクリーンショット-2015-09-16-18.33.50

自分のブログのURLを入力します。

最後に『/feed』を付けます。

スクリーンショット-2015-09-16-18.34.48

上記のHTMLの斑点部分だけをコピーします。(素材3)

『WordPress』での準備

feedly

そうそう、こんな画像を用意して下さい。Photoshopでいかようにもなります。

スクリーンショット-2015-09-16-18.30.45

WordPressへ画像を登録して下さい。

スクリーンショット-2015-09-16-18.31.39

その時にURLをコピーしておきましょう。(素材2)

『Social Media Widget』へ設定する

スクリーンショット-2015-09-17-14.15.06

『外観』⇒『カスタマイズ』⇒『ウィジェット』⇒『サイドバーorフッター』⇒『ウィジェットの追加』⇒『Social Media Widget』となります。

スクリーンショット-2015-09-17-14_14_45

設定項目が縦に長いですが、頑張りましょう^ - ^

先ほどコピーした(素材2)(素材3)をそれぞれ貼り付けます。上記1はお好みで。

プレビューを見ながらサイズを調節しましょう。

ソーシャルボタン

こんな感じになります。だいぶスッキリしましたね。ちなみにカスタム素材は順番の変更が効かないようです。最後にちゃんと稼働するかチェックして完成です。

お疲れ様でした( ´ ▽ ` )ノ

https://miyabix.com/archives/5484
https://miyabix.com/archives/5484

-WordPress
-, , , ,

Copyright© MiyabixPhoto , 2019 All Rights Reserved.