https://〜で始まるページで最近良く出てくるメッセージ。

IEのセキュリティ強化によるもの？

ページ内に非SSL経由のアクセスがある場合に表示されるらしい。

いたずらにユーザーを不安がらせてしまうことになるので、表示されない方法を調べてみる。

画像リンクなどに絶対パスが使われている場合、URLをhttp://〜をhttps://〜にすれば良いなどの解決法がWeb上で紹介されている。しかし残念なことに現在手がけているサイトでは全く効果がない。

ソースを調べてみると、どうやらjQuery本体の読み込みで引っ掛かることが判明！

JQueryはGoogleのライブラリにあるものを使用。

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js” type=”text/javascript”></script>

これでは「セキュリティで保護されたWebページ コンテンツのみを表示しますか？」と表示されてしまう。

そこで、サイト内から呼び出すことにしてみる、、、

<script src=”./js/1.4/jquery.min.js” type=”text/javascript”></script>

<script src=”https://hogehoge.com/js/1.4/jquery.min.js” type=”text/javascript”></script>

どちらも失敗。

ならばこんなのはどう？

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js” type=”text/javascript”></script>

おっ！今度はうまくいった♪

ちょっと待て、もしjQuery側の問題ならば、最新版で解決しているかも？？？

ということで2012年5月の最新版1.7.2をサイト内へ設置。

<script src=”./js/1.7.2/jquery.min.js” type=”text/javascript”></script>

あっさり解決♪♪♪

しかし、拡張子を.phpにしてしまうと大量のリンク切れが発生してしまう。その修正は大変だし、外部からのリンクはほぼ対処不可能（.htaccessを弄れば解決するのだろうが）。Googleサイトマップも作り直しになる。

そこでPHPの拡張子を.htmlで動かすことにしたのだが、サーバがさくらなのでちょっと面倒。

sshで以下を実行

ユーザー名がhogehogeの場合。

ログインユーザー名：hogehoge@hogehoge.sakura.ne.jp

cp /usr/local/php/default/bin/php-cgi /home/hogehoge/www/php.cgi

FC2、FAQ：http://help.fc2.com/blog/qa/group16/810/

というわけで、記事中の画像だけが表示されないという情けないことに！

FC2内から見ているように偽装する？ってそんなことできるわけないし。

何か良い方法は無いものかと考えていると、私のサイトの記事一覧にあるサムネイルは表示されていることに気付く。FC2ブログ記事中の画像をサムネイル化しているだけなのに。

何故？

そう言えばサムネイルは自分のサーバから読み込んでいるんだった。

FC2ブログ記事中から画像URLを抽出、その情報を元に、FC2へ保存されている画像を自分のサーバへコピー・保存するように設定している。

どうやらブラウザを通すと他サイトからFC2の画像は表示できないけど、サーバ間ではアクセス可能みたい。

ならば、同じ理屈で画像をすべて自分のサーバへコピーしちゃえばOK♪

早速こんなプログラムを作ってみた。

Source code

function fc2_blog_content(){
	$uploads = wp_upload_dir();
	$out_file_dir = $uploads['basedir']."/img_fc2_blog/";
	$img_fc2_blog_dir = "http://www.hogehoge.com/wp/wp-content/uploads/img_fc2_blog/";
	$img_source_dir_pattern = '/http:\/\/blog-imgs-XXX.fc2.com\/h\/o\/g\/hogehoge\//i';
	$get_the_content = get_the_content();
	$pattern_img = '/[(src=)(href=)][\'\"]?([\-_\.\!\~\*\'\(\)a-z0-9\;\/\?\:@&=\+\$\,\%\#]+(jpg|jpeg|gif|png|JPG|JPEG|GIF|PNG))/i';			
 
	preg_match_all($pattern_img, $get_the_content, $matches_img);
 
	foreach( $matches_img[0] as $img_source_url ){
		$img_source_url = preg_replace('/[(src=)(href=)][\'\"]/i','',$img_source_url);
		$out_file_path = preg_replace($img_source_dir_pattern,$out_file_dir,$img_source_url);
 
		if( !file_exists($out_file_path)) {
			$img_in = file_get_contents($img_source_url);
			file_put_contents($out_file_path,$img_in);
     		}
 
	}
 
	$get_the_content = preg_replace($img_source_dir_pattern,$img_fc2_blog_dir,$get_the_content);
	echo $get_the_content;
 
}

