Archive for 12月, 2009

wordpress:syntaxhighlighter

12月 28th, 2009 by q | No Comments | Filed in plugin, wordpress

wordpressをカスタマイズする上で便利なのがplug-inなんですが、
今回色々plug-inを追加する前にどうしても入れておきたかったのが
Syntaxhighlighterというソースコードをハイライト表示するplug-inでした。

こういうやつね。

your code here

早速インストールしてみたものの、ん?表示されない。。
なんで?ということでちゃんと有効になるまで色々検証してみました。

まずわかったこと。
・syntaxhighlighterには色々種類がある

そこでエラーがでたものも含め5種類のSyntaxhighlighterをインストールしてみました。
試したSyntaxhighlighterは以下の通り

google-syntax-highlighter-hf
SyntaxHighlighter Evolved
syntax-highlighter.2.0.2-1
syntax-highlighter-for-wordpress
syntaxhighlighter-plus

5種類試して全部表示されず、気付いたことがありました。
もっと早く気付けよ、おいってとこなんですが、次にわかったこと。
・wordpressのバージョンとの互換性がある

このwordpressのバージョンは2.9

そこでバージョンと試した5種類を照らし合わせ使いやすそうなものを絞り込み。

syntaxhighlighter-plus
SyntaxHighlighter Evolved

この2つはwordpressのバージョンを満たしていました。でもなぜ表示されない?

この時点で完全にSyntaxhighlighterに問題があると思い込んでたあたしですが、
Syntaxhighlighterが問題かどうかチェックしてないや。
ひとまず使用しているthemeをデフォルトに戻してみる

ほい!表示されるやん!
ええ?じゃあ原因はthemeか!

ということでそれを解消する方法。
themeのフォルダ内にあるfooter.phpに以下のコードを追記

<?php wp_footer(); ?>

参考:SyntaxHighlighter Evolved表示できず・・・

ほい、どうでしょう?
なんとsyntaxhighlighter-plusもSyntaxHighlighter Evolvedも
ちゃんと表示されるじゃないですか!
なーんだ、そんなことで。。

ちなみにこのページで使用しているのはsyntaxhighlighter-plusです。
actionscript3.0に非対応の為、SyntaxHighlighter Evolvedに切り替えました。
コードの記述例は[ ○○ ]コード[/○○]というだけ。○○には使用言語名を入れてね。

これで心おきなく使用できますね。


Tags: ,

wordpress:version

12月 27th, 2009 by q | No Comments | Filed in setting, wordpress

コネタ。
versionの確認方法:以下のディレクトリのファイルを確認すべし。

wordpress>wp-includes>version.php


Tags: ,

wordpress:one Directory

12月 25th, 2009 by q | No Comments | Filed in setting, wordpress

また小っちゃいこと2です。
wprdpressをインスコするとき、フォルダごとサーバーのディレクトリにコピーしますね。

デフォルトのままのフォルダ名を使用している場合、wordpressにアクセスすると、
http://www.qumk.net/wordpress
というアドレスが表示されると思います。

別に気にしないよーというひとはそのまんまでいいと思います。
何の問題もありませんから!でもちょっと待て。
http://www.qumk.net
にアクセスしてみると、404error 表示が!なんで?ってわけですよ。
調べてみると、
WordPressでindex.htmlが404になる問題
ワードプレスでindex.htmlとindex.phpをルートにリダイレクト
というエントリーを書かれている方が。

そもそも、http://www.qumk.nethttp://www.qumk.net/wordpressの中にはそれぞれindexファイルが存在しているのです。

http://www.qumk.net index.htmlを保有
↑当然こっちのファイルはwordpressで設定してないのでerrorになる。
http://www.qumk.net/wordpress index.phpを保有

どうせならトップページはhttp://www.qumk.net/wordpressよりも短くて覚えやすいhttp://www.qumk.netがいいんじゃね?

で、調べて見ました。

1,管理画面左サイドバー>一般設定>ブログのアドレス (URL)を書き換えます。
WordPress のアドレス (URL)はそのままで。こんな感じに。

