忍者ブログ

[PR]

2024年04月23日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

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

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

ラクラク商品詳細ページ作成方法

2010年04月28日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

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

 商品詳細ページをもしものページに飛ばしている人もいますが、それだとサイトのボリュームが少なり、SEO上あまり良くないので、面倒ですが自分のサイト内に商品詳細ページを作ることをおすすめします。

ドロップシッピングで稼ぐためには、できるだけ作業を効率化する必要があります。

商品詳細ページを作る際、雛形を作って、作業量を減らしている人もいるかと思いますが、さらに作業量を減らす方法をご紹介します。

まず、大抵ヘッダー・フッター・メニューは全て共通になると思いますので、PHPのインクルードを使うと便利です。(無料のレンタルサーバーの場合、PHPが使えないサーバーが多く、PHPが使えないとインクルードも使えません)

共通部分を別フェイル化して、そのファイルを読み込むようにすることで、サイトを修正する場合はそのファイルを修正するだけで、全てのページの修正ができるので、とても便利です。

「新しくサイトを増やして、フッターにそのサイトへのリンクを追加したい」、「新しい商品を載せたので、メニューにその商品へのリンクを追加したい」という時などに便利です。

PHPのインクルードの具体的なやり方は、以下の通りです。

例えば、
<div id="header">ヘッダーの内容</div>
<div id="content">この部分だけ商品によって変わる</div>
<div id="menu">メニュー内容</div>
<div id="footer">フッター内容</div>
というHTMLソースだったとします。
※テーブルタグ(表を作るタグです)でレイアウトするのはSEO上良くないので、CSSでレイアウトすることを強くおすすめします。

ヘッダーとメニュー、フッターの内容が全てのページで共通で上記のようなソースの場合、まずcontentの上の部分と下の部分とに分けます。

ヘッダー部分のソースをコピーペーストして、好きなファイル名.phpで保存します。(サーバーによっては上のディレクトリでは読み込めない場合があるので使用しているサーバーを確認してください)

ファイルのテキストは、
<div id="header">ヘッダーの内容</div>
だけでもいいですし、
<div id="header">ヘッダーの内容</div>
<div id="content">
と、contentのdivタグの開始タグまででもどちらでも可です。

次にcontentの下側のメニューとフッターも共通なので、これもコピーペーストして、好きなファイル名.phpという名前で保存します。

<div id="menu">メニュー内容</div>
<div id="footer">フッター内容</div>
だけでもいいですし、
</div>
<div id="menu">メニュー内容</div>
<div id="footer">フッター内容</div>
と、contentのdivタグの終了タグまででもどちらでも可です。

そして、最後に読み込むファイル名と読み込む位置を指定します。

ソースは以下の通りになります。
<?php include("header.php"); ?>(ヘッダー部分をheader.phpというファイル名にした場合)
<div id="content">この部分だけ商品によって変わる</div>
<?php include("footer.php"); ?>(メニュー・フッター部分をfooter.phpというファイル名にした場合)

contentのdivタグの開始と終了も共通化した場合は、
<?php include("header.php"); ?>
この部分だけ商品によって変わる
<?php include("footer.php"); ?>
だけになります。

これをサーバーにアップロードしてブラウザで開いて、ソースを確認すると、
<div id="header">ヘッダーの内容</div>
<div id="content">この部分だけ商品によって変わる</div>
<div id="menu">メニュー内容</div>
<div id="footer">フッター内容</div>
と、きちんと表示されるはずです。

ヘッダー部分を修正する場合は、header.phpのファイルを修正してアップロードすれば、全てのページが修正された状態で表示されます。

とても便利なテクニックなので、ぜひお試しを。
PR

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

Comment
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字

カテゴリー

独自ドメイン

アーカイブ

最新記事

最古記事

RSS

ブログ内検索

バーコード

リンク

アクセス解析