ホームページ制作のアレ

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

カレンダーの元となる画像は、
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もまた、別の方向での分かり易さがありますね。

良く見ているサイトのひとつ、J-CASTモノウォッチがリニューアルしたが、 Firefox+NoscriptでJavascriptを禁止にした状態だと、レイアウトが一部崩壊しているようで（10/02現在）

いまどき「セキュリティ対策のためにJavascriptやActiveXはオフにする」なんてのは流行らないのかな、と改めて思った瞬間でした。

流石に仕事や研究で、どこの国のサイトでも見なくてはいけませんので、弊社のサーフ用ブラウザは頑固にNoscript基本ですが…

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を貼り込んでくれるというのは、 更新を担当するお客様の立場にたって、かなり良いシステムだと思います。
ホームページ制作業を長くやっていると、「この程度の作業はなんでもない」と、つい錯覚しがちになるので。

ロリポブログというのは、弊社がよく利用しているサーバ、lolipop.jpを契約したときに、無料で使えるブログサービスです。
とにかく「コーディングが異様に楽」なのが特徴でして、通常通りにHTMLで組んだあと、要所要所を専用の引数タグに置き換えるだけでブログテンプレートになってしまうという…まさにお手軽で素晴らしいブログシステムでした
(機能面ではさすがに、MT等には全然勝てませんので、いわゆるフツーのブログを作りたい人用でした）

この度、ロリポブログのシステムがリニューアルしまして、親会社が運営している「JUGEM」（これは有名ですね）と統合されるような感じになりました。
システム面ではなんら変更はなく、あいかわらず造りやすいのですが…新しくなったシステムの問題点が一つ

引数タグ{ad｝が削除できなくなった

つまり、広告が必ず表示されるようになってしまいました。
これだと、条件的に使用できない案件が多々あるかもしれません。
今後はMTか、このWordpressがメインになってゆく予感です。

元々、ホームページ制作業務で求められるBlogの案件では、Movabletype4、またはロリポブログを使用する事が多かったのですが、ロリポブログのシステムがリニューアルし、これまで通りに使えなくなってきたので、MTの競合相手としてWordpressを試すために設置しました。

今はまだ、テンプレート調整中で、デザイン力を売りにしている会社にしては情けない限りの状態ですが、空いた時間をみては、すこしづつ手を入れてゆきます。

あるお仕事（実績公開可の契約ですが、とある理由により公開しておりません）で、
Zen-cartのフランス語言語パックを導入する事になった時のお話です。
Zen-Cartは、デザインの実装関連はちょっと…いやかなり問題があるシステムなのですが、
（テンプレートの組み方の面倒くささが尋常ではない)言語パックというものを使えば、
簡単に多言語化できる、というのが大きなウリです。

で、実装までは簡単に言ったのですが…「フランス語に切り替えると、画像を拡大して
表示する、が動作しない」という問題が発生。

システムの隅から隅までチェックしたのですが、原因がみつからず、困っていたのですが…
客先の担当の方の一言で、原因があっさりわかってしまいました。

フランス語で「画像を拡大する」は「Agrandir l’image」なのですが、
imageの前の「’」、ここでJavascriptが止まってしまい、動作エラーを起こしていたのです。

結局、「’」を特殊文字で置き換えてやるだけで、あっさり解決してしまいました。
Zen-cartのフランス語言語パックを導入する際はお気をつけください。というお話。