解説(7)Smartyテンプレートの作り方

解説(7)Smartyテンプレートの作り方

PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。

★このサイトもこれで作ってます次世代サイト作成システムSIRIUS

解説(7)Smartyテンプレートの作り方

ヤフーショッピングのwebサービスを使った商品検索ページ作り、
最後は検索結果を表示するページのテンプレート作りの解説です。

 

手順としては、まず検索結果ページをイメージして
結果を表示するためのHTMLファイルを作ってください。
スタイルシートを指定して使うこともできます。
全く普通のHTMLページでOKです。既存のページのHTMLを改造するのが速いです。
その中に、商品情報の配列$list_yの要素を織り込んでいく形になります。

 

解説の前に、ソースコードをおさらいしておきます。
赤文字のところが、スマーティの変数タグになります。

 

kekka.tplのソースコード(中身はHTMLファイル+Smarty変数)
<html>
<head>
<title>{$keywords}:調査結果</title>
</head>

 

<body>

 

<h1>{$keywords}の検索結果</h1>
<p>ページ更新日:{$smarty.now|date_format:'%Y/%m/%d'} </p>

 

<!-- ■ここから商品検索結果を表示 -->
{foreach from=$list_y item=row }
<div>
<p><a href="{$row.url}" target="_blank">
<img src="{$row.img}" border="0" alt="{$row.title}" /></a></p>
<p><a href="{$row.url}" target="_blank">{$row.title}</a></p>
<p><b>{$row.price}円</b></p>
<p>{$row.caption} </p>
<p>{$row.Description} </p>
<p>【平均評価】:{$row.reviewAverage}(5点満点) </p>
<p><a href="{$row.url}" target="_blank">詳しくはこちら</a></p>
</div>
{/foreach}
<!-- ■ここまで -->

 

<br clear="all">

 

<!-- WEBサービスのクレジット表示 -->
<!-- Begin Yahoo! JAPAN Web Services Attribution Snippet -->
<a href="http://developer.yahoo.co.jp/about">
<img src="http://i.yimg.jp/images/yjdn/yjdn_attbtn2_105_17.gif"
width="105" height="17" title="Webサービス by Yahoo! JAPAN"
alt="Webサービス by Yahoo! JAPAN" border="0" ></a>
<!-- End Yahoo! JAPAN Web Services Attribution Snippet -->

 

</body>
</html>

 

終わりの方の「クレジット表示」ですが、
ヤフーのwebサービスを使って作ったページには、
クレジット表示が義務づけられています。
Yahoo!デベロッパーネットワーク・クレジット表示
楽天のウェブサービスの場合も、クレジット表示が必要です。
楽天webサービスのクレジット表示
そのほかのウエブサービスでも、クレジット表示は必ずするようにしてください

 

NEXT:解説(8)テンプレートに商品情報を組込む


スポンサードリンク

ネットで稼ぐ 教材人気ランキング

★第1位★儲かるセールスレター、チラシの書き方はこれ!キャッチ・ザ・ライティング

★第2位★集客できるホームページはこれ!SEOに強い戦略的テンプレート「賢威7」

★第3位★情報企業で稼げ!和佐大輔と木坂健宣のネットビジネス大百科

★第4位★ツイッターで稼ぐ方法 集客&自動化ツールフォローマティックXY

★第5位★月収1,000万円以上!ネットで大金を稼ぐ小玉歩のノウハウザ・メールマガジン

このエントリーをはてなブックマークに追加

解説(7)Smartyテンプレートの作り方関連エントリー

リンク切れの起こらないアフィリエイトのやり方
PHPプログラムの開発環境を整える
WEBサービスのアクセスキーを取得する
ヤフーAPIのアプリケーションIDを登録
ヤフーAPIで商品を検索してみる。
ヤフーAPIのレスポンスを読んでみる
ヤフーAPIのRESTリクエストの作り方
商品検索ページのサンプルコード
商品検索ページを動かしてみる
商品検索ページをサーバにアップしてみる
サンプルコードの解説(1)入力ページ
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(2)設定事項を上部に記述する
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(3)Smartyを使う準備をする
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(4)RESTリクエストのレスポンス処理
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(5)商品情報をXMLから取り出す
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(6)スマーティでページを表示
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
解説(8)テンプレートに商品情報を組込む
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
アクセスが集まるサイトを作るには
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
マッシュアップサイトをプランする
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
楽天の商品検索API用コード例
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
楽天検索API用PHP解説(1)
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
楽天検索API用PHP解説(2)
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
グーグルニュース取得PHPの例
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ニュース取得PHPの解説
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ユーチューブ動画リンク取得PHP
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ユーチューブ取得PHPの解説
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
ツイートボタン、「いいね!」ボタンの付け方
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。
フェイスブックのリンクに表示させたい画像を指定する方法
PHPとWebAPIを使ったサイトを作って、アフィリエイトする方法を紹介します。