Codex テンプレートタグ/the post thumbnail

が、アイキャッチ画像ではなく、
記事本文内にある画像を取得したい場合は、どうやら無さそうなので
「テンプレートタグ」を自作しました。メモしておきます。

下記のコードをテーマ内のfunction.phpに記述すれば、テーマ内で呼び出せます。

<?php get_the_content_image() ?>

いわゆるループ内で呼び出すタグです。
while ( have_posts() )
～
endwhile;
の間で呼び出すとそれぞれの記事から画像を取ってきます。
引数なし、返り値は画像URLです。

	// 記事内の画像を取ってくる
	function get_the_content_image() {
		 global $post, $posts;
		 $first_img = '';
		 ob_start();
		 ob_end_clean();
		 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
		 $first_img = $matches [1] [0];

		 if(empty($first_img)){ //Defines a default image
			 $first_img = "/no-image.gif";
		 }
		 return $first_img;
	}

<?php get_the_contetn_image_by_postID($postid) ?>

ループ外で呼び出すタグです。
引数は記事ID（半角数字）、返り値は画像URLです。

	// 記事ID指定
	function get_the_contetn_image_by_postID($postid) {
		 $post=get_post($postid);
		 $first_img = '';
		 ob_start();
		 ob_end_clean();
		 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
		 $first_img = $matches [1] [0];

		 if(empty($first_img)){ //Defines a default image
		 $first_img = "/no-image.gif";
		 }
		 return $first_img;
	}

主にBootCampしたWindows7で使うことが多く、
ハードディスクの領域をもう少し割り当てようと思い、２回目のBootCampをしました。
１回目は問題なくインストールできたのですが、２回目でハマり、何度もやり直すハメになったので
メモしておきます。

通常の（１回目の）インストールは

Boot CampでMacにWindowsをインストールする方法と、BootCampの小技やテクニックまとめ
BootCampを利用したWindows7のインストールからBootCamp3.1へのアップデートまで

このあたりを参考にしてやれば問題なくできたのですが、
２回目はそうはいきませんでした。

下記の記事にもある方法で、MacでBootCampアシスタントからMacの復元をしました。
Boot Campが不要になった。削除する方法は？

その後、BootCampアシスタントでWindows7側の領域を増やし、
そのまま、BootCampアシスタントの言うとおりに、Windows7のディスクをいれてインストールしていくと
「インストールの最終処理」の直前に再起動を求められました。
で、再起動後、黒い画面のまま止まってしまいました。。

おかしいなーと思い、電源長押しで再起動→イジェクトボタンを押してWindows7のDVDを出すと
Macが立ち上がったので、再度BootCampからやり直しました。。
しかし、同じ症状がでて黒い画面で止まったままとなりました。

iMacならば、ドライバの関係で止まることがあるそうですが、
今回はMacBookで、しかも２回目。１回目はいけてるので違います。
いろいろ調べてみると、同じような症状の人をフォーラムで見つけました。

以下、「Apple サポートコミュニティ」の
「Boot Campでインストールできないのででどうすればいいのかアドバイスを？？」より

質問者：

再インストールしましたが、パーテションを割当後windowsディスク挿入、再起動までは問題なく進むが、画面が真っ暗になり　＿が点滅するだけで、ディスクを読み込みができません。どんな問題なのかアドバイスお願いします。
これまで、再インストールは4〜5回してますが、このような問題は今回初めてです。

回答：

次回の再インストールの際にお試しください。ディスクユーティリティ　＞　消去　＞　セキュリティオプション　＞　「０消去」を選択して下さい。
これは、イメージとしてはブルトーザーで整地する感じです。（物理フォーマット）
フォーマット ＝　０消去
ブートセクターの破損している可能性があります。

おお、これかもしれない。と思い、Macのディスクユーティリティでゼロ消去をして
再度、BootCampからWindows7を入れてみました。
すると、おおーッ！今度は「インストールの最終処理」まで行ってくれるではないですか！
いやー、先人の質問者や回答者の方に感謝しつつ、
Windows7にMac付属のDVDからBootCampを入れ、
AppleのサイトからBootCampのアップデートをダウンロードして最新にすることができました。

