Loading…

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

Feedlyボタン

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

このセッションは  IPv4  で確立しています

本日の人気記事BEST10

所要時間目安:2

This session is using  IPv4  is established in

この記事は2018年1月16日のものです。現在は状況が異なる可能性がありますのでご注意ください。

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ツールを作成しました。
37


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

関連記事

キーボードカバーおすすめ代替品

PC ツール 伝えたいこと 備忘録

キーボードカバーおすすめ代替品FA-MULTIレビューです。対応品がなくなった時

ものすごいショックっo(´^`)o ウー。 もうキーボード自体は、17年前(早いなぁ。)のDELLのデスクトップPC製品なのですが・・・・・・。 去年キーボードカバーに穴が空いてしまっていたのでパソコ…

もっと読む

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

フォルダアイコンサイト

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

フォルダアイコン変更方法とフリーアイコン素材で作業効率アップ

さてさて、いまさらですがWindowsのフォルダアイコンって一律に決まっていますよね!? そんなフォルダアイコンをカラーバリエーション豊富に?変更して見易さをよくしてどのフォルダが重要でどんな内容なの…

もっと読む

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

h2見出しタグ直前自動的に広告を挿入

AdSense WordPress カスタマイズ カスタマイズ 備忘録

h2見出しタグ直前に自動でアドセンスや広告自動表示させる方法

さて、さて、自分のブログやサイトにおいて収益や収入を得ている人は多くなってきているのではないでしょうか。 アフィリエイト広告からのアフィリエイト収入やGoogle AdSenseや忍者アドやnendや…

もっと読む

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

Stinger7デモサイトスクショ

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ テーマ 伝えたいこと 備忘録

Stinger6のフッターに3カラムのウィジェットを追加する方法

WordPressのテーマには多くのものがあります。 中でも無料のテーマでStingerがとても有名です。 かつ、 SEO的にも優れています。 また、 カスタマイズ性にも良いです。 この記事を読む方へ…

もっと読む

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


おすすめの記事一部広告

    Multiplex 広告

アクセスランキング

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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