プログラムの流れ

1.自サーバへ画像が保存されているかどうか調べる。
2.もしあればその画像を表示。
3.画像が保存されていなければ、記事中から画像URLを取得。
4.その情報を元に、画像をFC2サーバから自サーバへコピー・保存。

要するに、一番最初にページを見た人が犠牲になる仕様、少しだけ動作が遅くなる^^;

画像を保存するディレクトリ（img_fc2_blog）はあらかじめ作っておく。

このプログラムをfunctions.phpにでも記述。FC2記事を流し込むテンプレートからfc2_blog_content()を実行すればOK。

「WordPress」+「FeedWordPress」用だけど、少し手を加えればそれ以外のサイトでも設置できますね。

FC2、FAQ：http://help.fc2.com/blog/qa/group16/810/

というわけで、記事中の画像だけが表示されないという情けないことに！

FC2内から見ているように偽装する？ってそんなことできるわけないし。

何か良い方法は無いものかと考えていると、私のサイトの記事一覧にあるサムネイルは表示されていることに気付く。FC2ブログ記事中の画像をサムネイル化しているだけなのに。

何故？

そう言えばサムネイルは自分のサーバから読み込んでいるんだった。

FC2ブログ記事中から画像URLを抽出、その情報を元に、FC2へ保存されている画像を自分のサーバへコピー・保存するように設定している。

どうやらブラウザを通すと他サイトからFC2の画像は表示できないけど、サーバ間ではアクセス可能みたい。

ならば、同じ理屈で画像をすべて自分のサーバへコピーしちゃえばOK♪

早速こんなプログラムを作ってみた。

Source code

function fc2_blog_content(){
	$uploads = wp_upload_dir();
	$out_file_dir = $uploads['basedir']."/img_fc2_blog/";
	$img_fc2_blog_dir = "http://www.hogehoge.com/wp/wp-content/uploads/img_fc2_blog/";
	$img_source_dir_pattern = '/http:\/\/blog-imgs-XXX.fc2.com\/h\/o\/g\/hogehoge\//i';
	$get_the_content = get_the_content();
	$pattern_img = '/[(src=)(href=)][\'\"]?([\-_\.\!\~\*\'\(\)a-z0-9\;\/\?\:@&=\+\$\,\%\#]+(jpg|jpeg|gif|png|JPG|JPEG|GIF|PNG))/i';			
 
	preg_match_all($pattern_img, $get_the_content, $matches_img);
 
	foreach( $matches_img[0] as $img_source_url ){
		$img_source_url = preg_replace('/[(src=)(href=)][\'\"]/i','',$img_source_url);
		$out_file_path = preg_replace($img_source_dir_pattern,$out_file_dir,$img_source_url);
 
		if( !file_exists($out_file_path)) {
			$img_in = file_get_contents($img_source_url);
			file_put_contents($out_file_path,$img_in);
     		}
 
	}
 
	$get_the_content = preg_replace($img_source_dir_pattern,$img_fc2_blog_dir,$get_the_content);
	echo $get_the_content;
 
}

プログラムの流れ

1.自サーバへ画像が保存されているかどうか調べる。
2.もしあればその画像を表示。
3.画像が保存されていなければ、記事中から画像URLを取得。
4.その情報を元に、画像をFC2サーバから自サーバへコピー・保存。

要するに、一番最初にページを見た人が犠牲になる仕様、少しだけ動作が遅くなる^^;

画像を保存するディレクトリ（img_fc2_blog）はあらかじめ作っておく。

このプログラムをfunctions.phpにでも記述。FC2記事を流し込むテンプレートからfc2_blog_content()を実行すればOK。

「WordPress」+「FeedWordPress」用だけど、少し手を加えればそれ以外のサイトでも設置できますね。

