jquery

Google Feed APIの代替にはシンプルな「jQuery」が絶対オススメ。実装方法を解説

Categories | ホームページ ブログ(WordPress)

ブログ(WordPress)等の最新記事をホームページに貼るつける方法として、

Google Feed APIを利用する方法がありましたが、2017年1月11日に廃止され、

頭を抱えた方は少なくないと思います。私もそうだったように・・・

そこで、代替としてGoogle Feed APIに似ている「jQuery」を利用した方法を

当ホムペに実装してみたので参考まで。

 

0120 400x300 Google Feed APIの代替にはシンプルな「jQuery」が絶対オススメ。実装方法を解説実装ページ:HCZ.JP

 

参考ページ:【jQuery】緊急案件:Google Feed API が廃止・・・

参考ページを元にカスタマイズした実装法です。詳しいプログラミングははしょります。

 

記述するスクリプトコード

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<script src="js/rss.js"></script>

※body内に記述しますが、お勧めはfooter。「js/rss.js」はjsのフォルダに

格納されているということで、任意に階層を決めてください。

 

次に表示させたい場所に下記を記述



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


 

ホームページ(html)に記述することはこれだけ。

ソースコードが非常にシンプルですね。

次にrss.jsファイルに表示させたいブログのフィードURLを記入します。

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

 

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

 

zip形式のフォルダを解凍すると、2つのファイルが入ってます。

rss.js / rss.css

 

rss.jsをテキストエディタ(TeraPadなど)で開き、下記を変更する。

url: ‘http://www.example.com/blog/feed’,

url: ‘表示させたいフィードのURL’,

 

rss.cssは、中身を自分で作成したスタイルシートにコピペして削除。

好みでサイズやスタイルを調整してください。

※クロスドメインには非対応です。

 

以上で全ての実装作業は完了です。

 

更に最新版もご覧ください。

WordPress(ワードプレス)の投稿記事をホームページ(html)に自動貼り付け

Comment(0) | Trackback(1)

TAGS: / / / / / | 2017年1月20日 |

トップページにドロップダウンメニュー追加

Categories | ホームページ

HCZ HP のトップページをプチカスタムしました。

今回いじったのは

各コンテンツにあるバックナンバーボタン(3つしかないけど)の

プルダウンメニューをビジュアル的(カッチョいく)変更。

ネットサーフィンしてたらフリーのヨサゲジャバあったので拝借^^

ダウンロード元はここ
2010 1204 01 トップページにドロップダウンメニュー追加んで、ダウンロードファイルはこれね → droppy 0.1.2

設置はそれほどムズクなかったのですが、

プルダウン内のファイル量多過ぎて手こずりました。

あと、同ページ内に複数プダウンメニュー作るのは

若干ジャバ・CSS追加が必要。詳しくはソース参照してね。

 

さてさて、どう変わった?っていうと

■ BEFORE
2010 1204 02 トップページにドロップダウンメニュー追加■ AFTER
2010 1204 03 トップページにドロップダウンメニュー追加ここんとこ海外サイトにハマッテます。

勿論英語なんて分からんですが

なんとなーくぐらいでも結構いけますね。

今後HCZ-SPECも新デザイン(レイアウト)導入予定で

もっかプログラム物色中。

Comment(0) | Trackback(0)

TAGS: / / / / | 2010年12月4日 |