• HOME
  • 記事一覧
  • js , WEB , お仕事
  • カラーミーに外部サイトのRSSを読み込む ※サムネイル無し (WordPressの記事をカラーミーに貼り付ける)【2020/08版】

カラーミーに外部サイトのRSSを読み込む ※サムネイル無し (WordPressの記事をカラーミーに貼り付ける)【2020/08版】

js

カラーミーで2019年2月19日にfetchの使用が不可になったことで、困っているユーザーさんも多いのではということで、いろいろ検索してみましたが、これといってやりやすい方法がなかったので、以前うちが使っていた「feed2js」を使う方法をメモしておきたいと思います。

<※ サムネイル付きの場合はこちらの記事をどうぞ → カラーミーに外部RSSをサムネイル付きで読み込む【WordPressのRSSを読み込む】2020/08

feed2jsを使う

feed2jsというのは、オープンソースのツールで、2013年に最終更新をしたまま、今でも使い続けられているツールです。まあ、古いです。笑
ただ、Google Feed API が使えなくなって、SSL化も浸透し始めて、いろいろと状況が変わっていく中で、このfeed2jsだけは使えているという事実は強いです。

01 feed2jsをダウンロード

さて使い方ですが、以下からダウンロードしてきます。
feed2js
GitHubでのダウンロードですので、慣れていない人は分かりづらいかもしれませんが、右にある「Cord」をクリックすると「Download Zip」というのが出てきます。これをクリックします。

02 ダウンロードファイルを解凍し、カラーミー意外のサーバへアップ

ダウンロードしたZipファイルを解凍し、中の「feed2js-master」フォルダ一式をカラーミーではない、別のサーバの任意の場所へアップします。
WordPressの記事を読み込む前提ですので、WordPressを運用しているサーバがあるかと思います。そちらのサーバの任意の場所でOKです。(ただし読み込むことができる場所にしてください。)

03 フォイルのパーミッションを変更

設置したらファイルのパーミッションを変更します。専用のFTPソフトがある方はFTPソフトから、お持ちでないかたは、サーバの管理画面から行えるはずです。(「○○サーバ パーミッション変更」で検索してみてください。)
パーミッションは以下に合わせます。

以下ファイルを755にする

  • build.php
  • feed2js.php
  • feed2js_config.php
  • magpie_debug.php
  • magpie_simple.php
  • nosource.php
  • preview.php
  • style.php
  • style_preview.php

magpieディレクトリにある以下のフォルダを777にする

  • cache
  • cache_utf8

04 設置したデータのあるURLをブラウザで開く。

設置したfeed2jsがあるURLをブラウザで開きます。
(例:https://domain.com/feed2js-mast/magpie_debug.php )

すると以下のような画面が出てきます。

画面のように「OK」の文字が出ていればインストール完了です。

05 RSSの設定を行う

先ほど入力したURLを、今度は「 build.php 」に変えて開きます。
(例:https://domain.com/feed2js-mast/build.php )

すると以下のような画面が出てきます。

画面のように項目を埋めていきます。

URL

URL欄にRSSで読み込みたいfeedのURLを入力します。

Show channel? : タイトルのみか、説明付きか

読み込むのがタイトルのみか、説明付きか、リンク付きかなどを選択します。

以下は省略しますが、Chromeをお使いならば「右クリック」で「日本語に翻訳」機能を使えば大体理解できるかと思いますのでお試しください。

06 Preview Feedで確認

画面の右にある「Preview Feed」ボタンで、実際の表示画面を確認できます。

07 JavaScriptを貼り付け

問題なければ、「Generate JavaScript」でコードを生成し、表示させたい場所に貼り付ければOK!

その他の設定

需要があるかは分かりませんが、一応メモを残しておくと以下のような感じでHTMLコードを吐き出します。

<div class="rss-box">
<p class="rss-title"><a class="rss-title">タイトル</a><br><span class="rss-item">説明</span></p>
<ul class="rss-items">
<li class="rss-item"><a class="rss-item">記事名1</a></li>
<li class="rss-item"><a class="rss-item">記事名2</a></li>
:
<li class="rss-item"><a class="rss-item">記事名n</a></li>
</ul>
</div>

CSSで装飾をすれば完成です。

カラーミーで表示するには

上記で表示がおかしい場合は、エンコードの設定かもしれません。
小粋空間さんで紹介していますので、こちらを参考にしてみてください。
カラーミーはEUC-JPを使うので

$rss = @fetch_rss( $src );
mb_convert_variables("EUC-JP","UTF-8",$rss);

を追加する必要があるかもしれないです。(すみません試してません。)
場所は小粋空間さんでは「feed2js.php の 136 行目辺り」とありますが、2013年4月の最終バージョンでは「169行目」なので、その下に記載します。

feed2jsの欠点

正直、これでサムネイルが読み込めたら完璧だったのですが、サムネイルまで読み込む機能が備わっていません。非常に残念。

ピックアップ記事

関連記事一覧

  • コメント ( 0 )

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。