one directory1
で、変更を更新してください。
(今見ても普通にhttp://www.qumk.netの方はerrorでます!)

2,http://www.qumk.net/wordpressのディレクトリ内にあるindex.php
http://www.qumk.netのディレクトリ内にコピーします。
3,http://www.qumk.net/wordpressのディレクトリ内のindex.phpのコード修正を行います。

require('./wp-blog-header.php');

上記を下記に書き換えます。

require('./wordpress/wp-blog-header.php');

ここでデフォルトのフォルダ名のままwordpressをinstallされなかった方はパスが変わるので注意!

4,このファイルをhttp://www.qumk.net/wordpressディレクトリ内に上書きすれば終了。

参考:WordPress を専用ディレクトリに配置する

うん、やっぱりアドレスは短い方がよい。


Tags: ,

wordpress:favicon

12月 25th, 2009 by q | No Comments | Filed in setting, wordpress

小さいことですがfaviconを付けました。
デザインもへったくれもないただの四角なんですが。

なんですが、faviconが必要な理由があります。

アタシは普段、webブラウザにfirefoxを利用しています。
そして仮想メモリ1.87GBを割り当てるくらいadd on大好きなひとなわけでして。
(カスタマイズしすぎてCPUも半端ないですが)

その中でもお気に入りのadd onがFaviconizeTab 1.0.1と言って、
複数のページをタブで開く際に任意でfaviconのみのタブ表示にできるというadd onなんです。
ちょうどこんな感じに

faviconizetab

それでですね、いつも複数のwebserviceを立ち上げながら作業しているわけでこれが大活躍なんですよ。
なのにfaviconがないと何のサイトだかわからないと。
そこで自分のqumk.netにもfavicon、つけてみました。

1,まず、faviconにしたい画像をfavicon japanなどの生成サイトでfaviconを作成。
2,作成した.icoをお好きなディレクトリに保存。(imgフォルダとかだとわかりやすいですよね)

注)ここで普通のサイトなら<head>と</head>の間に

<a href=”https://addons.mozilla.org/en-US/firefox/addon/3780″ target=”_blank”>FaviconizeTab 1.0.1</a>

を挿入でOKってとこなんですが、word pressは無理でした。

3,word press plug-inのfavicon-manager-wordpress-pluginをinstallします。

plug-inのinstall方法は

管理画面左サイドバー>プラグイン>新規追加>アップロード>任意の.zipファイルを選択

4,次にfavionを設定します。

管理画面左サイドバー>設定>favicons>Location >.icoのパスを入力

5,更新します。

さて、反映されてましたでしょうか。

これでfirefoxもごきげんです。

追記:
ここまではトップページのみfaviconを表示させている状態で、
全ページに反映させるには追加のplug-inが必要でした。
blog iconというplug-inを追加して、
設定画面サイドバー>プラグイン>blog icon>設定>faviconの部分に使用する画像を指定
(この場合.icoファイルではなく通常の画像ファイルを使用します)
指定したURLの下にicon画像が表示されればOKです。

なぜかこのblog iconはadminへのfavicon追加ができないみたいなので、先ほどのFaviconizeTab 1.0.1と併用するとちょうどすべてを補える感じになりました。


Tags: ,

wordpress:themes

12月 25th, 2009 by q | No Comments | Filed in themes, wordpress

着々と作業は進んでおります。
インスコしたword pressのデフォがかわいくなかったのでthemeをめっさ探してみました。

そんで行き着いた先がwordpressthemesbase.comという海外のサイト。

ジャンルによってカテゴリー分けしてあるものの、数がとても多い。

センスもけっこう好みなのですよ、例えば、

feather_English-Folder

appcloud

appcloud

こんな感じなのですよ。

個人的にあまり装飾ごてごてなものは好みじゃなく、minimal desighなものが日本ではウケないのかあまり見当たらなかったり。。

そういう点では海外のサイトはベストなんですよね。

その他参考にしたサイト:
無料で使えるWordPressテーマ 2009年 厳選100+
Free Themes Directory
30+ WordPress 3-Column Themes
Best Three Column WordPress Themes And More


Tags: ,

wordpress:install

12月 25th, 2009 by q | No Comments | Filed in install, wordpress

blog開設に当りとりあえず、オープンソースプログラムをどこまで(素人で)カスタマイズできるかやってみたく、word pressの導入を決定。

そんでついでに参考書も購入。

色々本屋で漁った結果、初心者向けでthemeのカスタマイズまで載っているということで購入。それがこちら。

正直なくても、わかるような丁寧すぎる解説な感じです。

インストールの手順から説明が掲載されているのですが、そもそも使用するサーバーによって設定は違うのでは?と思いつつ、アタシはドメイン取得したサイトがおすすめしていたレンタルサーバーhetemlヘテムル)高機能レンタルサーバーを完全受け売りのように契約。

今後の容量の算出とか何もやっていないがそれはその時になんとかしよう。

ということで、無事にword pressをインストールできたわけです。


Tags:

Hello world!

12月 24th, 2009 by q | No Comments | Filed in intro

hello,world!ということで、はじめてみました。

ここでの目的は
・日々のお仕事(お勉強含む)の記録
・個人的などうでもいい記録
のどちらかです。

ちなみになかのひとは
なまえ:q
ねんれい:20代
せいべつ:女子
しごと:web業界のひと
です。

どうぞお見知り置きを。

hello,hello,world!!


Tags: