ホームページ制作のアレ

記事の右上に表示していた日付を、カレンダーのようにしてみました。

カレンダーの元となる画像は、
http://www.smashingmagazine.com/2008/02/22/gallery-of-date-stamps-and-calendars/
ここに沢山あるので、頑張ってここにあるものと被らないように日めくりの画像を作成します。

こんな風になりました。

次に、日付の部分のソースを
<div class=”entry-date”><?php the_time(‘Y/m/d’) ?></div>
から
<div class=”entry-date”>
<span class=”entry-month”><?php the_time(‘M’) ?></span>
<span class=”entry-day”><?php the_time(‘d’) ?></span>
</div>
に変更。
※最初、<span>のところを<div>にしようとして失敗しました。divの「d」が、wordpressに「日」の引数 として判断されて、タグが崩れてしまったのが原因な気がします（深く調べなかった）

次に、css（弊社のは、オリジナルのテンプレートですので、クラス名やパスはお使いのテーマにそって変更してください)に、
.entry-date {
text-align: center;
color: #666666;
background: url(images/blog_date.gif) no-repeat right top;
height: 56px;
float: right;
margin-right: 15px;
margin-left: 15px;
}
.entry-date .entry-month {
display: block;
padding-top: 15px;
font-weight: bold;
font-size: 10px;
color: #999999;
width: 56px;
}
.entry-date .entry-day {
display: block;
color: #0096cc;
font-weight: bold;
font-size: 16px;
width: 56px;
}

こんな感じで書いてしました。で、完成。IE6とFirefoxで確認してあります。
こんなんで一時間くらいかかってしまいました。ホームページデザインの仕事の合間を縫ってwordpressの修行はまだ続きます。

さっきから、画像の挿入の動作がおかしく（画像の挿入ボタンをおしたら、ダイアログウィンドウが真っ白になる）、調べてみたところ、lolipopサーバーでwordpressを導入している方で、似たような事が起こっている模様。（XAREAのとは別の問題で、見て回った限りではこの問題に明確な解決法は見出せませんでした）

追記：lolipop以外のサーバーでも同様の問題が起こっています。また、「Firefoxなら平気」という書き込みもありましたが、弊社では、 Firefox、IE6ともにアウトです。

中には、「2.5にアップデートで解決します」という一年前の投稿がありましたが、このブログのバージョンは2.8.4であり… これはちょっと、次のバージョンがでるまでは、お客様にwordpressをお勧めするときはlolipopは避ける、という選択肢になってしまうかもしれません。

ちなみに、URLを直接打ち込みなら、当然表示されます。

なので自社用で使用している分には全然問題なし。

たまにはURLやTIPS以外に「ホームページ制作の仕事の姿勢、ポリシー」関連の事も書こうと思っているこのブログ、 本サイトにご訪問して頂いたお客様以外にも読んで頂きたいので、数箇所のpingサーバーに登録してみる事にしました。

リンクボタンは、どうせならオフィシャルのものを使おうと思ったので、まずADD Yahoo!ボタンを設置してみることに。
参考URLはこちら
http://my.yahoo.co.jp/s/guide/button/addtomy/index.html

しかしなんか、その後追加してみたボタンを並べたけど、どれもサイズが微妙に違う…やはり自作したほうがよいかもしれません。

とりあえづ、プレーンな感じのテンプレート（Wordpressではテーマと呼ぶらしいですが、どうにもMTの癖が抜けない）を作成し終わったので、これからすこしづつ改造してゆきます。

一回めは、「トラックバックURL表示BOX」を記事の下につけてみることにしました。
参考にしたURLはこちら
http://www.techdego.com/2007/03/wordpresstrackback-url.php
一発ですんなりできました（当たり前か）
条件分岐はMTタグのほうが理解し易いですが、wordpressもまた、別の方向での分かり易さがありますね。

http://wordpress.bowz.info/103

http://www.sky-s.net/sky-blog/archives/2008/08/19-012303.php http://ilovechibi.net/200903/182.html http://wpgogo.com/development/lightbox-gallery.html http://oneday.ter.jp/wordpress/287.html

Lightboxといえば、最近画像表示で使われるようになったオシャレなAjaxですが…どのへんまで自動化してくれるか、後でチェック。

http://shinonon-web.net/wordpress-plugins/google-maps-for-wordpress-japanese/

MTのほうで同じようなプラグインを業務に使用したが、住所を打ち込むだけでgooglemapsを貼り込んでくれるというのは、 更新を担当するお客様の立場にたって、かなり良いシステムだと思います。
ホームページ制作業を長くやっていると、「この程度の作業はなんでもない」と、つい錯覚しがちになるので。