Designer's Blog

0

ブログを書いてる人なら設置している方も多いでしょう、また様々なニュースやブログのRSSフィードを購読する際によく見る「feedly」のボタン。設置方法はいくつかあるのですが、「feedly公式サイト」でボタンを作成すると場合によっては動作しないケースがあるので注意が必要です。特にオリジナルのボタン画像などを作って設置する方の参考にしてください。

ボタンの作成方法(通常)

通常、購読ボタンを設置する場合、公式サイトの「Feedly button」からボタンを作ることができます。

feedly1

しかし普通に作ってソースコードをそのまま貼り付けても、なぜかボタンを押しても動作しません。

主な原因

公式ページで作成したコードの内のリンクアドレス部分の中にある、%2F(スラッシュ)、%3A(コロン)の部分を / : に置き換えます。これが原因で、なぜかボタンをクリックしても購読されないというよくわからない事態になっておりました。

修正前

<a href='http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fcrearc-design.com%2Fpost%2Ffeed%2F'  target='blank'><img id='feedlyFollow' src='http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-medium_2x.png' alt='follow us in feedly' width='71' height='28'/></a>

修正後

<a href='https://feedly.com/i/subscription/feed/http://crearc-design.com/post/feed/'  target='blank'><img id='feedlyFollow' src='http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-medium_2x.png' alt='follow us in feedly' width='71' height='28'/></a>

ボタンのリンクアドレス部分を https://feedly.com/i/subscription/feed/******** に修正してボタンを設置すると修正されます ******** の部分は自分が登録したいfeedを設定してください。

これ無事に修正されてフォローボタンがでてくるはずです。feedlyのボタンの動作がしないよ!といった同じように悩んでいる方がおりましたら、修正の参考にしてみてください。



その他関連記事
コメントはこちら
TOPへ戻る