WordPress Archive

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に手を出しとけば良かったなぁ。

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

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

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

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

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

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

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

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

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