happy 2KX

[wordpress] 移行してみました

ブログをMTからWPに移動してみました。
もう完全に動的生成のトリコに。

前までのブログのデザインがずっと嫌いだったので、今度はスッキリ。
エントリー毎のアーカイヴページは横のメニューを消して記事に集中させる、みたいな例のutabiさんのブログ(paaspek)のパクりをやろうと思ったけど急にめんどくさくなって挫折。
とりあえずまずは動かす事を先決にした。
まぁ結局次いじる時もまたデザイン変えるんでしょうが…。

そんなこんなで今回の変更に得意気に気になってたJava Scriptを1個試してみました。
結構有名な気もしますが、角丸を楽々に作ってくれるJava Script ・ niftycube.js (Nifty Corner Cube)です。
これはこのエントリーのボックスと、コメントのボックスと、右のメニューのボックスに適用してます。
ほんとはmootools(mootools)とかのAjaxライブラリから凄い角丸の奴(解説:jigelog)とか使ってみたかったりしたんですが、別にniftycube.jsで足りそうだったので。
しかし改めてサイトを見てみると…うーん涎モノです。
ちなみに解説は我的春秋さんがとても丁寧にされてるので、興味沸いた方はそちらを見た方がいい!

- 我的春秋: niftycube.js – 角丸効果 JavaScript ライブラリ

そしてWordPressについて。

まず噂のパーマリンク機能。
これはMODxにも入ってますが、不都合とか恐れずに思いっきり***.htmlにしてみました。
静的と見せかけて動的な所に熱い何かを感じます。
MODxでも***.htmlですね。
あ、不都合とか知ってる人いたら早めに教えて下さい。のちのち俺が泣きます。

んでこの際カテゴリーを廃止して、タグを使用可能にするプラグイン(Ultimate Tag Warrior)で完全にタグによるカテゴリー分けに移行したいと思うのですが、なんかタグクラウドが機能しない…。
(追記:無事機能させる事に成功しました)
一応記事の下には出てくるからDBには届いてるっぽいんですが…マニュアルが古いのかなぁ…一応日本語化されてる奴(UltimateTagWarrior 日本語版)引っ張ってきたしそんな滅多にテンプレートタグも変えたりしないと思うんですが。
慣れない事はするなって事かな!
あとホントどうでもいいけどUltimateTagWarrior 日本語版って書くとマジでゲームのタイトルみたいだ。

そんで最後にデザインについて。

というか俺の本職はデザインじゃないので、あんまり突っ込まないで欲しいと思います。
もちろん心の中でもダメ!と言いたいけどそれは難しい。でも出来るだけ思わないで欲しいです。

まずもともとのデザインがダメだったのと、意外と狭くって読み辛かったので、広くしました。
あと日付の表示をチョコっとオシャレに。これ簡単そうで意外と知恵を使いました。
単純に思いつかない俺がバカだったのかもしれませんけど、日付をそれぞれ別に表示させる方法がピンと来ませんでした。
これからこういう事をしたい!と思う人の為にここに記して置きたいのですが、今度そういうコードとか載せるのに便利なJavaScriptを導入するのでそれまで待っていただきたいです。

んでヘッダーを小さくしました。
無駄に大きいサイトが目立ちますが、この際デザインは諦めて記事の質で勝負するようなブログが書きたいです。
正直ボヤキ程度ならmixiでもいいわけですからね。「そういうのはmixiでヤレ!」みたいな。
それにヘッダーを地味にする事によって、記事に集中出来るわけです。…ってutabiさんのブログに書いてあって真似しました。
いや、地味にそういうのって大事ですよね。

んでアバウトな奴をメニューの一番上に。
いや、これって自分でカスタムしちゃってる人は付けて無い場合多いけど、初めて来る人にとっては意外とこういうの大事なんじゃないかな?って思ったりします。
キャッチとか付けたらなんかケバくなるし、だからと言って何も付けないと…ってなるような所にちょうどいいというか?
まぁ大した事書いて無いんですけどね。
そんな感じが俺のWPデビューというワケでした。
マルさんに早速「斜め線使い過ぎてヘボい」と罵られたので、ある日突然ユーザビリティーもアクセシビリティーもへったくれもない捻くれたデザインになってるかもしれませんが、それはまたその時ですね。
メニューの下の方にvalid XHTMLって書いてありますが、です。
しかし俺からXHTMLコーディングを取ったら、ただのたんぱく質の塊になってしまうのでこれはプライド(10gぐらいの)とかそういうのかけて直します。
しかし見られたら恥ずかしいな…。

Comments on: "[wordpress] 移行してみました" (1)

  1. テスト

Leave a comment for: "[wordpress] 移行してみました"

Tag Cloud