質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

92.00%

  • JavaScript

    7921questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • WordPress

    3137questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

WordPressでブログのRSSを取り込みたいが、表示されなくなる

解決済

回答 1

投稿 2017/01/11 11:10

  • 評価
  • クリップ 0
  • VIEW 384

yoso

score 13

wordpress テーマonetoneでホームページを作成しています。
そのトップページにブログの新着記事と写真を表示するよう作成しました。

作成後、数時間は表示されるのですがしばらくすると表示が消えています。
ブラウザで表示されたページのソースを確認すると、そこには作成したcss、javascript、htmlが記載されています。
ですがブラウザでみると空白です。
(実際、昨晩作業しアップ直後~3時間程度は正常に表示されていましたが今朝見ると上記のような状態です)
ここ数日、入力しなおしては消えるを繰り返しています。
他の部分を更新したことの影響かとも調べましたが分かりません。

そして今回、先日まで表示されていたコードを打ち込んでも最初から何も表示されなくなったため
質問させていただきました。根本的な質問をコチラにしても良いものか分からないのですが。

・wordpressのsection内にjavascriptを直接記載しても良いのでしょうか
以下をsection>カスタム>テキスト内に記入しています。

以前こちらで
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
は不要と教えていただいてのですが、記入しないと表示されなかったため記入しています。

<script src="http://www.google.com/jsapi" type="text/javascript"></script>

<script type="text/javascript">
google.load("feeds", "1"); //APIを読み込み

function initialize(){

        var feed = new google.feeds.Feed("#"); //読み込むRSSフィード
    var noPhoto = ("<img src='#' />"); //画像がなかった場合に表示する画像

    feed.setNumEntries(4); //記事を読み込む件数を設定します
    feed.load(dispfeed);

    function dispfeed(result){

                if(!result.error){
            var container = document.getElementById("feed"); //HTMLに書き出す対象のIDす

            for (var i = 0; i < result.feed.entries.length; i++) {

                var entry = result.feed.entries[i];

                var entryDate = new Date(entry.publishedDate); //日付取得 以下二桁処理
                var entryYear = entryDate.getYear();
                if (entryYear < 2000){
                    entryYear += 1900;
                }
                var entryMonth = entryDate.getMonth() + 1;
                if (entryMonth < 10) {
                    entryMonth = "0" + entryMonth;
                }
                var entryDay = entryDate.getDate();
                if (entryDay < 10) {
                    entryDay = "0" + entryDay;
                }
                var date = entryYear + "<br />" + entryMonth + "/" + entryDay ;

                var entryImg = "";
                var imgCheck = entry.content.match(/(src="http:){1}[\S_-]+((\.jpg)|(\.JPG)|(\.jpeg)|(\.JPEG)|(\.gif)|(\.GIF)|(\.png)|(\.PNG))/); //画像
                if(imgCheck){
                    entryImg += '<img ' + imgCheck[0] + '" width="150">';
                    } else {
                        entryImg += noPhoto;
                }




        container.innerHTML += '<div><p class="date">' 
                                    + date 
                                    + '</p><h3><a href="' + entry.link + '">'
                                    + entry.title + '</a></h3>'
                                    + entryImg  
                                    + '<p class="text">'
                                    +entry.contentSnippet.substring(0,120)
                                    + ' …<a href="' + entry.link + '">more</a></p></div>';

            }

            var linkBlank = container.getElementsByTagName('a'); // targetに'_blank'を設定
            for (var j = 0, l = linkBlank.length; j < l; j++) {
                linkBlank[j].target = '_blank';
            } //target'_blank'ここまで
        }
    }
}
google.setOnLoadCallback(initialize);
</script>




        <div id="feed"></div>



コード

数日前までは上記で正常に表示されておりました。
何か根本的に間違っている部分があるのではと思い質問させていただきました。

ご教授よろしくお願いいたします。

  • 気になる質問をクリップする

    クリップした質問に回答があった場合に通知・メールを受け取ることができます。

    クリップした質問はマイページの「クリップ」タブからいつでも見ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

そのサービスは2015年に終了されています。

【Google Developers Japan: Google Feed API 提供終了のお知らせ】
https://developers-jp.googleblog.com/2016/07/google-feed-api.html

【Google Feed API  |  Google Developers】
https://developers.google.com/feed/


追記:

【WordPressで外部のフィードを表示する方法と、そこにサムネイルを表示する方法 – モンキーレンチ】
https://2inc.org/blog/2012/07/15/1814/

【【WordPress】他のブログ記事をRSSで取得する - Qiita】
http://qiita.com/konweb/items/128c1b9c14b12522a401

投稿 2017/01/11 11:56

編集 2017/01/11 12:02

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    以下のような回答は評価を下げられます

    • 間違っている回答
    • 質問の回答になっていない投稿
    • 不快な投稿

    評価を下げる際はその理由をコメントに書き込んでください。

  • 2017/01/11 14:58

    ありがとうございます。
    大変助かりました、何をやってもダメな訳です。

    教えて頂きました、リンク先より作り直してみます。
    また不明な点があった際はよろしくお願いします。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

ただいまの回答率

92.00%

関連した質問

同じタグがついた質問を見る

  • JavaScript

    7921questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • WordPress

    3137questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

閲覧数の多いJavaScriptの質問