我流ホームページ作成 徹底実践！無料講座。
自分で本を読んだり、ウェブを参考にしたりして、実践で身に着けた我流のホームページ作成を紹介しています。
なにぶん、独学で身に着けた我流のホームページ作成ですので、参考程度にどうぞ。
なにぶん、独学で身に着けた我流のホームページ作成ですので、参考程度にどうぞ。
被リンクとページボリュームの調べ方
2010-08-20
SEO対策で重要な被リンク数（他サイトからリンクされている数）、ページボリューム（サイトのページが検索エンジンに認識されている数）を調べる方法です。
Yahoo！の場合
被リンク数を調べる
linkdomain:ドメイン
例）linkdomain:www.yahoo.co.jp
サイトのインデックス数を調べる
site:ドメイン
例）site:www.yahoo.co.jp
Googleの場合
linkdomain:ドメイン
例）linkdomain:www.yahoo.co.jp
サイトのインデックス数を調べる
site:ドメイン
例）site:www.yahoo.co.jp
以前は、link、siteで調べることができたのですが、現在はできない模様。
しかし、無料で使えるグーグルのウェブマスターツールを利用することで、以前よりも詳しい情報が手に入ります。
Yahoo！に関してもサイトエクスプローラーというサービスが開始されていますので、サイトの被リンク数やインデックス数を調べるにはこっちを利用していた方がYahoo！とサイトが仲良くなるかもしれませんね。
しかし、無料で使えるグーグルのウェブマスターツールを利用することで、以前よりも詳しい情報が手に入ります。
この記事が参考になったら、投票お願いします。 | 投票 |
サムネイルで画像を切り替える簡単な方法
2010-08-20
まず画像を用意。たとえば大きい画像A（A.gif）と画像Aのサムネイル（A_thumb.gif）
大きい画像B（B.gif）と画像Bのサムネイル（B_thumb.gif）
を用意。
大きい画像Aと、画像Aのサムネイル、画像Bのサムネイルを貼ります。
<img src="image/A.gif" /><br /><br />
<img src="image/A_thumb.gif" />
<img src="image/B_thumb.gif" />
これが画像を張っただけの状態。<img src="image/A_thumb.gif" />
<img src="image/B_thumb.gif" />
これを以下のようにちょっと追加するだけ！
<img src="image/A.gif" id="img01" /><br /><br />
<img src="image/A_thumb.gif" onClick="img01.src='http://www.affiliate-fixer.com/image/A.gif'" />
<img src="image/B_thumb.gif" onClick="img01.src='http://www.affiliate-fixer.com/image/B.gif'" />
切り替わる画像に「名前」をつけてあげます。[ id="img01" ] <img src="image/A_thumb.gif" onClick="img01.src='http://www.affiliate-fixer.com/image/A.gif'" />
<img src="image/B_thumb.gif" onClick="img01.src='http://www.affiliate-fixer.com/image/B.gif'" />
イベントを作ります。
「onClick="img01.src='image/A.gif'"」
クリックされたら、img01という名前の画像のsrcを「image/A.gif」に変えてくれっていう意味です。
そしてこれが動作サンプル。小さい画像をクリックすると、大きい画像が切り替わります。
このままでは、サムネイルの上にカーソルを持って来たときも、変化がないのでクリックできると認識してもらいずらいので、サムネイルの上にカーソルが来たら、ポインターになるようにします。
<img src="image/A.gif" id="img01" /><br /><br />
<img src="image/A_thumb.gif" onClick="img01.src='image/A.gif'" style="cursor:pointer;" />
<img src="image/B_thumb.gif" onClick="img01.src='image/B.gif'" style="cursor:pointer;" />
<img src="image/A_thumb.gif" onClick="img01.src='image/A.gif'" style="cursor:pointer;" />
<img src="image/B_thumb.gif" onClick="img01.src='image/B.gif'" style="cursor:pointer;" />
これで完成なのだ！ ちなみにカーソルがサムネイルの上にくるだけで、画像が切り替わった方が便利がいいので、 「onClick」を「onMouseover」 で！
<img src="image/A.gif" id="img01" /><br /><br />
<img src="image/A_thumb.gif" onMouseover="img01.src='image/A.gif'" style="cursor:pointer;" />
<img src="image/B_thumb.gif" onMouseover="img01.src='image/B.gif'" style="cursor:pointer;" />
応用すると、いろいろ使えますので、便利ですよ！
<img src="image/A_thumb.gif" onMouseover="img01.src='image/A.gif'" style="cursor:pointer;" />
<img src="image/B_thumb.gif" onMouseover="img01.src='image/B.gif'" style="cursor:pointer;" />
この記事が参考になったら、投票お願いします。 | 投票 |
ブログのRSSを取得してウェブサイトに表示！やっぱりライブドアブログがいいね！
2010-08-18
自分のブログからRSSを取得して、ウェブサイトに表示するスクリプトとりあえず、アメブロのRSS「1.0」を取得する場合です。
<?php
$xml="RSS1.0のアドレス";
$data=simplexml_load_file($xml);
foreach($data->item as $item){
print<<<DISP
<a href="$item->link" target="_blank">$item->title</a><br />
$item->description<br />
DISP;
}
?>
RSS「1.0」だと、ブログの内容が途中で省略されていますので、全部ひっぱってくるには、$xml="RSS1.0のアドレス";
$data=simplexml_load_file($xml);
foreach($data->item as $item){
print<<<DISP
<a href="$item->link" target="_blank">$item->title</a><br />
$item->description<br />
DISP;
}
?>
RSS「2.0」を引っ張ってきてください。
<?php
$xml="RSS2.0のアドレス";
$data=simplexml_load_file($xml);
foreach($data->channel->item as $item){
print<<<DISP
<a href="$item->link" target="_blank">$item->title</a><br />
$item->description<br />
DISP;
}
?>
注意としては、RSS2.0で内容を引っ張って来ても、画像は取り込めないので、正規表現で<img>タグを削除したりする処理をした方がいいです。
$xml="RSS2.0のアドレス";
$data=simplexml_load_file($xml);
foreach($data->channel->item as $item){
print<<<DISP
<a href="$item->link" target="_blank">$item->title</a><br />
$item->description<br />
DISP;
}
?>
<?php
$xml="RSS2.0のアドレス";
$data=simplexml_load_file($xml);
foreach($data->channel->item as $item){
// 画像削除する処理
$des=$item->description;
$des=preg_replace("<IMG (.*)*?>","",$des);
$des=preg_replace("<img (.*)*?>","",$des);
print<<<DISP
<a href="$item->link" target="_blank">$item->title</a><br />
$des<br />
DISP;
}
?>
ん～でも、やっぱり画像引っ張れないのは不満ですね。
そこで、やっぱりウェブ系ブログでカユいところまで手が届くっていえば、ライブドアブログ
ってことで、記事中の画像も引っ張れるか試してみました！
さすがライブドアブログ！！引っ張れます！プログラムは若干変更
ちなみにライブドアブログのRSSアドレスは
ブログトップページのアドレス/index.rdf
<?php
$xml="ライブドアのRSSアドレス";
$data=simplexml_load_file($xml);
foreach($data->item as $item){
$cont=$item->children("http://purl.org/rss/1.0/modules/content/")->encoded;
print<<<DISP
<a href="$item->link" target="_blank">$item->title</a><br />
$cont<br clear="all" />
DISP;
}
?>
これは、ブログ書くならライブドアブログですな！
この記事が参考になったら、投票お願いします。 | 投票 |
ホームページを作成する時の文字コードは何がいい？
2010-08-17
PC用ホームページを作成する時の文字コードは、「UTF-8」をオススメします。データベースも初期設定で「UTF-8」ですし、APIやらいろんなサービスが「UTF-8」で提供されているので、今のところデータベースもAPIも考えていない場合でも「UTF-8」で作っておいたほうがいいんじゃないでしょうか？いざ、導入しようとなった場合もスムーズだと思います。
携帯の場合は、今のところ「Shift-JIS」がいいです。
それ以外で作ると、機種による文字化けなんかが起こったりして面倒でした。
この記事が参考になったら、投票お願いします。 | 投票 |
アマゾンのアダルト商品をはずす方法
2010-08-17
APIを使ってアマゾンの商品を引っ張って来る時に、アダルト商品を外したい場合は、XMLデータの<ItemAttributes>の中にある<Format>にアダルト
というのがある。これがあったら外すという処理をするのと、
<BrowseNodes>の中の<Name>にアダルト
があれば、表示しないというようなプログラムを組めば大丈夫っぽい。
$item_list=$amazon->ItemSearch("Books",$option);
foreach($item_list["Item"] as $key=>$value){
$format=$value["ItemAttributes"]["Format"];
$bn=$value["BrowseNodes"]["BrowseNode"];
for($i=0; $i<sizeof($bn); $i++){
$browse_name=$bn[$i]["Ancestors"]["BrowseNode"]["Name"];
if($browse_name=="アダルト"){
$adult_flag="on"; break;
}else{
$adult_flag="off";
}
}
if(!$title || $format=="アダルト" || $adult_flag=="on"){ continue; }
/////////////////////////////////////////
//表示スクリプトへ続く
}
これで完璧かというと、そこまで厳密に調べてませんが、今のところ出てないようです。
foreach($item_list["Item"] as $key=>$value){
$format=$value["ItemAttributes"]["Format"];
$bn=$value["BrowseNodes"]["BrowseNode"];
for($i=0; $i<sizeof($bn); $i++){
$browse_name=$bn[$i]["Ancestors"]["BrowseNode"]["Name"];
if($browse_name=="アダルト"){
$adult_flag="on"; break;
}else{
$adult_flag="off";
}
}
if(!$title || $format=="アダルト" || $adult_flag=="on"){ continue; }
/////////////////////////////////////////
//表示スクリプトへ続く
}
この記事が参考になったら、投票お願いします。 | 投票 |
