practice Archive

3度目のHello,World!

PHPの勉強をしようと思い立ち、XAMPPを最初にインストールしたのが2007の3月。次に入れ直したのが同年9月。それから全く手をつけず、WorkにもHello!できないまま現在に至る。今度こそ始めたいです。

• 独習PHP 07.03.13
• WindowsにXAMPP1.6.3aをインストールする 07.09.08

わかりやすい解説ページはどこ？

「XAMPP　インストール」などと入れて検索すると、たくさん解説が出てきますが、上位に出てくるサイトは初心者にとってはわかりにくいと思いました。（自分の読解力が足りないだけかもしれませんが）定番の解説サイトのわかりにくいと思う点。

1. apache friends - xampp for windows - スクリーンショットが英語なのと説明が英文の和訳で直感的にわかりずらい。どの手順を選択していいのか迷う。
2. XAMPP - 開発環境一括インストール - phpspot - マニュアルとして一番に挙げられることの多いページ。解説は具体的かつ丁寧だけど、掲載されているバージョンが古いため現状とは合わない部分も出てきていると思う。
3. [ThinkIT] 第3回：5分でXAMPPをWindowsにインストール (1/4) - 2007年1月と比較的新しく説明もわかりやすいが、セキュリティについての解説がもう少し欲しいところ。
4. XAMPPでApache、MySQL、PHPを一括設定 - ［データベース］All About - 2008年5月と新しく説明もわかりやすいが、データベースについてのページなのでPHP開発のための解説はなし。
5. XAMPP - PukiWiki Plus! - 細かく具体的に解説があるのはうれしいが、項目が多く最低限の設定をどこまですればいいのかがわからない。専門用語が多いのも敷居が高い感じ。

Continue reading

データベースの接続エラーが発生

また、以下のようなDBのエラーが出てしまったので（誤って同じ名前のDBを2個作ってしまったせい？）一度削除し新たに作成しなおしてにしてついでにMTもアップグレードしました。

• CORESERVERでのMySQL接続エラー 発生から解決まで 08.05.24

dumpから復元

dumpを保存して中身の確認もせずにDBを消してしまったのですが、きちんとバックアップがとれてませんでした。どうもファイルサイズが小さすぎると思ったら。たまたま一週間ほど前のdumpが残ってて良かった。

Continue reading

前回の記事

• DiggクローンPliggを使ってみる - CORESERVERにPligg9.9.0をインストール→日本語化

公開できる環境が整ったら次にしたいと思うことは、スキンの変更や広告の挿入、アクセス解析の導入などでしょう。ひとまず広告を入れてみることにし、方法を調べてみました。すると、AdSense Revenue Sharingというモジュールを使うと楽に広告が管理できるらしいということがわかりました。

公式フォーラムに導入ガイドが投稿されていたので英語の勉強ついでに訳してみました。分からない部分は勝手な解釈で補完してます。つっこみはお手柔らかにお願いします。カッコ内や※印は私が入れた補足です。行数はバージョンによって微妙に違うと思います。

こちらが原文です。ガイドを書いてくださったjohntheentrepreneurさんに感謝します。

• EASY NO WORRIES PAINLESS adsense revenue sharing mod placement mod guide - Pligg Forum

Continue reading

前回の記事

• DiggクローンPliggを使ってみる - フォーラム登録とダウンロード

インストールの難易度ですが、WordPressやMovableType等を設置したことがある方なら簡単にできると思います。READMEの通り設定ファイルをリネームしてサーバーにアップロードすればあとはウィザードに従うだけです。

日本語化や細かな設定については、Junk Blogさんが非常に参考になります。わかりやすい解説をありがとうございます。

以下、Junk Blogさんの説明につけ加える形で書きます。

Continue reading

どこからダウンロードできる？

ソーシャルクリップサイトを作りたくてDiggクローンのPliggを試してみることに。インストールはわりと簡単なのですが、どこからダウンロードするのかがわかりにくかったため画像を使って説明します。

Pligg公式サイト（英語）

• http://www.pligg.com/

初期設定は英語ですが日本語化できます。ダウンロードにはフォーラムへの登録が必要です。

Pligg日本語版

英語が苦手という人は、バージョンが古めですがあらかじめ日本語化されたものもありますので、そちらからどうぞ。ダウンロードには問い合わせが必要です。

• http://www.cba-japan.com/opensource/2_pligg/

