shintata.com　@WordPress

メリークリスマス！
世間はクリスマスで楽しんでるのでしょうが、こんな時間でもまだ会社に篭っております。
なんでか？
やっとMODxの0.9.6.3が出たからです♪
わ～い！わ～い！


この日のために（？）新しいドメインを取得して準備してたのです。
とあるサイトをMODxで構築しよう！
いま流行りのMushupってやつ、いろんなAPI使ったゴリゴリのサイトを作ろう！
って意気込んでたんです。
夕方から仕事なんかそっちのけ、MODxインストールして、いろんなAPIのサイトとニラメッコしてたからこんな時間に。

で、気付いたんですが…。
僕の頭からいろんなものがすっ飛んでるんですよ。
特にJavaScriptの記憶が。

なんだか時代の流れに追いつけず取り残された感覚。
APIの解説とか読んでもチンプンカンプン。
jsonがわからない、jQueryがわからない、どころの騒ぎじゃない。
JavaScript自体がわかんなくなっちゃってるんですもの。
昔、解説書が手垢で真っ黒になるくらい勉強したのに。

せっかく取得したドメインも塩漬けになりそうだなぁ。
取ろうとするドメイン名がことごとく先に取られてて、やっと取れた良い名前のドメインなのになぁ。
せっかく出たMODxでいっぱい遊べると思ったのになぁ。

いろんなことをやろうとするアイデアだけはいっぱいあるのに、それを実現するための技術力がないっつうのは悲しいですね。
ま、極論で言ってしまえば、不動産屋にそんな技術力は必要ないんですけど。

とりあえず、今回の方は来年ボチボチやるとして、もう１個考えてた別の企画をスタートさせよう。
そうしないとこのshintata.comをなんで始めたのか意味が無くなってしまう…。

サーバーのメンテナンスをしたそうです。
http://lolipop.jp/?mode=mainte0810

で、PHPのバージョンを4から5に上げられる、と。

よく読まずにクリック。

あ…。

１クリック１秒で終了。

で、5に上げたら4に戻せない、と。

え？
えええ？？？

サイトを速攻チェック。
だいたいＯＫ。
でもMODxのpieXが使えなくなった…orz
あんだけ苦労して入れたのに。
なんとなくphp.iniの設定あたりが原因の気がする。
よくわかんないけど。

やっぱりCMSやるならPHPは必要だよね？
でも不動産屋だよ？
不動産屋にPHPは必要？？？

む～～～ん。

IEやOperaでWordPressのレイアウトだけ崩れる。
なぜか？
それはサイドバーのパーツにテキストウィジェットを使ってたから。
テキストウィジェットを使うと余計なタグでネストされちゃって、それでレイアウトが崩れる。

じゃあテキストウィジェットを使わずに、ウィジェットそのものを新しく作ればＯＫ！
と思ってGoogle先生にいろいろ聞いたんです。

WordPress　ウィジェット　追加
WordPress　ウィジェット　作成

全然教えてくれない…orz
僕の聞き方が悪いのかしらん。
教えてくれるのは、2.2以前のバージョンでのウィジェット機能の追加方法、ウィジェットの管理画面で使いたいウィジェットの「追加」をクリック、ウィジェット領域の追加、テーマの作成、などなど…。
それらしいのはあっても英語のサイトで全く読めない。
それらしきサイトをいくつか読み漁り、PHPの知識がないまま取り組んでみた。

使ってるテーマのフォルダの中にあるfunctions.phpを開いて、
（もちろんブラウザから、ダッシュボード→デザイン→テーマエディタ→テーマのための関数、で修正でも可）
一番最後の

?>

の前に

register_sidebar_widget('ウィジェットの名前', 'ウィジェットの関数名');

function ウィジェットの関数名(){

echo'ウィジェットで表示したい内容をhtmlで記述';

}

を追加。
functions.phpをアップロード。
ウィジェットの管理画面で新しいウィジェットが増えてるのを確認、そして追加。
たぶんこれでＯＫ。

例えば今回追加したtwitterのつぶやきをウィジェットにするなら

register_sidebar_widget('twitter', 'widget_twitter');

