DW Question Answer 質問をホームページに貼り付ける方法

DW Question Answer　質問をホームページに貼り付ける方法

2016年6月16日

Categories | ホームページブログ（WordPress) DW Question Answer

DW Question Answer　のネタは何回目か忘れましたが、

こんなことも出来るので紹介しておきます。

質問を自動的にホームページに貼り付けする方法です。

※ Google Feed APIを利用します。

ジャバファイルをテキストエディター（TeraPad等）で作るのですが、

小難しい説明すると話が長くなるのですっとばして、

下記リンクをクリックして「rss-qa.js」をダウンロードして下さい。

ダウンロードファイル → rss-qa.zip

解凍した「rss-qa.js」ファイルをテキストエディター（TeraPad等）で開き、

5行目の example.com を「DW Question Answer」のトップページURLに変更し、

サーバーの好きな階層にアップロード。注）文字コードはUTF-8で保存

 var feed = new google.feeds.Feed("http://www.example.com/question/?feed=rss2");

8行目は貼り付けする質問数。36行目 (0, 70) は質問の文字数。

質問内容を貼り付ける場合、36行目の「title」を「contentSnippet」に変更する。

質問を貼り付けたいホームページに下記記述。

<script src="http://www.google.com/jsapi"></script>
<script src="ファイルをアップしたディレクトリ/rss-qa.js"></script>

記述場所はどこでもいいが、オススメはフッターの一番下あたりかな。

質問を表示する準備は以上。

次にホームページの表示したい場所に下記記述。


<div id="rss-qa"><span id="feed">Q & A</span></div>

スタイルシート(css)は参考まで

#rss-qa {
    font-size: 12px;
    margin: 0 -12px 0 -10px;
    width: 400px;
    height: 152px;
    padding: 0;
    overflow-y: scroll;
    letter-spacing: 0.04em;
    line-height: 16px;
}
#feed ul li {
    list-style: none;
    margin: 4px 0 8px -36px;
    padding: 0 12px 8px 30px;
    border-bottom: 1px solid #cccccc;
    line-height: 22px;
}

しまい

追伸

「Google Feed API」は2017年1月11日をもって廃止されました。

よって、こちらの方法をお試しください。