以下、画像が多いので注意してください。（重いです）

Continue reading

きっかけはトラブル

WordPressやMovableTypeについて調べるうち、いろんなところで「シェル」「ssh」「Telnet」「コマンド」などという言葉が当たり前のように語られているのを目にするようになりました。便利そうだけど「どうやってその画面を開くのか？」がわからないまま時は過ぎていきました。これまで特に困るような事もなかったからです。

そんな時、MySQLのトラブルに遭いました。

• CORESERVERでのMySQL接続エラー 発生から解決まで

TeraTermの導入

結局別の方法で解決したのですが、導入する良い機会になりました。導入も利用も、思ったより簡単でした。いうなれば、「オンライン版コマンドプロンプト」みたいな感覚です。

参考にしたのはこちらのページ。

• WindowsでのSSH利用方法 - 九州大学情報基盤研究開発センター

背景を黒にしてフォントを緑色にするとマトリックスっぽいです。

Continue reading

blockquoteで囲むほどでもないちょっとした引用をしたい時に使うq要素。こちらにスタイルが設定されていなかったのでしてみました。といってもblockquote要素に便乗するという超手抜きですが！mt-static/themes/style-xxxxxから1-element.cssをダウンロードしてきてblockquoteの指定部分に「q」を加えるだけ。

1-2. Font size setting

p,
q,
pre,
cite,
blockquote {
	font-size: 100%;
}

1-5.Text Module

blockquote,q {
margin: 2em 20px 2em 40px;
padding: 0.6em 20px;
color: #666;
background-color: #f5f5f5;
}

他にも追記用や注意書き用の要素を作ってスタイルを設定しておくと囲むだけで使えて便利そうですよね。色々デザインを考えるのも楽しそう。（blockquote　cssなどで検索するとサンプルがたくさん出ます。）

5/10　エラー発生

いつものようにブログを書こうと思ってMTの管理画面（mt.cgi）にアクセスした時のこと。以下のようなエラーが表示され、見られなくなっていました。

同じサーバーに入れている他のブログはどうだろうと思って見てみると、やはり同じようなメッセージが出て表示されなくなっていました。それが5月10日夜のこと。

応急処置

• MovableType - 検索などが使えなくなるものの静的HTMLなので一応は表示されるのはありがたいところ。index.htmlを直接書き換えてトップページにお知らせを出しました。
• WordPress - こちらは動的生成なのでページが表示されず。急遽お知らせ用のindex.htmlを作ってトップディレクトリに置きました。

エラーメッセージをそのまま検索したり、サポート掲示板を見るなどして解決方法を探します。いくつかそれらしい方法を見つけましたが、一時的なものかもしれないのでしばらく待ってみることに。同じサーバー（s59）の別の方も同じ件で困っているとの書き込みを見つけ、全体のことかもしれないと思ったからです。

Continue reading

ニュースを自動でブログに投稿したい

最近はまったく更新してませんが、ファッションに関するニュースサイトをやっています。ニュースの引用＋コメントというスタイルが多く、ひとつひとつエントリーにするほどでもないよなぁと思う事が多くなりました。そこで、いわゆる個人ニュースサイトのスタイル（日刊の羅列式）に切り替えようと思い立ち、方法を考えてみました。

イメージとしては音楽ニュースサイトのミュージックマシーンさんのような感じ。

• ミュージックマシーン

支援ツール等も出ていますがそれでもひとつひとつリンクを貼るのはけっこう大変です。もっと楽に出来る方法はないものか。探しているうち、del.icio.usの投稿を自動でブログに転載してくれる「daily blog posting」という機能があることを知りました。

実際にこの機能を使っているサイトの例。

• Links - コソの出来事

まさにこんな感じの事をしたいのです。しかし私がニュースをクリップしているのは「はてなブックマーク」。はてブにも似た機能がないのか探してみました。すると以下のようなスクリプトが配布されているのを見つけました。

Continue reading

• 前回の記事:Yomi-Search（ヨミサーチ）にスパム対策(1) - SpamRegistCheck導入

本家で配布されているプラグインを導入したものの、ほとんど効果がない模様。スパムには波があって来るときと来ないときがあるのですが、現在ビックウェーブが押し寄せています。なので別の対策を講じることにしました。

今回試したのはこちらの方法。

• Yomi-Search の Spam 対策 - インターネット研究室

