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

川越,喜多院,鳥居

川越,喜多院

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

ソーシャルボタン

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



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

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

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

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

上記より『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はお好みで。

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

ソーシャルボタン

こんな感じになります。だいぶスッキリしましたね。

ちなみにカスタム素材は順番の変更が効かないようです。最後にちゃんと稼働するかチェックして完成です。

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





コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)