function widget_twitter(){

echo'<dt id="twitter_div">Twitter Updates</dt>';

echo'<dd>';

echo'<ul id="twitter_update_list"></ul>';

echo'<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>';

echo'<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/●●●●.json?callback=twitterCallback2&amp;count=○○"></script>';

echo'<p style="text-align:right;"><a href="http://twitter.com/●●●●">フォロー</a></p>';

echo'</dd>';

}

こんな感じ。
●●●●はユーザー名、○○は表示させる件数ね。
<dd>でネストしたりするのはテーマによるのかな？
ま、適宜変更してください。
あと、echoは何行もズラズラと書かずに１行でまとめてもたぶん大丈夫。
（echoで表示させるのってどうなのかしらん…でもPHPわかんないし）

注意するのはJavaScriptのコードでコメントアウトしてる場合。
例えばAdsenceの下記のようなやつね。

<script type="text/javascript"><!--

google_ad_client = "pub-●●●●";

google_ad_slot = "●●●●";

google_ad_width = 200;

google_ad_height = 200;

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

echoで表示させるとき、行を分けても１行で表示されるので、<!——から//——>の中身が本当にコメントになっちゃいます。
気を付けましょう。

もっと良い方法があるのかもしれないけど、いまはこれが精一杯。
やっぱりPHPを勉強しなくちゃだねぇ…。
って僕は不動産屋なんですが。

会社のサイト、NucleusもMODxもMovableTypeもダメってことで（ダメじゃなくて、僕の技術力不足…）今日からWordPressで作り始めました。

感想

すごい

すごいってのはちょっと大袈裟な表現だけど。
すごいっていうか、楽。

まず、無料のテーマがワンサカあって、選びたい放題。
企業用で使えそうなのもいっぱいある。
さすがに配布してるのは海外のサイトが多いですね。
いくらメジャーになってきたとはいえ、国内はやはりMovableTypeが主流なのかしらん。
で、ちょっと気になったのが、海外のサイトってフォントサイズ小さくね？って。
10pxとか11ｐｘがデフォになってて、行間も狭い。
まぁこんなのはCSSをササッと修正すればいいんだけど。
でもそれでレイアウトが崩れたりするのがなぁ…。
せっかくセンスの良いテーマでも、フォントサイズが合わないだけで使えないのはちと惜しい。

あと、デフォの状態でほとんど事足りるってのも楽に感じた。
一般企業のサイトなんて、会社概要とか社長挨拶とか事業案内とかそんなもんでしょう？
そういうのはページ、新着情報は投稿記事にしちゃえばいいんだもんね。
投稿記事のカテゴリはもちろん、ページも親子にできるのが便利ですな。
プラグイン全然入れずにできるね。
Nucleusは色々入れなくちゃだし、MovableTypeは逆にテンコ盛りみたいな感じ？
WordPressのスッキリ感はとても好印象でした。

あとは各記事やページにあるコメントや日時なんかはいらないから、そういうのを表示させないようにチャチャッとテーマを修正すれば終了かな？
あと２～３日もあれば完成しそう。
あ～もっと早くからWordPressに手を出しとけば良かったなぁ。

先週からず～っとNucleusとニラメッコしてて、あーだこーだやって、結局ギブアップしちゃったのですが。
で、MODxで作り直すためにインストールしたのですが。

ＧＩＶＥ　ＵＰ！！！

現在最新の0.9.6.2だと文字化けするんですよ…orz
いろんなサイト見て果敢に挑んだのですが見事に撃沈。
0.9.6.3が出るまで待っててもしょうがないし。

む～～～ん。
じゃあMovableTypeで。

あ、ライセンス必要じゃん、法人だと。

ってことは残りはWordPressだぁね。
明日からWordPressに挑みます。

繰り返しますが、僕は不動産の営業です。
なんで毎日ＰＣの前に座ってるんだろう…。

Nucleusのdefaultテンプレートについて文句をブーたれた記事を書いてしまったわけで。

「じゃあお前はどんなの書くんだよ！？」

と突っ込まれる前に（笑）
Vicuna CMSに対応させた（？）shintata.comのトップページのテンプレート（MODx版）です。

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">



{{head}}



<body class="individual double">



<!-- ヘッダー -->

{{header}}

<!-- アフィ３ -->

{{affiliate3}}

<!-- アフィ３ 終わり -->

<!-- ヘッダー 終わり -->