しかし、拡張子を.phpにしてしまうと大量のリンク切れが発生してしまう。その修正は大変だし、外部からのリンクはほぼ対処不可能（.htaccessを弄れば解決するのだろうが）。Googleサイトマップも作り直しになる。

そこでPHPの拡張子を.htmlで動かすことにしたのだが、サーバがさくらなのでちょっと面倒。

sshで以下を実行

ユーザー名がhogehogeの場合。

ログインユーザー名：hogehoge@hogehoge.sakura.ne.jp

cp /usr/local/php/default/bin/php-cgi /home/hogehoge/www/php.cgi

フィンランドにはムーミン谷をそのままテーマパークした場所があるらしいのですが、
なんと日本にも存在することが判明！

しかも埼玉県に！

それも飯能市！！

ウチから車で30分！！！
花見とかでよく行ってた入間川沿いの公園のすぐ隣！！！！

全く知りませんでした。

場所はあけぼの子どもの森公園。

大きな地図で見る

天気が良いので、本日、家族で偵察してきました。

結構人が多くてびっくり。
元気過ぎる大勢の子供達が走り回っています。

平日に行ってのんびりしたい、、、ですね。

FC2、FAQ：http://help.fc2.com/blog/qa/group16/810/

というわけで、記事中の画像だけが表示されないという情けないことに！

FC2内から見ているように偽装する？ってそんなことできるわけないし。

何か良い方法は無いものかと考えていると、私のサイトの記事一覧にあるサムネイルは表示されていることに気付く。FC2ブログ記事中の画像をサムネイル化しているだけなのに。

何故？

そう言えばサムネイルは自分のサーバから読み込んでいるんだった。

FC2ブログ記事中から画像URLを抽出、その情報を元に、FC2へ保存されている画像を自分のサーバへコピー・保存するように設定している。

どうやらブラウザを通すと他サイトからFC2の画像は表示できないけど、サーバ間ではアクセス可能みたい。

ならば、同じ理屈で画像をすべて自分のサーバへコピーしちゃえばOK♪

早速こんなプログラムを作ってみた。

Source code

function fc2_blog_content(){
	$uploads = wp_upload_dir();
	$out_file_dir = $uploads['basedir']."/img_fc2_blog/";
	$img_fc2_blog_dir = "http://www.hogehoge.com/wp/wp-content/uploads/img_fc2_blog/";
	$img_source_dir_pattern = '/http:\/\/blog-imgs-XXX.fc2.com\/h\/o\/g\/hogehoge\//i';
	$get_the_content = get_the_content();
	$pattern_img = '/[(src=)(href=)][\'\"]?([\-_\.\!\~\*\'\(\)a-z0-9\;\/\?\:@&=\+\$\,\%\#]+(jpg|jpeg|gif|png|JPG|JPEG|GIF|PNG))/i';			
 
	preg_match_all($pattern_img, $get_the_content, $matches_img);
 
	foreach( $matches_img[0] as $img_source_url ){
		$img_source_url = preg_replace('/[(src=)(href=)][\'\"]/i','',$img_source_url);
		$out_file_path = preg_replace($img_source_dir_pattern,$out_file_dir,$img_source_url);
 
		if( !file_exists($out_file_path)) {
			$img_in = file_get_contents($img_source_url);
			file_put_contents($out_file_path,$img_in);
     		}
 
	}
 
	$get_the_content = preg_replace($img_source_dir_pattern,$img_fc2_blog_dir,$get_the_content);
	echo $get_the_content;
 
}

プログラムの流れ

1.自サーバへ画像が保存されているかどうか調べる。
2.もしあればその画像を表示。
3.画像が保存されていなければ、記事中から画像URLを取得。
4.その情報を元に、画像をFC2サーバから自サーバへコピー・保存。

要するに、一番最初にページを見た人が犠牲になる仕様、少しだけ動作が遅くなる^^;

画像を保存するディレクトリ（img_fc2_blog）はあらかじめ作っておく。

このプログラムをfunctions.phpにでも記述。FC2記事を流し込むテンプレートからfc2_blog_content()を実行すればOK。

「WordPress」+「FeedWordPress」用だけど、少し手を加えればそれ以外のサイトでも設置できますね。