とてもお手軽なので試してみて損はないと思います。効果は後ほど追記します。

08.05.05追記：一日で100件とかたまってたのがウソのように止みました。素晴らしい。

先日、スクリプトを何もいじっていないのに突然ランキングが表示されなくなり、トップページに以下のようなメッセージが出るようになりました。

Ｑl/count/data/cnt.cgi did not return a true value at pl/count/count_ys.cgi line 55. Compilation failed in require at pl/temp.cgi line 912.

そして、登録サイトからランキングへの投票リンクを押すと以下のようなエラーが。

Script Error

The script did not produce proper HTTP headers. Please see the error log to see the detail of the errors. Depending on the server configuration, you can also run thisscript under CGIWrap debugging. Usually, either rename or linkthe script temporarily to a file which ends with .cgidextension, or add a AddHandler cgi-script-debug .cgiline to your .htaccess file.

Continue reading

前回の記事:

• サーバー移転記 イントロダクション（さくらのレンタルサーバプレミアム→XREA＋→CORESERVER）

前回の記事からの続きです。最初に移転を経験したのがもう2年近く前の事でかなり忘れてしまっています。まずは概要のみ書き出すことにしました。SBM,メッセンジャーのログ,検索履歴,ブログ,mixi日記,メールなどを読み返しながら思い出してみます。こういう時googleデスクトップやウェブ履歴が役に立ちますね。

記事を読む上での注意

• まだ公開していないドメインはリストに入れていません
• 闇と消えてしまったドメインもあります（それはまたボツネタ集として記事にしたいと思います）
• 特筆すべきだと思う点については別途記事を書く予定にしています

Continue reading

• yomi-searchの登録者にメールを配信したいのですが。 - 教えて！goo

上記のように方法はいくつかあるみたいですが、今回はkenta999さん作の「メールアドレス抽出 ver0.2」というツールを使わせていただきました。

mailad.cgiの使い方

• S.E.A-検索管理人交流サイト-

1. 上記ページからスクリプトをダウンロードして解凍する
2. mailad.cgiをテキストエディタで開き必要な設定をする
   • ※今回の場合、メーラーを使って一括送信するため、「メールアドレスの区切り文字」は改行ではなくコンマにかえておきました
3. mailad.cgiをmailadというフォルダごとどこか適当なところにアップロードする（Yomiが入っている場所でなくてもいい）
   • ※mail.txtと***.logは勝手にできるので作る必要はありません
4. maildフォルダのパーミッションを777に、mailadcgiのパーミッションを755にする（自分のサーバーに合わせて）
5. Yomi-Searchのlogフォルダからys4.cgiをダウンロードする
6. ys4.cgiをmailadフォルダの中にアップロード
7. mailad.cgiにアクセスする　例)http://example.com/maild/mailad.cgi
8. メールアドレスがテキストファイルに書き出されるので、その場でコピペかFTPクライアントでダウンロードする
9. mail.txt（もしくはフォルダごと）を消す
   • ※そのままにしておくと第三者に中身を読まれる可能性があるのですぐ消します
10. BCCにてメールを送る
    • ※間違えて宛先やCCにしないように注意

前回のエントリーからの続きです。エラーが多いのは、負荷なのか詰め込み過ぎなのか単純にスペックが足りなかった（安かろう悪かろう）のか他に要因があるのかよくわからないのですが、今までどれだけ詰め込んでいたのかを晒します。

運営サイト一覧

※カッコ内は動かしているアプリ。カッコが特についていないのはWP

• album-furima.com（Yomi-Search/I-BOARD）
• enq.album-furima.com
• girls-fablog.com
• info.album-furima.com
• plastic-planter.com（MT）
• webmag.girls-fablog.com
• 未公開/非公開のWPが4つ
• 未公開のPukiwikiが2つ
• 未公開のXOOPSが1つ

Continue reading

このブログも含め自分の運営するサイト群につながりにくく、早くどうにかしないとと思っていたのですが、やっと新しいサーバーを決めました。夏に出て以来気になっていた同社上位プランのCORESERVER.JP。まずはお試し期間中様子を見て、大丈夫そうであればここに決めたいと思います。

比較表が掲載されたありがたい記事を見つけたので参考のために貼っておきます。

• CORESERVER.JP登場でサーバ環境に悩む（XREAとかさくらとか自宅とか） - creazy photograph

応急処置