こういった苦難？を乗り越えて少し愛着が湧いてきたように思いますｗ
以前はMacに全然興味なかったのですが、
最近はMacのキーボードにもMacBookのマウスパッドにも慣れてきて
MacマシンでWindowsを使うのもいいなーと思うようになりました。

ログを調べてみたら「default-character-set」ってオプションて何？みたいなのが出てました。。
で、調べたら解決しましたのでメモ。

[mysql]MySQL 5.5.3-m3, 5.5.4-m3 同時リリース
ここに書いてあるとおり、MySQLサーバのほうは
「default-character-set」というオプションが廃止されて、
「character-set-server」になった模様。

で、下記のようにmy.cnfを修正してMySQLを起動したら無事に再起動できました。

# vi /etc/my.cnf

# default-character-set=utf8  ←ここはコメントアウト
character-set-server=utf8  # ここを追加

ちなみに、MySQLクライアントのほうは

さらに mysql クライアントのオプションとしては character-set-client ではなく default-character-set のままなので注意が必要です。

とのこと。
注意が必要です。

で、最初の設定次第では結構使えるようで、
インストール時の設定やチューニング方法が書かれたブログが結構でてたので
参考にしました。

各設定のインデックス

各項目・設定ごとに記事のリンクがわけられていて使いやすいです。
さくらのVPS　設定ガイドリンク集　厳選140　＼(初心者歓迎)／

初期設定時に参考にすべきブログ

上で紹介したブログからリンクされているのもあるのですが
とりあえず見とくべきページをリンクしておきます。

さくらインターネット社長のブログ。
さくらVPSだけにとどまらず、CentOSをサーバとして使う際にも大変参考になりました。
CentOSをサーバーとして活用するための基本的な設定

百式管理人さんのブログも設定すべき内容がとても簡潔にまとめられていて
大変便利です。
設定になれているなら、ここを参考にするとサービス開始までの時間が短縮できるかと思います。
さくらの格安VPSを借りたらいつもやっている設定いろいろ

追記：はてブをみていたら、ここもまとまっていてよかったです。
はじめてのさくら VPS + CentOS の初期設定からチューニングなどの作業まとめ

チューニング

初期設定時もそうですが、サーバが重かったりした場合に
参考にしておくとよいなと思われるのがこのブログ。

さくらVPSで一日6万PVを処理するためにしたこと
さくらのVPS、引き続きApacheチューニング

今回、このブログもWordPress移行とほぼ同時期に
さくらVPSに移行しました。
その際、百式管理人さんのブログに書かれた内容をベースにしながら、
さくらインターネット社長のブログやCentOSで自宅サーバー構築などで
各種設定を確認して初期設定を行いました。

ほかにもいろいろと設定したことはありますが
ここで紹介したサイトが便利だったので投稿してみました。

なお、これをしたからといって、検索結果の順位が直接上がるわけではありません。
が、検索エンジンに登録されるページ＝検索対象が増えることが期待できるので、
SEOに有効です。

プラグイン

Google (XML) Sitemaps Generator for WordPress

日本語での説明は下記のブログにて紹介されています。
WordPressのプラグイン:Google Sitemap Generator
サイトマップ作成 Google (XML) Sitemaps Generator
Googleサイトマップ WordPressプラグイン

なかでも下記ブログはアメリカYahoo.comに登録してYahooにもインデックスされる方法も解説してくれています。
Google Sitemap Generator 3 Beta

【検索エンジンに公開】設定を忘れずに

テーマの選択、サイト名・SEOの設定が終わり、サイト公開OKになりましたら、
管理画面の「設定」→「プライバシー」から
「サイトを検索エンジン (Google、Bing、Technorati など) やアーカイブも含め、だれにでも読めるようにする」
を選択して変更してください。
これで検索エンジンのブロックが解除されます。

XMLサイトマップの構築

プラグインが導入されたら、
管理画面の「設定」→「XML Sitemap」から
「手動でサイトマップを最構築する」をクリックしてください。

これで検索エンジンに読みに来てもらうことができます。

今回は、各ページのTITLEタグとMETAタグ（Description、Keywords）のカスタマイズについてです。
いろいろとプラグインがあるようですが、
「All in One SEO」というプラグインが評価が高かったので
これで設定してみました。結構簡単にできました。

■プラグイン

