Loading…

AFFINGER4Pro PC SNS STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ ツール ブラウザChrome 伝えたいこと 備忘録 設定

Feedlyボタン

Feedlyボタン最新作成方法2018年版とエラー対処・解決方法

本日の人気記事BEST10

所要時間目安:2


AFFINGER4Pro PC SNS STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ ツール ブラウザChrome 伝えたいこと 備忘録 設定

Feedlyボタン

Feedlyは、Googleリーダーがサービスを終了してから言わずと知れたRSSリーダーかと思われます。そのRSSリーダーの記事内下部などによく設置されているfeedlyボタンを押すと自分のサイトをfeedlyでフォローしてもらえるようなボタンがあります。そのボタンが今年2018年から2017年までのHTML設定だとエラー表示されるようになりました。

スポンサーリンク

アドセンス336pxPC閲覧記事下表示1つ目コード

よく読まれている人気記事一覧

そこで、最新Feedlyボタン作成方法です。

AFFINGER4やSTINGER6、STINGER7、STINGER8などで自分で新たに追加している方などはある意味必須かもしれません。

私の場合は、
見事に以下のようなエラー表示になっていました。

Feedlyエラー表示画像

 

目次に戻る


これは、Feedlyが何やら仕様変更?した模様で(詳細はわかりませんが・・・。)2017年までのままのHTMLコードですと上記画像のようにエラー表示なってしまっていると思われます。

まだ、Feedlyボタンをブログなどの記事に使っている方々は確認したほうが良いと思われます。

具体的な解決方法です。

ただ単に、HTMLコードのURLを変更するだけで基本的には解決できます。

これまでのFeedlyボタンへのリンク先URLは、

https://cloud.feedly.com/#subscription%2Ffeed%2Fhttps%3A%2F%2Finfovarious.com%2Ffeed%2F

こんな感じでした。

それを以下のようにします。

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

 

全体としては、

<a href="https://feedly.com/i/subscription/feed/https://infovarious.com/feed/" target="blank"><img id="theButton" src="https://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-big_2x.png" alt="follow" width="131" height="56" style="margin-top:14px;" exifid="-1877203022" oldsrc="https://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-big_2x.png" class="aligncenter"></a>

 

これで、Feedlyボタン標準?のものがセンター(真ん中)寄せで表示されます。

こんな感じになります。

follow

しかし、これまでのデザインを崩したくない場合には、

上記したように、
URLの部分のみ書き換えるだけでちゃんとFeedlyボタンが機能してくれます。

現段階での私の記事下のFeedlyボタンにて確認してみてください。

スポンサーリンク

最後に、参考および上記HTMLコード作成ツールを作ってくれた方のサイトは以下になります。

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


アドセンス336pxPC閲覧記事下表示1つ目コード

おすすめの記事一部広告

    Multiplex 広告

AFFINGER4Pro, PC, SNS, STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, ツール, ブラウザChrome, 伝えたいこと, 備忘録, 設定」同じカテゴリーの記事一覧


関連記事

ネコ

WordPress

アイキャッチ画像を設定してみた。

よく言うアイキャッチ!! 正直めんどくさいですよね。 でも、 訪問者やTwitter、Facebookなどにサムネイル表示される際に、 自分のブログの記事にアイキャッチ(画像?)があると…。

インフィード広告アドセンス

Windows10ポップアップ通知

PC Windows10 カスタマイズ 伝えたいこと 備忘録

Windows10無償アップグレード期間過ぎてもWindows10にアップグレードする方法

Windows10の無償アップグレード期間が残すところ約1ヶ月となりました。 そこで、Windows7やWindows8.1を今のところまだ使用したい。 けれど、今後のことを考えるとWindows10…

もっと読む

インフィード広告アドセンス

楽天ひかりIPv6対応WXR-5700AX7s無線LANルーター

インターネット 伝えたいこと 光コラボ

楽天ひかりIPv6設定WXR-5700AX7S設定接続未確認無線LANルーターにて

今年に入り新型コロナウイルスに感染拡大で4月には全国的に「緊急事態宣言」が発出されリモートワークなどが多くなりました。他にも、リモート飲み会やリモート〇〇とリモートと付くオンラインで行うことが多くなり…

もっと読む

インフィード広告アドセンス

アイキャッチ画像自動設定

インターネット 伝えたいこと 備忘録

ブログSEO対策方法など気にせずやっていきたいけれど気になっちゃう…。

ブログやホームページなどを運営していく中で、誰もが気にしたことがあると思われるSEO…。俗にいうサーチエンジン対策があると思います。(正式には、Search Engine Optimization:サ…

もっと読む

目次に戻る

よろしかったらシェアよろしくお願いします。

-AFFINGER4Pro, PC, SNS, STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, カスタマイズ, ツール, ブラウザChrome, 伝えたいこと, 備忘録, 設定



この記事が良かったら
いいね!お願いします(#^.^#)

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

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください