Feedlyボタンが機能しなくなったので、修正点を調べたら修正箇所が多すぎたので、動作するボタンを作成できるツールを作った

Feedlyボタンが、気がつけば(2018年1月に)機能しなくなりました。

Feedlyが提供してくれているボタン生成ページで作成してもエラーになります。修正点を調べたら、ほんとどごっそり変更する必要があったので、ボタン作成のWebツールを作成しました。

Ver 2.0 を公開しました。

2018-01-23 URLエンコードの処理を追加して、/?feed=rss のリンクで動作しなくなっていたのを修正しました。

Feedly ボタン作成ツール

ツールはこちらです。

Feedly ボタン作成 ツール

これに、RSSフィードのURL(例えば、ものくろぼっくすだと https://mono96.jp/feed)を貼り付けて、作成ボタンを押すと、動作するFeedlyボタンのHTMLコードが出力されます。

これをWordPressのウィジェットのカスタムHTMLパーツに貼り付けると、下のきちんと動作するFeedlyボタンが出来上がります。

follow

Feedlyを使えば、ブログを訪れなくてもFeedlyのアプリを使うだけで、更新情報を手軽に受け取ることができます。ぜひ上のボタンからご登録ください。

修正点

修正点は以下の通りです。

  • リンク先のURLを変更
  • ボタンの画像が選択したものにならない点
  • HTTPS(SSL)に対応するようにリンク先を変更
  • HTMLをダブルクオートへ変更

リンク先のURLを変更

Feedlyへのリンクが動作するように、URLを以下へ変更。

  • https://feedly.com/i/subscription/feed/

ボタンの画像が選択したものにならない点

Feedlyのボタンデザインが変更しても、反映されなくなっているので、大きなサイズでフラットデザインのボタン画像に修正。同時に、WordPressのブログサイトに配置した時に、センタリングするように設定。

HTTPS(SSL)に対応するように画像のURLを変更

Feedlyボタンの画像をHTTPS(SSL)のWebページでも、混在コンテンツとならないように、画像のURLをhttps://に対応。

HTMLをダブルクオートへ変更

Feedly ボタン作成ページで生成されるHTMLの属性値には、シングルクオートが使われていますが、推奨されているのは「ダブルクオート」です。

そこで、ダブルクオートへ変更。

ツールのソースコード

index.html

Feedlyb.php

Webツールを作るのに参考になったのはこちらの書籍です。


この記事が気に入ったら
いいね!しよう

最新の情報をお届けします

広告

あわせて読みたい

記事のタイトルとURL をコピーする!

広告

新着記事

著者プロフィール

ものくろ(大東 信仁)

ブロガー/Web&Blogコーチ/親指シフト orzレイアウト開発者/ものくろキャンプ運営。のべ1,000名のブログサポートに携わる。WordPressが得意。

Facebookを使うノウハウ公開中

農家・フリーランス・経営者向け SNS使いこなしセミナー (2018年1月版)の内容を全文公開中!

無料 メルマガ発行中

運営しているものくろキャンプの講座・イベント開催情報や、ちょっと役立つ情報をお届けしています。

ほぼ毎日発行しています。

Web・Blogコーチのご依頼はこちら

Web・ブログのコンサルティング・ご相談のご依頼を受け付けております。

  • Webを活用して本気でビジネス・人生を切り開きたい方
  • Webのテクニカルな改善でお悩みの方
  • アイディアはあるのに、記事の文章にするのがうまくいかない方
  • 親指シフトを本気で習得したい方

そんな多様なお悩み、そして、さらに隠れていて見えないお悩みも見つけます。

ダイレクトにアドバイス。そして、ご自身の問題解決力を手にしていただく時間を。このブログ2400記事をアウトプットした経験に基づく良質なノウハウ・スキルを手に入れてください。時間の大切さを感じてるあなたへオススメです。

ものくろキャンプ Web・Blogコーチ セッション

お申し込みはこちらのお問い合わせフォームからお願いします。

お申し込みはこちらのお問い合わせフォームからお願いします。

ものくろキャンプ イベント案内

ものくろキャンプの開催スケジュールはこちら

広告