All in One SEO Pack
これをいれてやることで各ページのTITLEタグやMETAタグをカスタマイズできます。

が、日本語などのマルチバイト文字に対応していない部分があります。
METAタグのDescriptionを自動生成する機能があるのですが、
これが日本語ではうまく動いてくれません。
で、下記のプラグインもいれてやることでこれがうまく動きます。
All in One SEO の Autogenerate Descriptions を日本語で正しく機能させるプラグイン「Aioseo Multibyte Descriptions」

■サイト名、SEOの設定

サイト名やサイト説明文はもともとWordPress本体側で管理しています。
「All in One SEO Pack」にもサイト名とサイト説明文を設定する欄があり、
ややこしいですが、混同しないようにしておきます。

WordPress本体

「設定」→「一般」の
「サイトのタイトル」
「キャッチフレーズ」

これは、テーマで表示されるタイトルと説明文と、
「サイトタイトル」→「All in One SEO Pack」の各ページの設定の「%blog_title%」

All in One SEO Pack

「設定」→「All in One SEO」の
「Home Title」
「Home Description」
「Home Keywords (comma separated)」

これはトップページHTMLの
<head>～</head>に挿入されるTITLEタグとMETAタグの設定です。

■ページごとのSEO設定

　各ページのHTMLのMETAタグやTitleタグの設定方法です。

■トップページ
　管理画面の「設定」→「All in One SEO」からトップページのHTMLを設定します。
　　「Home Title」　（トップページHTMLのTitle）
　　「Home Description」　（トップページHTMLのDescription）
　　「Home Keywords」　（トップページHTMLのKeywords）　※カンマ区切り
　
■各ページ
　　各ページのTITLE、Description、Keywordsは各投稿入力編集画面で設定できます。
　　並びや区切りなどは管理画面の「設定」→「All in One SEO」で設定します。

　　各ページのTITLE、Description、Keywordsは何も入力しなければ
　　TITLE　→　記事のタイトル
　　Keywords　→ （設定画面で設定したら）タグ、カテゴリ名などが入ります。

　各ページの入力編集画面で、Descriptionが空欄の場合は、記事本文の最初の文字をいれることができます。
　自動で入れるには、
　管理画面の「設定」→「All in One SEO」にある
　「Autogenerate Descriptions:」にチェックを入れる必要があります。

　また、最初の方にも書きましたが、日本語などのマルチバイト文字では
　Descriptionの自動入力がうまく動きませんので、
　「Aioseo Multibyte Descriptions」も入れる必要があります。
　「Aioseo Multibyte Descriptions」の設定画面では自動入力する文字数を設定できます。

参考にしたサイト
metaタグを記述するプラグイン「All in One SEO Pack」 – WordPress & Business メモ

ちなみに「All in One SEO」の設定項目に「Canonical URLs:」というのがあります。
カノニカルURLについては、下記ページで詳しく書かれています。

detlog.org » WordPress 2.3の新機能「カノニカルURL」
link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩（前編）

CMSでURLをカスタマイズしていると同じ内容のコンテンツなのに
URLが複数ある場合、標準URLはこれだよと検索エンジンに教えることができるそうで、
その指定がカノニカルURLとのこと。勉強になりました。

AjaxそのものはjQueryのgetJSONを使っていました。
解決したのでメモしておきます。

IEだけ動かない場合、確認することは以下の４点
試行錯誤しながら、この条件下でとりあえず、動いたので、
すべてが必要な条件ではないかもしれません。。

jQueryの1.4.1を読み込む

<script type='text/javascript' src='jquery-1.4.1.min.js'></script>

1.4.1以上では確認していませんが、イケそうな気がするのですが＾＾

getJSONを呼んでいるjavascriptの読み込み時に「charset=”UTF-8″」を付ける

<script type='text/javascript' src='hoge.js' charset=”utf-8″></script>

ヘッダに「Contet-Type: application/json; charset=UTF-8」を付ける

json形式のデータを返すスクリプト（私の場合はPHPでした）で
ヘッダに「Contet-Type: application/json; charset=UTF-8」を付ける
PHPの場合は↓

header( 'Content-type: application/json; charset=UTF-8');

JSONとContent-Typeでは、
Content-Typeがブラウザごとでどのように対応しているかをまとめていて大変参考になりました。

