So-net無料ブログ作成
検索選択

アンテナサイトの作り方 スマホ対応にしてみる

前に書いたように、alltopのクローンスクリプトを使って、RSSリーダー代わりに自分用アンテナサイトをつくってみたのだが、これをスマホ対応にしてみた。

できたのがこれ。
alltop-sp.JPG

alltopもどき スマートフォン用ページ

何のエラーも出なくて簡単だったので、作り方をメモしておく。

1.無料のクローンスクリプトを入手。
「Alltop Clone Script」で検索すると、
simplepie.JPG
http://simplepie.org/wiki/tutorial/how_to_replicate_popurls
で、デモの表示とスクリプトを配布していることがわかる。

こちらからスクリプト NewsBlocks Demo 2.0 を入手する。
Newsblocksは、Free and Open Source となっている。

このなかには、肝心の「SimplePie.inc」というライブラリが含まれていない。
SimplePie は RSSやAtomフィードをパースするライブラリとしては使いやすく有名だそうだ。


2.SimplePie のシングルファイルバージョンを探してコピペ
SimplePieの配布元:http://simplepie.org/ で現行配布されているバージョンにも「SimplePie.inc」が含まれていない。
どうもバージョンが変わってしまっているらしい。

「simplepie.inc」で検索すると
ペンシルベニア州立大学のサイト(http://www.psu.edu/dept/iit/hbg/Includes/simplepie.inc)に公開してあったので、コピペして、simplepie.incと名前をつけて保存。

1.のNewsblocksのなかのphpライブラリにsimplepie.incを入れてあげれば、PC版は問題なく表示した。


3.スマートフォン用サイトを作成
今回は、スマートフォン用サイトのテンプレートとしてtempnateさん(http://tempnate.com/smartphone/)のものを借用する。

基本的には、
1)サイトをphp化して、

2)
newsblocks.inc.php
simplepie.inc
を読み込んで、
script_sample1.JPG

3)
本文中に読ませたいRSSのURLを入れて、表示させるだけで、OK。
例:
script_sample500.JPG

追記:
newsblocks.inc.php
simplepie.inc
を使えば、Flickrやyoutubeなどの画像も動画も表示できる。

たとえば、いろんなエログから収集して表示するようなサイトをつくれば、労力なしで儲かるかも……?

私にはエロで集客するノウハウもマネタイズする方法もわからないので、やる気はありませんが。

nice!(2)  コメント(0)  トラックバック(0)  [編集]
共通テーマ:パソコン・インターネット

nice! 2

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この記事のトラックバックURL:
Copyright © ヘミシンクの世界 All Rights Reserved.
当サイトのテキスト・画像等すべての転載転用、商用販売を固く禁じます