タグ: テーマ
コードを表示させる – 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]修正するのも大変だし。
でもまだ他のプラグインも気になってるから過去の記事を修正するのはやめておこう。
Copyright(コピーライト)を更新しよう
Posted on 2009年01月4日 | 7 Comments|
新年ということで、ブログのCopyrightを変更した。
なんと、今日の今日まで
「Copyright (C) 2007 Yuina All Rights Reserved.」
となっていたのだ。
ブログ開設以来一度も気付かなかったのかよ…。
うっかり( ゚Д゚)
WordPressのテーマファイルが以前作ったものを元に作り直してるもので、
footer.phpの中を見直してなかったんだよね。
こういううっかりをなくすためには、利用中のWordPressテーマのコピーライトを
[php]© [/php]
なんてしてみると、
© 年 サイトタイトル
と表示されるようになる。
使用しているテーマのfooter.phpを開いて、コピーライトの部分を変更するだけの簡単な作業なので、ちょいちょいっと修正した。
様々な文字コードに対応できるテキストエディタ
Posted on 2008年11月15日 | 様々な文字コードに対応できるテキストエディタ はコメントを受け付けていません|
あたしが使ってるオススメフリーソフトシリーズ第二弾。
(いつのまにかシリーズ化w)
WordPressのテーマファイルをいじる時とか、CGIをいじる時とか、
文字コードの関係でメモ帳では困る時がある。
UTF-8にしないといけないとか、EUCにしないといけないとか…。
そんな時に便利なテキストエディタ↓
TeraPad
http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html
とってもシンプルなんだけど、使い勝手は抜群。
行番号、桁ルーラー表示、IME再変換、画面分割、印刷とプレビュー、 D&D編集、Undo/Redo、HTML/Perl/Ruby/INI/BAT/C++/Java/HSP/Delphiの各種編集モード、 矩形選択、TAB/空白/改行/[EOF]のマーク表示、 漢字/改行コードの自動認識、外部プログラムの起動、排他制御、標準入力の取り込み、 WWWブラウザでのプレビュー、引用行/URL/メールアドレスのカラー表示など。
基本的なテキストエディタの機能は揃っている。
あたしはphpとかcgiはこれで編集してる。
普段ちょっと立ち上げるメモ帳もTeraPadを使っている程。
これがあればWindows標準装備のメモ帳とかワードパッドはいらんw
TeraPad用のツールも多数あって、自分の使いやすいようにカスタムできる。
メモ帳のふりをさせるツールとかいい感じ。
ヘルプサイトもあって、読んでみるとまだまだ知らなかった機能が沢山あった。
奥が深いソフト。
なんとこのソフト、フリーなのに本まで出ている。
かなり有名みたいだ。
様々な作業でフリーソフトを使っていると言うと、
同業者からはたまに馬鹿にされることがあるんだけど、
フリーソフトも凄いんだぞー。と。
スタイルシートの作成に便利なフリーソフト
Posted on 2008年11月14日 | 1 Comment|
あたしはhtmlの作成にはDreamweaverを使ってるけど
スタイルシート(css)の作成はフリーソフトでやってる。
Dreamweaverだとタグをちゃんと把握してないと作れないけど、
ほぼクリックだけでW3Cに準拠した正しいスタイルシートが作成できてしまう素敵なソフトが無料で存在する。
あたしの使ってる便利なソフトを紹介。
「STYLE NOTE」というhtml/cssエディタ。
http://www.wht.mmtr.or.jp/~riki/
idやclassを作ったら{}の中をクリックすると右側に項目がずらり。
必要なものを選択して入力するだけの簡単操作。
タグ打ちでありがちなスペルミスともおさらば♪
カラーセンサーやリンクセンサーなどの機能で、
WordPressテーマのようななが~いCSSの中から修正したい場所を探すのにも便利。
このブログで使ってるテーマのCSSを開くとこんな感じ↓

↑クリックで拡大
勿論htmlも作れる。
でもスタイルシートの作成が抜群に便利かな。
サイトに繋がらない時はVectorからダウンロードできます。
IE7が入ってるパソコンにIE6を入れる
Posted on 2008年10月31日 | IE7が入ってるパソコンにIE6を入れる はコメントを受け付けていません|
テーマファイルをぐりぐり変更しています。
IE6に対応させようと思ったんだけど、さてできているのか…。
まだレイアウトおかしいよーってところを見つけた方はご一報下さい。
あたしのパソコンにはIE7がインストールされている。
なんとかIE6も共存できないかと調べてみたところ、IE6のStandaloneを入れればいいと発見。
http://browsers.evolt.org/?ie/32bit/standalone
↑ie6eolas_nt.zipをダウンロード。
他にIE5とかIE4もある。
注意点としては
IE7と一緒に起動するとレンダリング性能などがIE7になってしまうので、
必ずIE7を終了してから、IE6を起動すること。
起動してみるとなんとなくIE6だろうと思われる表示が確認できる。
が。
このブログを読み込むことができない…orz
右サイドバーの途中でエラーが出てしまって読み込みが中断される。
無念。。。
というわけで、未だIE6で動作確認できていないこのブログ。
おかしなところを発見した方、どうぞ教えて下さいm(_ _”m)ペコリ
備忘録にテーマファイルの修正点。
◆全体的に幅を広げた。(870px)
◆左サイドバーを170pxに、右サイドバーを200pxに変更。
◆サイドバーのmarginを解決できなかったので
*htmlの幅(IE6用)を375pxに変更。
この状態でIE6のStandaloneと「Check Browser Compatibility,Cross Platform Browser Test – Browsershots」で確認したところ、サイドバーが丸ごとメインカラムの下に落っこちてる状態からは脱した模様。
ただし左サイドバー(黄色い方)が表示されない。
単に読み込みに時間がかかりすぎて中断されてるだけならいいのだけど…。
最後になりましたが、動作確認と修正にご協力頂いた国際結婚SEさんに心からお礼申し上げます。
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
お知らせ
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
アンケート実施中♪
第一回目は「キュウリのみそ汁は”アリ”?”ナシ”?」です。
ご参加お待ちしてます♪




