Nanigeni Blog

Movable Typeから引き継いだ記事ですが、一部でソースコードを紹介するものがありました。今までは「コードをハイライト表示 – Nanigeni Blog」で表示していたのですが、Word Pressでは便利なプラグインがあると聞きかじったので導入してみた。

iG:Syntax Hiliter 日本語版

MMRT daily lifeさんの「iG:Syntax Hiliter 日本語版」記事を参考にして作業。

プラグインのダウンロード

「ig_syntax_hilite_i18n_v3.5.zip」を自分のPCにダウンロード。

 ig_syntax_hilite_i18n_v3.5.zipの解凍

「ig_syntax_hilite_i18n_v3.5.zip」を解凍する。解凍結果は下記のとおり。

解凍結果

│  COPYING
│  GNU GPL.txt
│  MANUAL.html
│  READ ME.txt
└─ig_syntax hiliter pluginフォルダ
     │  syntax-hilite-ja.mo
     │  syntax-hilite-ja.po
     │  syntax-hilite-ja_EUC.mo
     │  syntax-hilite-ja_EUC.po
     │  syntax-hilite-ja_SJIS.mo
     │  syntax-hilite-ja_SJIS.po
     │  syntax-hilite-ja_UTF.mo
     │  syntax-hilite-ja_UTF.po
     │  syntax_hilite.php
     │ 
     └─ig_syntax_hiliteフォルダ

ファイルのアップロード

サーバにプラグインファイルをアップロードする。配置はこんな感じ、

wp-content
 │
 ├─plugins
     ├  syntax_hilite.php
     ├  syntax-hilite-ja.mo
     └─ig_syntax_hiliteフォルダ

 ダッシュボードから「iG:Syntax Hiliter」設定画面へアクセス。

インストール時に作成される「admin」ユーザ以外の管理者権限をもつユーザでWordPressにアクセスする。※adminユーザの場合は、iGSyntax Hiliterの設定画面でエラーが発生する。

ダッシュボード＞設定＞iG:Syntax Hiliterをクリック。

環境設定を行って「iG:Syntax Hiliterプラグイン」のインストールが完了。

 iG:Syntax Hiliterの使用方法

表示させたいソースコードを所定の形式で囲む。例えばhtmlの場合は［html］～［／html］で囲む（［］は本来は半角）

［html］
<div>
<span> </span>
<p>
～　内容　～
</p>
</div>
［／html］  

iG:Syntax Hiliterの表示例。
[html]

[/html]

Word Press導入後、デザインがデフォルトままでは味気ないので、まずはデザインのテーマを探しました。テーマ選びでのポイントは下記のとおり。

• ブログ内のメッセージが日本語で表記され、日付の表示形式等が日本の慣習にあってる物。
• 3カラムレイアウト。ウィジェットが使用できるもの。
• アイコンが適度に使用されていて、サイトのナビゲーションが分かりやすいもの。

Word Pressには、デザイン性に優れたテーマがWeb上で公開されていたけど、人気の高いテーマは海外製のものが多く、修正が必要ものが大半。（CSSの修正やPHP内のメッセージを修正するのは、難しくはないのですが。）　すぐに使えると感じたテーマをリストアップしてみた。

SandBox

配布先：SandBox

国際化対応済みのテーマ。日本語での表記にも対応。デザインは超シンプルだけど、このテーマをベースにしたテーマが複数公開されている。

SandPress

配布元：Clazh | Arpit Jacob — Tech & Design

SandboxのSkinテーマ。ビジュアル的なアイコンが多数使われている。カラフルな雰囲気になるので気に入っている。

wp.Vicuna Ext

配布元：wp.Vicuna Ext. – ma38su.sourceforge.jp

CMSテンプレートVicunaのWordPress用テーマ[wp.vicuna]の拡張バージョン。wp.vicunaでもskinが用意されており、cssデザインの変更が容易。Extではダッシュボードからレイアウトの変更やSkinの 変更が可能。HTMLのTitle要素なども簡単に変更でき、行いたかったWord Pressのデザインのカスタマイズは、このテーマの適応だけで済みました。

Movable　Type 3.36からWordPressへ記事を移行した。移行手順をメモ書きしておきます。

Movable Typeのエントリーを書き出し

メインメニューからブログを選択し、ユーティリティメニューの「読み込み／書き出し」をクリック。

エントリーの書き出しをクリックし、「【ブログ名】からエントリーを書き出す」ボタンをクリック。

MovableTypeのエントリーの内容がTxtファイルでダウンロードされるので保存する。

