webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

CSS3 RSSを取得し表示させる。

本日は、CSS3 RSSを取得し表示させる方法を記載したいと思います。

1.yahoo

f:id:kaoru01-05:20140624100453p:plain

【html】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Yahoo! トピックスの RSS を表示</title>
<style>
span {
  margin-left: 1em;
}
</style>
</head>
<body>
<h2>RSSを表示</h2>
<?php
$url = 'http://rss.dailynews.yahoo.co.jp/fc/rss.xml';
$rss = file_get_contents($url);
$xml = simplexml_load_string($rss);

$channel = $xml->channel;
$feed_title = $channel->title;
print '<h3>'.$feed_title.'</h3>';
print '<ol>';
  foreach ($channel->item as $item) {
    $link = $item->link;
    $title = $item->title;
    $date = $item-> pubDate;
    $date = date('Y.m.d', strtotime($date));

  print "<li><a href=\"$link\" title=\"$title\" target=\"_blank\">$title</a><span>($date)</span></li>\n";
  }
print '</ol>';
?>
</body>
</html>

2.はてなブログ

f:id:kaoru01-05:20140624101802p:plain

<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Yahoo! トピックスの RSS をs表示</title>
<style>
span {
  margin-left: 1em;
}
</style>
</head>
<body>
<h2>RSSを表示</h2>
<?php
$url = 'http://webstudyroom.hatenablog.jp/rss';
$rss = file_get_contents($url);
$xml = simplexml_load_string($rss);

$channel = $xml->channel;
$feed_title = $channel->title;
print '<h3>'.$feed_title.'</h3>';
print '<ol>';
  foreach ($channel->item as $item) {
    $link = $item->link;
    $title = $item->title;
    $date = $item-> pubDate;
    $date = date('Y.m.d', strtotime($date));

  print "<li><a href=\"$link\" title=\"$title\" target=\"_blank\">$title</a><span>($date)</span></li>\n";
  }
print '</ol>';
?>
</body>
</html>

 

3.jimdo

f:id:kaoru01-05:20140624113623p:plain

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Yahoo! トピックスの RSS を表示</title>
<style>
span {
  margin-left: 1em;
}
</style>
</head>
<body>
<h2>RSSを表示</h2>
<?php
$url = 'http://helloworldwelcome.jimdo.com/rss/blog';
$rss = file_get_contents($url);
$xml = simplexml_load_string($rss);

$channel = $xml->channel;
$feed_title = $channel->title;
print '<h3>'.$feed_title.'</h3>';
print '<ol>';
  foreach ($channel->item as $item) {
    $link = $item->link;
    $title = $item->title;
    $date = $item-> pubDate;
        //上の行は無くても大丈夫。pubDate;でエラーが出ている人はここを削ってOK
    $date = date('Y.m.d', strtotime($date));

  print "<li><a href=\"$link\" title=\"$title\" target=\"_blank\">$title</a><span>($date)</span></li>\n";
  }
print '</ol>';
?>
</body>
</html>

4.その他

f:id:kaoru01-05:20140624113831p:plain

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Yahoo! トピックスの RSS を表示</title>
<style>
span {
  margin-left: 1em;
}
</style>
</head>
<body>
<h2>RSSを表示</h2>
<?php
$url = 'http://kachibito.net/feed/rss';
$rss = file_get_contents($url);
$xml = simplexml_load_string($rss);

$channel = $xml->channel;
$feed_title = $channel->title;
print '<h3>'.$feed_title.'</h3>';
print '<ol>';
  foreach ($channel->item as $item) {
    $link = $item->link;
    $title = $item->title;
    $date = $item-> pubDate;
        //上の行は無くても大丈夫。pubDate;でエラーが出ている人はここを削ってOK
    $date = date('Y.m.d', strtotime($date));

  print "<li><a href=\"$link\" title=\"$title\" target=\"_blank\">$title</a><span>($date)</span></li>\n";
  }
print '</ol>';
?>
</body>
</html>