<!-- サイドバー ＆ コンテンツ -->

<div id="content">



	<!-- コンテンツ -->

	<div id="main">



		<!-- アフィ４ -->

		{{affiliate4}}

		<!-- アフィ４ 終わり -->



		<!-- タイトル -->

		<h1>[*#pagetitle*]</h1>

		<!-- タイトル 終わり -->



		<!-- 本文 -->

		[*#content*]

		<!-- 本文 終わり -->



		<!-- アフィ４ -->

		{{affiliate4}}

		<!-- アフィ４ 終わり -->



		<!-- pieX スニペットコール -->

		<div id="piex">

			[!pieX?url=`http://feeds.feedburner.jp/shintatacom`&tpl=`piex_template`&error=`piex_error`&max=10!]

		</div>

		<!-- pieX スニペットコール 終わり -->



		<!-- アフィ５ -->

		{{affiliate5}}

		<!-- アフィ５ 終わり -->



		<!-- 背景処理 -->

		<div class="dummy">　</div>

		<!-- 背景処理 終わり -->



	</div>

	<!-- コンテンツ 終わり -->



	<!-- サイドバー -->

	<div id="utilities">



		<!-- サイドバー １ -->

		<dl class="navi">



			<!-- ナビゲーター -->

			{{navigator}}

			<!-- ナビゲーター 終わり -->



			<!-- アフィ１ -->

			{{affiliate1}}

			<!-- アフィ１ 終わり -->



			<!-- 検索 -->

			{{google_serch}}

			<!-- 検索 終わり -->



		</dl>

		<!-- サイドバー１ 終わり -->



		<!-- サイドバー２ -->

		<dl class="others">



			<!-- アフィ２ -->

			{{affiliate2}}

			<!-- アフィ２ 終わり -->



			<!-- フィード -->

			{{feed}}

			<!-- フィード 終わり -->



			<!-- track word -->

			{{trackword}}

			<!-- track word 終わり-->



		</dl>

		<!-- サイドバー２ 終わり -->



	</div>

	<!-- サイドバー 終わり -->



	<p class="return"><a href="#header">Return to page top</a></p>



</div>

<!-- サイドバー ＆ コンテンツ 終わり -->



<!-- フッター -->

{{footer}}

<!-- フッター 終わり -->



<!-- Google Analytics -->

{{analytics}}

<!-- Google Analytics 終わり -->



</body>

</html>

{{ほにゃらら}}というのはチャンク、Movabletypeのモジュールのようなもんですね。
サイドバーやコンテンツの中身もチャンクにしちゃえばもっと簡潔になるかな？
MODxってテンプレートが綺麗になるから素敵♪

MODx使いなら必ず見るであろうサイト　Let’s enjoy MODx がしばらく閉鎖とのこと。
困ったなぁ…。
リソース解説は解説本よりわかりやすかったのに。
randomizeで困ってたときもコミュニティフォーラムで親身になってくれたり。
む～～ん…。

ここ最近４つのCMSをいじくり回してるわけですが、なんだかんだ言ってもサイト構築にはMODxが一番いいなと思います。
「いいな」というのは僕自身にとってであって、他の人にとっては使い辛いと感じるCMSだとも思います…たぶん。

何がいいのかと言うと、「こういうサイトを作りたい」と考えたときに、それを一番イメージしやすいんですよね。
だって一般的なサイトってディレクトリ構造ですよね。
エクスプローラのようになってる管理画面、これが直感的にサイト全体を把握し易くしてくれるんですよ。

あとサイトレイアウトの融通が利くってのも。
こっちのページはこのレイアウト、そっちのページはそのレイアウト、柔軟性があるんですよね。
例えば車のサイトを作るとして。
同じサイトの中で、Ａ車に関するページはこのレイアウト、Ｂ車に関するページはこのレイアウト、それぞれ別のテンプレートをあてられる。
テンプレートの変更も管理画面で一発でＯＫ。
特に、一人じゃなくて数名で分担してサイト構築すること考えたら、これが出来るのと出来ないのとではかなり大きいと思うんですよね。

まぁそんなことはおいといて。
MODxで弱いなぁと思う部分は条件分岐。
Ａのときは表示、Ｂのときは非表示、っていう単純なことが難しかったりする。
（単純に僕の技術不足なだけですが…orz）

そこで活躍するのがヒキダスという会社が作ったMODx用条件分岐スニペットです。
これ、チョー簡単！チョー便利！
スニペットの設定も使い方もリンク先にあるので説明は省略。
MODxのいろんなサイト見回してもこのスニペットは取り上げられてないんですよねぇ。
簡単に導入できるから解説するまでもないのかしらん。

で、例によってこの簡単なことを難しくするのが僕なわけでして…。
リンク先の解説んとこにあるコードをそのままコピペすると使えないんです。

要約（introtext）が入力されていたら見出しとともに表示する。

[!StartIf? &var=`introtext`!]

<h2>要約</h2>

[*introtext*]

[!EndIf &var=`introtext`!]

こんなふうに書いてある。

EndIfの後ろに?がない！

全部ないんですよ。
この解説のページどころかスニペットコードの中のコメントまでない。
やられましたよ…。
これに気付くだけで数時間要しました。
StartIfと同じように、EndIfの後ろにもクエスチョンマークつけないと動きません。
なんでもかんでもコピペして使うのはいけませんね。

条件分岐はdittoとかPHxとか使えば良いのかもですが、このStartIf・EndIfは結構使いやすいので入れておいて損はないと思います。

人様に公開するサイトを作るつもりはなかったんですよ。
まだ誰にも知られてない超マイナーサイトですが…。
（アフィだけで生活できるくらいのサイトにしてやるっ！）

元々は勉強用サイトを作ろうと。
で、それはMODx使えば簡単にできるだろうと。
じゃあレンタルサーバー借りるかな？
じゃあドメイン取ろうかな？
ってな感じでスタートしたわけです。

で、ドメイン取った。
レンタルサーバー借りた。
MODxインストール。
う、動かねぇ！
頭の片隅で「やっちまったなぁ！」という声が何度も鳴り響きましたよ…。

作ろうとしてたのはこんなサイト。

document A(親)
└document B（子）
└document C（子）
└document D（子）

ドキュメントB～Dに問題と答えを用意。
問題と答えはE、F、G…どんどん増やす。
ドキュメントAでdittoコール、B以降の子ドキュメントをランダムに呼び出す。
ドキュメントAをリロードする度に違う問題と答えが出てくる。
携帯電話用にしとけば電車の中でサクサク勉強できる！
通勤中の無駄な時間を有効利用できる！
な～んて思ったんですよ。

しかし動かなかった。
その原因ってのはこれ。
MODxのrandomizeについて

こんなのが原因だとは思いもしませんでしたよ…いや、本当に。
原因が僕自身とはまったく関係ないし。

で、じゃあ他のCMS使ったらどうやるの？
じゃあそういうこととかブログで書いてみたらどうなの？
てなこと考え出したらいろいろやりたくなっちゃったわけです。
結局その勉強はそっちのけでサイトの作り込み…なんという本末転倒（笑）

でもちゃ～んとこのサイトに組み込まれてるんですよ。
どこからもリンク張ってませんけど。
アレを見ればURLがわかっちゃう…。

ちょこちょことWordPressをいじってみて、
「こいつは使える」
って思うようになってきた。
CMSに慣れてない人がブログを書くのに使うのも、超スペシャリストがガリガリ使うのも、オールマイティに対応する。
世界中で使われてるってのが良くわかりますな。

で、いじってみたのが改行について。
まず、RSSで配信される内容が改行されない。
ずらずら～っと１行で配信されてて見辛い。
そこでRSS Feedを全文配信にするカスタマイズ WP 2.2対応版を導入。
いま使ってるWPは現時点で最新の2.6.2ですが、きちんと改行されました。

あと、実際の記事の改行。
こちらは改行プラグインを導入。

Webサイトって本とは違うから、文字がたくさんあると読む気が失せますよね。
プラグインやAjaxを探してたまに海外のサイトとか見ると、画面いっぱいにアルファベットがあったりして頭が痛くなりそうになる（そうでなくても英語読めないのに！）。
読みやすくするためにも適度な改行スペースは必要だと思うんですよ。
でもまぁ上記２つを導入して読みやすくなったかどうかは読まれる方の判断なわけで。
ていうか、まだ読んでる人なんかいないってば…orz