エラーが多い原因をじっくり調べたいのですが、今は修正が先！まぁ、普通に考えて詰め込み過ぎだったのではと思います。大きくフリマ組（album-furima.com）とファッション組（girls-fablog.com）で分けられそうなので、一番負荷の高いアルバムフリマランキングから移動。あとのサイトはバランスを見ながらどちらに置くか決めます。

Continue reading

0.09UP

またまたビミョウですが、MT4.01→MT4.1にアップグレード。手順は前回と変わりないので省略。vicunaの適用は前回よりも簡単になっておりました。

これまでのアップグレード履歴

• MT4.0からMT4.01へのアップグレード　08.02.01
• MT4にアップグレードしてみました 　07.08.23

アーカイブマッピングの設定画面はどこに？

デフォルトのは長くて嫌なのでシンプルに。設定画面がテンプレートのほうに移動したんですね。

• MT4のアーカイブ/マッピング機能は？ - OKWave

設定は前回と同様。

• MovableTypeのアーカイブの階層を浅く　06.07.11

これからどうする

• マークアップがおかしいところ直す
• リンク切れを直す
• テンプレートをデザインする！
• タグをつけなおす

特に構造を理解する意味でもテンプレートはデザインしてみたいですね。

MT4.1から別途プラグインを入れなくてもインストールできるようになったのでほとんど意味がないとは思いますがせっかくメモしておいたのでひっかかった点を書きます。

Continue reading

0.01UP

前回のアップグレードからだいぶ時間が経っていたため、すっかり手順を忘れてしまっていました。一から手順を確認して慎重に作業。こちらのエントリーを参考にさせていただきました。

• MT4.01 へアップグレードしてみた - fakelife

こちらに、自分が迷った部分を書き足す形で書いていきます。

1、ディレクトリのバックアップ

まず、いままでのファイルをバックアップするところから。公式のマニュアルには以下のディレクトリをバックアップするように書いてあります。「...」のあとは筆者補足。わからなければ丸々バックアップをとっておけば間違いないでしょう。

• アプリケーションディレクトリ...mt.cgiやindex.htmlが入っている一番上の階層
• スタティックディレクトリ...「mt-static」というフォルダ
• ブログディレクトリ...今まで書いた記事が格納されているフォルダ（たとえば「archives」など）
• データベースディレクトリ...私の場合、MySQLを使用しているので別の手順を踏みました

参考リンク：ディレクトリの構成

他に、画像やドキュメントを入れているフォルダ（たとえば「images」など）も念のためコピーしておきました。

Continue reading

数ヶ月前からこんな症状に悩まされていました。

1. ビープ音（ビーっという音）が鳴る
2. 起動時にエラー画面が出てF1キーを押さないと起動しない
3. カレンダーの日付がズレる
4. mixiミュージックの履歴が反映されない

4はてっきりmixi側の不具合かなと思っていたのですがこちら側の問題だったようです。2～4はマザーボードのボタン電池を新しくすることで解決しました。日付がいったんリセットされるので日付と時刻のプロパティから改めて設定。

...が、ビープ音はまだ鳴ってしまうようです。この症状が一番不快なのでなんとかしたい。いかにもすごくこわい、不穏な音なんですよね。悲鳴のような警笛（エマージェンシーコール）。同じ理由で電話のベルも嫌い。電車の発車メロディみたいに楽しい音になればいいのに。

PHPの勉強のためにXAMPPを導入してみました。これさえあれば面倒な事ほとんどなしに環境を整えられます。自分が持っているテキストでいうと10ページ分はすっとばせます。実は半年前一度入れたのですが、Hello,World！で止まってしまっていました。むしろザ・ワールド。気持ちを入れ替える意味でも改めて入れ直しました。

XAMPPで検索するといくつかインストールガイドの記事が出てくるのですが、古いものが多いです。

比較的新しく、かつ説明が詳しいのがここです。

08.07.15追記:リンク先を修正

1. XAMPP　1.5.5 をインストール - PAOLOG
2. XAMPP 1.5.5 の設定 - PAOLOG

ここに書いてあるとおり実行しました。自分がひっかかったところは

1. Skypeでポートがふさがってる
2. セキュリティーチェックの画面のバグ

の2つでした。Skypeはあらかじめ切っておきましょう。あと、%XAMPP_HOME%\php\php5.iniという設定ファイルが見あたらなかったのですがそれでいいのかな。ひとまず初期設定まで。

新しいテンプレートの構造を理解するためにMT4用のものを適用させてみました。パーツが多くてテキストファイルからコピペするのがなかなか大変でした。小粋空間さんのテンプレートを使わせていただきました。

• Movable Type 4 テンプレート配布再開 - 小粋空間

以前のテンプレートをそのまま使用したいので、見た目はそのままでタグを書き換えたいと思います。

まずはドキュメントを印刷して読んでみました。

• Movable Type 4 のテンプレート構造 - 小粋空間
• Movable Type 4 のテンプレート構造（その2：MTInclude に着目したテンプレート関係図） - 小粋空間

if、elseなど軽くプログラムっぽい話が出てきてちょっと敷居が高く感じますが、覚えてしまえば便利そうです。同じ事は1度だけ書いてあとは呼び出すという合理的な発想。

次は以前のテンプレートのスクリーンショットを撮り、それをどう切り分けて新しいテンプレートに当てはめるかということを考えていきたいと思います。

家にプリントサーバがやってきたので設定しました。忘れそうなのでメモしておきます。似たような環境でマニュアル開くの面倒って人は参考にどうぞ。

環境

• 設定に使ったPC：NEC VersaPro J タイプVE VJ16M/EF-X（Windows XP HE）
• ルータ：corega WLBAR-54GT
• プリンタ：Canon LASER SHOT LBP-1810
• プリントサーバ：BUFFALO LPV-TX1

設定の手順

XPだとほとんど自動で設定してくれるのでやることはほとんどないです。下準備としては、あらかじめワークグループを作っておくことぐらいです。大体の流れは以下のような感じ。

• プリンタサーバーの設定方法　プリントサーバー試用記(２)

ここからは自分の環境での具体的な事例を。

Continue reading

前回までのあらすじ

• WordPressで建築士事務所のWebサイトをつくる

クライアントのプロフィール

• 関係：父
• 年齢：61歳
• 性格：合理主義（技術屋さん気質）
• 趣味：園芸、陶芸、料理、ベース演奏、JAZZ鑑賞、スキー、釣り、ゴルフ
• 服装：タックイン
• 嫌いなもの：香り付きティッシュペーパー

話すときに心がけていること

• サイトと呼ばずに「ホームページ」と呼ぶ
• Web、ネットと呼ばずに「インターネット」と呼ぶ
• ソフトの機能はMicrosoft Office等親しんでいるものにたとえて話す

ヒアリング内容

ヒアリングというとなんかカッコいいですが、実際は夕食の席で豚のしょうが焼きをモグモグ食べながら「どんなんがいい？」って聞いただけです。

Q、よそのHPを見ていていいなと思ったページは？

Continue reading

エントリーが100を越える

エントリーも増えてきたことですし作ってみました。

• Tagcloud - plastic planter

この一年何をやってきたかがなんとなく分かります。大体100エントリーあって、分類に1晩かかりました。（だらだらWebを見つつですが）1エントリーあたり3秒で判断。分け方テキトウです。

作り方

1. まずは以下の要領でページを用意。
   • MAQUEテンプレートカスタマイズ　Aboutのページをつくる - 2/3
2. あとは真ん中のエリアにタグを流し込みます。以下のエントリーを参考にさせていただきました。簡単便利！変えたところと言えば、ul要素の左側にborderが入っていたのでそこだけnoneにしたことぐらい。
   • MovableType 3.3 で Tag cloud を簡単に実装する方法 - pur*log
3. 私は必要ないと思ったので施しませんでしたが、SEO効果を考えるなら静的ページに変換したほうが良いそうです。
   • MovableTypeにタグクラウド(SEO対策済み)を設置する[to-R]

これからどうする？

おみくじみたいなものと考えれば良いのでしょうけど、分け方名付け方等色々考えてしまいます。先人のタギング考を拝見し、それを踏まえた上で自分なりの方法を一度しっかりと考えてみたいです。

mapがお鍋としたら、ナビゲーションをフタみたいにぴったりのっけたい時。

もしかしたらgooglemapsは関係ないかもしれませんが、ナビゲーションはclear:bothにしてあるにも関わらずこうなってしまうのです。IEだと大丈夫なのですが。

ナビとマップの間に<br clear=all>を入れると今度はIEでスキマが空いてしまったので、<div class="clear"></div>という風にブロックをもうひとつはさむことで対処しました。