WordPressにファイルをインポート

ダッシュボードの管理タブを選択し、「インポート」をクリックする。

インポート元もブログの種類を選択する。一覧から「Movable TypeとType Pad」をクリックする。

自分のコンピュータからファイルを選択するの横の「参照」ボタンをクリックし、Movable Typeで書き出し、保存したTxtファイルを指定する。表示されたPathを確認して「ファイルをアップロードしてインポート」をクリック。

インポートした記事へ投稿者の割り当て

インポートする記事の投稿者を指定する。とりあえずMovable Typeと同じ投稿者名にしておく。ユーザを作成していない場合は、テキストエリアにユーザ名を入力。

「実行」ボタンをクリックすると記事が移行される。

積み残した作業

1. Movable TypeではCustomFieldsプラグインを使用してけど、カスタムフィールドの情報は移行できてない。
2. 「エントリータグ」の情報がおかしい。インポートされた記事を見るとMovable Typeの「キーワード」の情報になっちゃてる。
3. WordPressのURIが気に食わない。。

ってな感じなので、メインのブログのWordPress移行はもうちょっと先になりそう。

さくらインターネットのレンタルサーバーにWordPressを設置しました。

導入手順を簡単にメモ書きしておきます。

WordPressのダウンロード

 WordPressよりWordPress日本語版「wordpress-2.5.1-ja.zip」をダウンロード。

さくらのレンタルサーバの事前準備

WordPressの動作環境は

動作環境
WordPress 日本語版 2.5 以降

• PHP バージョン 4.3 以上
• MySQL バージョン 4.0 以上

さくらインターネットのレンタルサーバの場合、PHPとMySQLを使用するにはスタンダードプラン以上の契約が必要。

データベースサーバ（MySQL）の設定

WordPressのインストールに必要な情報は(1)データベースサーバ名、(2)アカウント名、(3)データベース接続パスワード。会員メニューから「コントロールパネル」に進んで「データベースの設定」をメモする。

WordPressの 設定ファイルの作成

WordPressの設定ファイルを作成し、データベースへの接続情報を記述する。

まずは「wordpress-2.5.1-ja.zip」を解凍する。wordpressフォルダに「wp-config-sample.php」があるので、このファイルを同じフォルダでコピーし、ファイル名を「wp-config.php」に変更する。

 MySQL 設定

作成した「wp-config.php」をエディタで編集する。

define('DB_NAME', 'アカウント名'); // データベース名
define('DB_USER', 'アカウント名'); // ユーザー名
define('DB_PASSWORD', 'データベース接続パスワード'); // パスワード
define('DB_HOST', 'mysqlNN.db.sakura.ne.jp'); // データベースサーバ 

・データベース名もアカウント名（HogeHoge.sakura.ne.jpのHogeHogeの部分）

・データベースサーバはさくらインターネットの場合は変更する必要がある　NNは数字が入る。

SECRET_KEYを変更する。

続けて、「wp-config.php」をエディタで編集。記載されているコメントに従って独自フレーズに変更する。http://api.wordpress.org/secret-key/1.0/ にアクセスすると秘密鍵が表示される。

define('SECRET_KEY', '独自のフレーズ');

テーブルの接頭語を指定

続けて、「wp-config.php」をエディタで編集。 複数設置する場合を考えてデフォルトから変更した。

$table_prefix  = 'wp01_';   // 半角英数、アンダースコアが使用できます。

 ファイルのアップロード

さくらレンタルサーバのスタンダードプランの場合、PHPはCGIモードで動作するので属性変更が必要。FTPソフトの設定で、アップロードしたPHPファイルの属性を「705」へ自動的に変更するように設定する。

wordpressフォルダ内の全てのサブフォルダとファイルをサーバーにアップロードする。アップロード先は例えばHogeHoge.sakura.ne.jpでブログを公開したい場合、wwwフォルダ。HogeHoge.sakura.ne.jp/blogで公開する場合は、wwwフォルダにblogフォルダを作成し、ファイル群をアップロードする。

インストーラの実行

ブラウザでアップロードした/wp-admin/install.php を開く。表示されたメッセージに従って操作する。もしエラーが発生するようなら wp-config.php ファイルをもう一度確認。

adminパスワードが自動的に生成され表示されるので、これをメモしておく。

ダッシュボードへログイン

インストーラがログインページを表示するので、ユーザ名 「admin」と、インストール中に生成されてメモした「パスワード」を使ってログインする。

WordPress へようこそ。これは最初の投稿です。編集もしくは削除してブログを始めてください !