タグ: CSS
コードを表示させる – PHP Hilight String
Posted on 2009年02月3日 | 4 Comments|
WordPressでPHPなどのコードを表示させたいときに、
<>を全角で書くなんていう手段でやっていたのだけど、
やっぱりコピペで使える状態で表示させたいなと。
そんなわけでコードを表示させられるプラグインを探してみた。
今回試したのはPHP Hilight Stringプラグイン。
(プラグインに表示されてる名前は「PHP Highligh String」、プラグインのホームページに書いてある名前は「PHP HilightString」。スペルが違うけども、どちらが正しいのかは不明。)
ダウンロードしたzipをそのままブラウザアップロードで
インストールまでやっちゃおうとしたんだけど失敗。
解凍してプラグインディレクトリにFTPでアップロードしたら大丈夫だった。
一緒に入っているhighlight.cssを開いて、使用中のテーマのstyle.cssにペースト。
これをやらないとスタイルが適用されないので注意。
ハイライトされる色はここを自由に変更できる。
[code lang=”言語”]表示したいコード[/code]
と記入することでコードが表示される。
([]は半角で)
言語(phpなど)は必ず小文字で記入すること。
色分け可能な言語は
php,cpp,css,diff,dtd,javascript,mysql,perl,python,ruby,sql,xml,java
で、色分けが必要ないときは
[code]表示したいコード[/code] ([]は半角で)
だけ記入すればOK。
行番号を付けたいときは、
[code lang=”言語” -数字]表示したいコード[/code] ([]は半角で)
と、始めたい行番号を指定する。
0にすると行番号は表示されない。
今回このプラグインを選んだのは、アップロードして有効化するだけで使える簡単さと、スタイルを簡単にいじれるから。
コードを表示させられるようになった筈なので、早速少し前の記事を修正してみた。
(フィードに新しくない記事が配信されてるのはそのせい)
無事に半角<>も表示されて、コピペで使えるようになった。
ふと思ったのだけど、このプラグインでコードを表示させるように記事を書いたら
もう他のプラグインに乗り換えできないな。
プラグインを削除したら[code][/code]の中身が消える予感…。
他のプラグインに合わせて全記事さらって[code]修正するのも大変だし。
でもまだ他のプラグインも気になってるから過去の記事を修正するのはやめておこう。
お気に入りのFirefoxアドオン – その4
Posted on 2009年02月1日 | 9 Comments|
その1、その2、その3と18個紹介したのでその続きの5個。
この記事で今入れてるFirefoxアドオンの紹介はひとまず終わり。
今回のシリーズで全23個のFirefoxアドオンを紹介できた。
また新しいアドオンを見つけてきたら紹介するかもしれないけどね。
ちょっと1個ネタっぽいものが混じってるけど(・ε・)キニシナイ!!
お気に入りのFirefoxアドオン – その3
Posted on 2009年01月31日 | 9 Comments|
その1、その2とで13個紹介したのでその続き。
今回はインストールしているFirefoxアドオンを5つ紹介。
予定では今回のその3で終わるはずだったんだけど、
あんまりにも導入してるアドオンが多すぎて、その4に続くことが決定。
ダウンロード補助とか、各種ツールバーとか、java動かすためのものとか、
わざわざ紹介するようなもんでもないだろうってものは除いてるんだ。
これでも。
ってか、あたしの入れてるアドオンってweb制作関連が殆どなのね。
ずらずら列挙してみて気付いたよ。
お気に入りのFirefoxアドオン – その1
Posted on 2009年01月27日 | 14 Comments|
軽くて快適Firefox!
自由自在にカスタムできるFirefox!
サイト制作に便利なFirefox!
めちゃめちゃ大好き!Firefox!
というわけで、インストールしているFirefoxアドオンを紹介してみる。
たーくさんあるのでシリーズ化してしまおうという魂胆。
本日はまず9個。
Windows XP標準フォントカタログ
Posted on 2009年01月8日 | 10 Comments|

スタイルシート(CSS)でフォントを指定したいけど、
Windowsに標準で入っている(筈)のフォントってどれだっけ?
という時に役立つかもしれないリストを(自分のために)作っておく。
ちなみにWindows XPが前提。
Macユーザーにも見えるように画像で作ったので、ちょっと重いかもしれない。
Windows Vista版とかMac版の制作予定は今のところなし。
(っていうか無理。)
ここにリストアップするものだけでなく、多分もっといっぱい標準で入ってると思うけど、
一応安全そうなもののみ掲載。
日本語が表示できなかったものは除く。
欧文フォントを含む。(※欧文フォントについては文末へ)
Safariでは漢字が入ったフォントファミリー名は認識しないとか、
そういうブラウザ依存の部分は知らなかったことにする。
行間調節をしてないので、もの凄く文字が重なっちゃったりするフォントもあり。
アンチエイリアスをオフにしたgif画像でどうぞ。