参考

• 回り込み解除はどうする？ - Webfactory

そんな、事故ゼロ運動みたいなカスタマイズ。

• 仮登録申請サイト数を任意のページに表示する。
• 全登録サイト数を任意のページに<img>タグで表示する

08.04.16追記:現在Yomi-Search FAN!が閲覧できない状態なので、復活するまでキャッシュにリンクを張り替えておきます。

今回試したのはこちらの方法。

• YomiSearch::SpamRegistCheck[スパム登録制限機能] の解説ページ

改造してあるので修正する方向で。どこの行かがわからなかったため以下の方法で場所を当てました。

• 修正するファイル、追加するファイルを両方テキストエディタで開いて並べる
• 追加するファイルの方を「<!-- add SpamRegistCheck -->」で検索
• add SpamRegistCheckの真上の行の文字列をコピー
• 先ほどコピーした文字列で修正する方のファイルを検索（これで場所を当てる）
• 当てた行の下にコードを入れる

というのを繰り返して修正完了。結果、何事もなかったようにスパムが... :-(　設定間違ってる？バージョン古いから？それとも効果なし？ひどいようであれば別の方法も施してみたいと思います。

レバレッジ・リーディングの本を読んでないのにレバレッジ・リーディングだというのもおかしいですが、一応意識して本を読んでみた反省を書きます。

環境・心構え

この読み方は、はじめから終わりまでいつもいつも"構えて"読まなければいけないので、「ちょっとPCに疲れたから本でも読むか」的な時にはやめた方がいいかも。少し気を抜くと木を見て森を見なくなってしまいます。時間帯としては一番疲れが回復している朝がベストではないでしょうか。姿勢も最低うつぶせで上体を起こせるぐらいの気力と体力がある状態が望まれます。（文庫本なら横向きでもなんとか）

かといって今は疲れてるからダメだと言っていたのではいつまで経っても読めないので、一回目は流し読みでいいやぐらいのあきらめも必要かもしれません。

線を引きながら読む

陥りがちな罠ですが、「大事な部分が大部分」になってしまって本が線だらけになってしまいました。どれぐらいの割合かというと、前書きやインタビューも入れて18章ほどある本のうち、一節（一番小さい小見出し）に対してそれぞれ2行ぐらい線を引いた部分がありました。これではどこが重要なのかわかりません。

国語の問題でよくある「筆者の言いたいことはなんですか？」というヤツはこういうところで力を発揮するのですね。

Continue reading

一枚の.txtがリング

利用規約のページを作らなくてはならず、ちょうどいい機会なのでテンプレートを使わずに1から組み立ててみたいと思います。まずは他ページとの関連性は考えずに1ページ作ることのみを考えて作っていきます。テキストは用意できている状態からです。

レイアウトを考える

規約ページですからシンプルに一カラムに。ヘッダー、コンテンツ、フッターと3つのエリアに分けることにしました。

HTMLのバージョンを選ぶ

本体のHTMLは思いっきりテーブルレイアウトですが、それは置いておくことにします。無難なところでXHTML1.0で書くことに決めました。

XML宣言について決める

一度UTF-8で宣言を入れてみたのですが文字化け。「サーバーから文字コードが送信されるようにしておけばXML宣言はなくても問題ありません」とのことですが、よくわからないので（あとで調べます）ブラウザの判別に合わせShift_JISを入れることにしました。

<?xml version="1.0" encoding="Shift_JIS"?>

DOCTYPE宣言

やはりここは硬派にStrictで。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

html要素に属性を指定する

最上位要素であるhtml要素に属性を指定します。

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

Continue reading

使ってる人だれもいなくなるまで

このブログのテンプレート＋スキンを使い始めて1年以上。すでに後継バージョンができ、サポートも終了してしまいましたが、気に入っているのでしばらくは使い続けたいと思っています。

設置したばかりのころcite要素にスタイルを設定したのですが、やっぱイタリックはカッコ悪いなぁと感じたので、フォントスタイルはnomalにして、右寄せにすることで引用というのがわかりやすいように変えてみました。

一年前の変更

• cite要素にスタイル設定

今回の変更

cite {
              display: block;
              color: #778899;
              font-size: 80%;
              font-style: normal; 
              text-align: right;
}

h5 {
	font-size: 80%;
	margin: 0.9em 0;
	clear: both;
}