Home > Archives > 2008-10

2008-10

WordPressすごい

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

感想

すごい

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

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

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

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

楽ワード

ギブアップ　パート２

  • 2008-10-21 (火)
  • MODx

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

ＧＩＶＥ　ＵＰ！！！

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

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

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

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

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

楽ワード

shintata.com　MODxのテンプレート公開

  • 2008-10-14 (火)
  • MODx

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ってテンプレートが綺麗になるから素敵♪

楽ワード

しばらく閉鎖とな！？

  • 2008-10-13 (月)
  • MODx

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

楽ワード

MODxで条件分岐

  • 2008-10-13 (月)
  • MODx

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

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

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

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

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

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

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

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

<h2>要約</h2>

[*introtext*]

[!EndIf &var=`introtext`!]

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

EndIfの後ろに?がない！

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

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

楽ワード

shintata.comを作ったきっかけ

  • 2008-10-12 (日)
  • MODx

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

元々は勉強用サイトを作ろうと。
で、それは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

楽ワード

pieX Ver0.7の導入

  • 2008-10-05 (日)
  • MODx

全体のRSSを修正したので、せっかくだから「最近の記事」というのを表示させたい。
まとめたRSSを取り込んで表示させれば良いわけで。

トップページはMODx、RSSの取り込みを行うpieXというプラグインを導入。
ところがあまり簡単に行きませんでした…orz

まずはサイトからプラグインをダウンロード。
で…？
解凍したフォルダの中にもzipがあって、どれをどうアップロードして良いのか？？？
サイトの説明は使い方のみで。
旧バージョンとLet’s enjoy MODxさんの解説ページを何度も見てようやくわかりました。

下記が手順です。

  1. ダウンロードした「piexv07.zip」を解凍
  2. その中の「simplepie_1.1.1.zip」を解凍
  3. [piexv07]フォルダの中の[simplepie]フォルダに[SimplePie_1.1.1]フォルダの中の「simplepie.inc」を入れる
  4. 「class.html2text.inc」「simplepie.inc」「simplepie_hatena.inc」の３つのファイルが入った[simplepie]フォルダをサーバー上の「assets/snippets」にアップロード
  5. MODxの管理画面で、リソース→リソース管理→スニペット→スニペットの作成
  6. スニペット名に「pieX」
  7. 最初に解凍した「piexv07.zip」の中に入っているpiex.snippet.phpをテキストエディタで開いて、中身を丸ごとコピー、そしてスニペットコードに貼り付け
  8. プロパティに
    &cache_enable=cache enable;text;true &cache_time=cache life time;text;60 &extclass=extend item class;text; &noitem=no item template chunk name;text; &dateformat=date format;text;%Y/%m/%d %H:%M &max=max items;text;10 &rows=pattern rows;text;0 &embed=embed property Chunk Name;text;
    と入れて保存
  9. テンプレートにスニペットコール
    [!pieX?url=`Feed Url`&tpl=`piex_template`&error=`piex_error`&max=3!]
    を追加

これでセットアップ完了です。
終わってからだと超簡単に思えるのに、実際の作業はボケボケでした…。

まず、「piexv07.zip」を解凍した中にある「simplepie」フォルダを使えば良かったわけです。
が、僕はなんと、[SimplePie_1.1.1]フォルダを[SimplePie]にリネームして使ってしまったんですよね。
スニペットの導入なんて楽勝～♪とか思ってサイトを確認したら、

simplepie not found

というメッセージのみの寂しい画面が…。
「へ？入れたじゃん！？」
もう一度アップロードして再確認しても変わらず…。
画面も頭の中も真っ白です。

悩むこと小一時間。

そしてあることを思い出しました。
数日前にNucleusでCustomURLを導入したときのことです。
「Nucleusって管理画面がhoge.com/nucleus/nucleusだけど、カテゴリーのリクエストURIにNucleusを設定したらどうなるのかな？」
hoge.com/nucleus/Nucleus…普通に表示されるんですよね。
で、カテゴリーのリクエストURIにnucleusを設定すると
hoge.com/nucleus/nucleus…こっちは管理画面が表示される。
「スペルの大文字と小文字って区別されるんだ～」
って妙なことを感心してしまったり。

その作業を思い出し、
「もしかして？もしかして！」
確認したら「SimplePie」でしたよ。
これを「simplepie」にリネームしたらアッサリ表示されました…バカ！バカ！

あと、スニペットのプロパティ。
piex.snippet.phpの中に記述されてるのをそのままコピペしたら、投稿時間の表示がおかしい。
で、サイトを確認したら、旧バージョンの方に

dateformatの分の記述がミスっておりましたので修正しました

って書いてあった…。
piex.snippet.phpの中の方はまだ変わってなかったようで。
作者さんにお知らせということでトラックバックなんぞしてみます。

楽ワード

WordPress

なんかWPって敬遠してたんですよ。
いままでMT使ってたので妙な対抗意識というか。
でもまぁちょうど良い機会だし、ちょっくら手を出してみるかな、的な感じで始めてみました。

まだ触りしかいじってないんですが…結構良いかも。
テーマとかすぐに変更できるし。

あと、なんと言っても小さくて速い！
MTと比較したら雲泥の差。
ファイル数こんだけ？
データーベースこんだけ？
再構築しなくて良いの？？？
すげ～！

でもそれは「ブログ」としてってところであって、サイト構築としてはどうなんだろう？って。
僕が求めてるのはCMSとして使えるかどうか。
法人のサイトを構築するにはそのテーマを自分で作らなくちゃいけないわけで。
特に僕が取り組んでいる「不動産のサイト」を構築することは可能なのか？
プラグインとか豊富だし、いろんなことができそうだなって期待感はあるんだけど…。
もしかしてPHP覚えないと難しい？

まぁどうせ他にも覚えなくちゃいけないんだし、いまはまだブログとしてしか使わないんだし。
気長にのんびり取り組んでみます。

楽ワード

MODx

  • 2008-10-01 (水)
  • MODx

MODxのことなのになんでWordPress使ってブログ書いてるんだよ！とか思ったりしたんですが。
まぁWordPressを覚えるためってのもあるし、それにMODxってブログを書くツールって感じじゃないんですよね。

その代わり、ブログじゃないサイトを構築するのは結構楽チン♪
MTしか知らなかった最初の頃は、どういう仕組みか理解するのに時間かかったけど。
頭の中でサイトマップを描くと、だいたいそのイメージ通りにできる。
修正も楽。
特に僕は不動産のサイトを作ってるわけで。
物件情報の追加、修正、削除、これがまた使い易くて良いんですよ。

バージョンが0.96、まだ未完成のシステムなのに、かなり使えるCMSだと思います。
まだスニペットの使い方とかわかんないことだらけだけど、サイト構築しながら覚えたことを忘れないようにここに書いてくつもりです。

楽ワード

Home > Archives > 2008-10

Navigator
shintata.comはコチラを利用しています
Search
Recent Entries
archives

Return to page top