jsonは同じドメイン内でデータを返す

json形式のデータを返すスクリプトが呼び出し元のドメインと異なるときは
ブラウザ側でアクセスを拒否しているようで、同じドメイン内でデータを返すとうまくいきました。

参考：エラー：アクセスが拒否されました

その他参考にしたサイト
jQueryでもはまるクロスブラウザ問題まとめ
JQueryがIEだけ動いていない
【PHP/jQuery】jQueryのgetJSONメソッドがIEで動作させられなかった
jQuery の $.getJSON() と IE ではまった
[IE][Javascript][Json] IE+Jsonではまった

Faviconって何？

って聞かれたら、どう説明したらいいんでしょう？とふと考えました:-)

困ったときのGoogle先生に聞いてみるとWikiのリンクが、、

WikiPedia「Favicon」によると

Favicon（ファビコン）はウェブサイトやウェブページに関連付けられたアイコンのことである。Favorite icon（フェイバリット・アイコン）という英語の語句を縮約したものである。

とまあ、いわばウェブサイトのシンボルマークのようなものじゃないかと思います。
ブックマークやタブブラウザのタブなどに表示されて
そのサイトだと視覚的に伝えるシンボルです。

そのシンボルマークは、普通の画像の形式ではないので、
画像のままではFaviconに設定することができません。
アイコン形式のデータに変換する必要があります。
で、このサイトでは画像からFavicon自動生成してくれます。

画像をアップロードして、Faviconのサイズを選択して、
「Create Favicon！」を押すと変換されます。
あとはダウンロードして、自サイトにアップするだけ。
ヘッダにいれるリンクもご丁寧に記述してくれているのでコピペ。

ちなみにFaviconがないとエラーログが出まくりますので、
サーバ管理者はご注意を。

個人のプロフィールを登録するようなサイトを作っているときに、
とっても役に立つ偽個人情報ジェネレーターです。

サンプルデータがほしいけど、リアルな情報はちょっと困る。。というときにウッテツケ。
これまでは野球選手やサッカー選手の名前を入れてサンプルデータをつくっていましたが、
テスターやクライアントさんに開発者の好みとかセンスを知られてちょいと赤面なんてときも
これなら、いかにも存在しそうな個人情報をつくって、テストできます。

ほしい個人情報の年代や性別、国などを選んでボタンを押すと

こんな感じで個人情報を生成してくれます。

「シムピープル」というリンクから名前と職業（英語）を複数人自動生成してくれます。
「バルクオンライン」というリンクから複数人の個人情報を圧縮して提供してくれています。

住所や電話番号、誕生日だけでなく、
ホームページのURL、パスワード、
クレジットカードの番号に有効期限、
なぜか「母親の旧姓」もつくってくれています。
おそらく、パスワードを忘れたときの質問用じゃないかと思われます。

ちょっと面白かったのが「UPSのトラッキング番号」。。
日本で言うところの、ヤマトや佐川急便の追跡番号です。
念のため？、UPS社のホームページで検索してみたら

入力した番号は、有効なトラッキング番号ではありません。

そりゃあそうだ。なんせ偽情報なんですから。

アメリカのサービスなのか、社会保障番号も出てきます。

You should click here to find out if your SSN is online.

と書かれていたので、チェックしてみたら、

Social security number 007-60-2876 is valid for ME

有効な番号とのこと。。ちょっと心配になったんですが、
このSSNというサイトでは番号の有効性だけ確認できるだけで
この番号からリアルな個人情報を引き出すような仕様にはなっていないようなので
ま、いいかと勝手に良い方向に考えています。

身長とか体重も出てくるのでなにかと役に立つのではと思います。

ウェブサービスを立ち上げると、サイトの使い方をユーザに知ってもらうために、
「ヘルプ」「使い方」なるコンテンツを作ることがよくあります。

今回紹介するサイトは、その「ヘルプ」や「使い方」をそのページ内でハイライトして教えてくれる
「ガイドツアー」を簡単につくることができるサイトです。

百聞は一見にしかずです。
上記画像をクリックすると「Touration」が開きますので、
「SHOW ME HOW IT WORKS」をクリックすると
どんなものが作れるのか、みることができます。

ウェブ屋必見のツールです。