CoreserverにWordpressをインストールする上でとても厄介なのがPHPのセーフモードの問題なのです。
（問題としては、ファイルの書き込み権限が無い為に、インストール作業をWebから自動的に行えなかったりします）

 インストールする上で一番簡単な方法は、「全てのPHPをCGIモードで動作させセーフモードをオフにしてしまう」という方法です。

手順は過去の記事、「XREA.com、CoreserverでのCGIで動作させる為の、.htaccess設定」に記述してありますので参考にしてください。
（この方法だと全てのモジュールがCGIモードで動作するので多少動作が遅くなります）

今回のインストール方法は、必要なPHPファイルのみをCGIモードで動作するように設定し、不必要なモジュールのCGIモードでの動作をさけて、なるべく動作を軽くWordPressをインストールすることを目的としています。

では、インストール作業手順の説明です

CoreserverにWordPress用のデータベースを作成しよう

まずは、WordPressで使用するデータベースをCoreserverに作成していきます。

1. Coreserverのコントロールパネルを開きます。
   すると下の画像の画面が表示されます。
   その中からデータベースと書いてある部分を見つけクリックしてください。
   
2. 次に下のようなページに遷移しますので、画像の中の赤い丸で囲んである「１」「２」「３」の箇所を埋めてください。
   １：データベース名
   ２：パスワード
   ３：文字コード（UNICODEを選択してください）
   
3. 「１」「２」「３」を埋めたら右にあるラジオボタンを選択してから作成ボタンを押下します。
   すると以下のような画面に遷移し、データベースが作成されます。
   （作成までには時間がかかる場合があります）
   

これで第1関門のデータベースの作成は完了です。

次は、WordPressのインストール作業に移っていきます。

WordPressのインストール

1. 日本のWordPressのサイトから「こちら」から最新版のWordPressをダウンロードしてきます。
2. ダウンロードしてきたWordPressの圧縮ファイルを解凍してCoreserverのインストール対象フォルダに全部アップロードします。
   （本当はいらないファイルもあるけど面倒なので全部アップしちゃいます）
3. WordPressをアップロードしたのと同じフォルダに以下の内容で.htaccessファイルを作成します。
   （セットアップ、テーマの修正、プラグインの修正、ファイルのアップロードに関わるモジュールのみをセーフモードをオフにしています）

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

   <Files setup-config.php> AddHandler application/x-httpd-phpcgi .php </Files> <Files plugin-editor.php> AddHandler application/x-httpd-phpcgi .php </Files> <Files theme-editor.php> AddHandler application/x-httpd-phpcgi .php </Files> <Files upload.php> AddHandler application/x-httpd-phpcgi .php </Files> <Files async-upload.php> AddHandler application/x-httpd-phpcgi .php </Files> <Files io.php> AddHandler application/x-httpd-phpcgi .php </Files>   php_flag register_globals Off php_flag display_errors Off php_flag log_errors On   php_value default_charset UTF-8 php_value mbstring.detect_order UTF-8,auto php_value mbstring.language Japanese php_flag mbstring.encoding_translation on php_value mbstring.internal_encoding UTF-8 php_value mbstring.http_input auto php_value mbstring.http_output pass php_value mbstring.substitute_character ?   <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule>

4.  wordpressをアップロードしたフォルダにウェブブラウザでアクセスすると以下のような画面が表示されます。
   
   この画面が表示されたら、「wp-config.phpファイルを作成する」ボタンを押下してインストール処理を継続します。
   表示されない場合は、アクセスしているフォルダが違う可能性がありますのでアップロードしたフォルダとブラウザのURLを再度確認してください。
5. 次に以下の画面が表示されるので「次に進みましょう！」ボタンを押下して次の画面に進みます。
   
6. 次の画面では、WordPressで使用するデータベースの情報を設定できるようになっています。
   
7. 「データベース名」「ユーザー名」「パスワード」を先ほど作成したデータベースの内容で設定します。
   
   「データベースのホスト名」は「localhost」、「テーブル接頭辞」は「wp_」のままで構いません。
   （セキュリティの為、一部画像をぼかしています）
   設定できたら「作成する」ボタンを押下します。
8. WordPressで使用するテーブルの作成に成功すると以下の画面が表示されます。
   表示されない場合は、どこか間違っているので見直してください。
   
9. この画面では、ブログのタイトルと管理者のメールアドレスを設定します。
   
     「ブログタイトル、メールアドレス」ともに入力できたら、WordPressをインストールを押下します。
10. インストールに成功すると、ユーザー名とパスワードが表示された画面に遷移します。
    
    ここで表示されている「ユーザー名」「パスワード」はログインする時に必要ですのでメモしておいてください。
11. 「ログイン」ボタンを押下するとログイン画面に遷移します。
    
12. ここで先程メモしておいたユーザー名とパスワードを入力し「ログイン」ボタンを押下すると、ログインに成功しWordPressの管理画面が表示されます。
    （セキュリティの関係上、adminユーザーは削除したほうがお勧めです）
    
13. これでWordPressのインストール完了です。
    あとは、色々と試してください。
    プラグインの中にもセーフモードのせいで動作しないものも出てきますので、その都度必要な場合は.htaccessを書きなおしてください。

これでWordPressが楽しめます

思いっきり楽しい、ブログを書いてみてください

これは、ある特定の場合に発生していることが判明しました

1. IE以外のブラウザを使用している。
   （FireFoxなど）
2. preタグの中でspanタグを使用していて、そのspanタグの中で改行コードが使用されている
   （ソースコードの整形の為のシンタックスハイライトを行っている場合に良く発生します）

この条件がそろうとFCKEditorで「ソースモード」と「WYSIWYGモード」を切り替えているとpreタグの中のspanタグの中にあった改行コードがなくなってしまいます

原因を調査した結果以下のことが判明しました。

1. FCKEditorでは、preタグ直下の要素の改行はそのまま改行と判断し、残します。
2. preタグ以外のタグの中でbrでないただの改行コードがあった場合、半角スペースに置き換えます。

となるとpreタグの中に別のタグがあった場合、別のタグの要素として判断され改行コードを半角スペースに置き換えてしまいます。

ということは、preタグの中のspanタグの中の改行コードは、半角スペースに変更されてしまうということです。（spanタグの中の改行コードと判断される為）

なのでこれを対策する為にFCKEditorのコアファイルに修正を加えました。

修正内容）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

*** original/fckxhtml.js	2008-10-07 13:52:24.000000000 +0900
--- fckxhtml.js	2009-02-12 09:47:39.000000000 +0900
***************
*** 189,195 ****
  			// This is a workaround for the Gecko bug here: https://bugzilla.mozilla.org/show_bug.cgi?id=92921
  			if ( FCKBrowserInfo.IsGecko
  					&& htmlNode.tagName.toLowerCase() == 'br'
! 					&& htmlNode.parentNode.tagName.toLowerCase() == 'pre' )
  			{
  				var val = '\r' ;
  				if ( htmlNode == htmlNode.parentNode.firstChild )
--- 189,199 ----
  			// This is a workaround for the Gecko bug here: https://bugzilla.mozilla.org/show_bug.cgi?id=92921
  			if ( FCKBrowserInfo.IsGecko
  					&& htmlNode.tagName.toLowerCase() == 'br'
! 					&& (
! 						htmlNode.parentNode.tagName.toLowerCase() == 'pre' ||
! 						( htmlNode.parentNode && htmlNode.parentNode.parentNode && htmlNode.parentNode.parentNode.nodeName.IEquals( 'pre' ) )
! 					 )
! 			)
  			{
  				var val = '\r' ;
  				if ( htmlNode == htmlNode.parentNode.firstChild )
***************
*** 270,276 ****
 
  		// Text Node.
  		case 3 :
! 			if ( htmlNode.parentNode && htmlNode.parentNode.nodeName.IEquals( 'pre' ) )
  				return this._AppendTextNode( xmlNode, htmlNode.nodeValue ) ;
  			return this._AppendTextNode( xmlNode, htmlNode.nodeValue.ReplaceNewLineChars(' ') ) ;
 
--- 274,283 ----
 
  		// Text Node.
  		case 3 :
! 			if (
! 				( htmlNode.parentNode && htmlNode.parentNode.nodeName.IEquals( 'pre' ) ) ||
! 				( htmlNode.parentNode && htmlNode.parentNode.parentNode && htmlNode.parentNode.parentNode.nodeName.IEquals( 'pre' ) )
! 			 )
  				return this._AppendTextNode( xmlNode, htmlNode.nodeValue ) ;
  			return this._AppendTextNode( xmlNode, htmlNode.nodeValue.ReplaceNewLineChars(' ') ) ;

対象の要素の親の親のタグがpreかどうか判断するという方法に修正しました。
これで修正が完璧かというと完璧ではないと思います。

なのでそれぞれの環境に合うように修正して使用してください。

それでは、修正の反映方法です。

1. まず、FCKEditorのルートフォルダ「fckeditor」フォルダに移動します。
   （ここには「fckconfig.js」などのソースファイルが格納されています。）
2. そのフォルダから「fckeditor\editor\_source\internals」フォルダに移動します。
3. 「fckxhtml.js」ファイルを開き、189～195行目、270～276行目を上記内容に修正します。
4. fckpackager.exeをダウンロードしてきます
   （これは、FCKEditorのソースファイルを圧縮するためのツールです。詳しくはこちら）
5. ダウンロードしてきたファイルをfckeditorのルートフォルダにコピーします。
6. 「fckpackager.exe」を実行します。
7. 実行が成功すると、「fckeditor\editor\js」フォルダの「fckeditorcode_ie.js」と「fckeditorcode_gecko.js」が更新されるのでその２つのファイルをFCKEditorを使用しているフォルダにアップロードします。
8. これでFCKEditorの修正は完了です

設定方法が、もしわからんかったら連絡もらえたら教えますよ

ダウンロードファイル：テーマ（veryposi）

設置方法

1. 上記リンクのファイルをダウンロードします。
2. ダウンロードしたファイルを解凍してできたフォルダをWordPressのthemeフォルダにアップロードします。
3. 管理画面からテーマ「veryposi」を有効にします。

これでこのサイトで使用しているテーマを使用できます。

よかったら使ってみてください

FCKEditorのプラグインGeghiProを改造しました。

行番号とソースコードをテーブル組みに変えてソースコードのみを選択コピーできるようにしました。

例えば

1
2
3
4
5

<div style="width: 300px;">
    <div style="margin: 0px auto; width:20px; border:1px solid red;">
        ○
    </div>
</div>

こんな感じです。

後は、スタイルシートでデザインすればOK！！

その他、行数を1以外からもはじめられるように修正しました。

100
101
102
103
104

<div style="width: 300px;">
    <div style="margin: 0px auto; width:20px; border:1px solid red;">
        ○
    </div>
</div>

こんな感じです。

よかったら使ってみてください

ダウンロードファイルは、「Dean’s FCKEditor for WordPress plugin」というプラグインにGeshiProを同梱してあります。

インストール方法：

1. 以下のリンクからWordPressのプラグインの圧縮ファイルをダウンロードします。
2. ダウンロードした圧縮したダウンロードファイルを解凍します。
3. 解凍してできたフォルダをWordPressのプラグインのフォルダにまるごとアップロードします（「wp-content\plugins」へアップロード)
4. WordPressの管理画面から「Dean’s FCKEditor For WordPress」のプラグインを有効にします。
5. これで完了です。

あとは、新規作成ボタンを押下するとFCKEditorが立ち上がるので、

このアイコンをクリックするとGeshiProの改造版が使用できます。

ダウンロードファイル：GeshiPro(改造版)

1
2
3
4
5
6
7
8
9
10
11
12
13

■はてなブックマーク
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>"><img src="http://demo.veryposi.info/images/b_entry.gif" width="16" height="12" style="border: none;" alt="この記事をはてなブックマーク" title="この記事をはてなブックマーク" /></a>
<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>"><img src="http://b.hatena.ne.jp/entry/image/<?php the_permalink(); ?>" style="border: none;" alt="はてなブックマーク - <?php the_title(); ?>" title="はてなブックマーク - <?php the_title(); ?>"></a>
■Livedoor Clip
<a href="http://clip.livedoor.com/redirect?link=<?php the_permalink(); ?>&title=<?php bloginfo(’name’); ?>%20-%20<?php the_title(); ?>&ie=utf-8" title="この記事をlivedoorクリップ"><img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" width="16" height="16" alt="この記事をlivedoorクリップ" style="border: none;vertical-align: middle;" /></a>
<a href="http://clip.livedoor.com/page/<?php the_permalink(); ?>"><img src="http://image.clip.livedoor.com/counter/medium/<?php the_permalink(); ?>" style="border: none;" alt="livedoorクリップ - <?php the_title(); ?>" /></a>
■Yahoo!ブックマーク
<a href="http://bookmarks.yahoo.co.jp/action/bookmark?t=<?php urlencode(the_title()) ?>&u=<?php urlencode(the_permalink()) ?>"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="この記事をYahoo!ブックマーク" style="border:none;"></a>
<a href="http://bookmarks.yahoo.co.jp/url?url=<?php urlencode(the_permalink()) ?>"><img src="http://num.bookmarks.yahoo.co.jp/image/small/<?php the_permalink() ?>" style="border: none;" alt="Yahoo!ブックマーク - <?php the_title(); ?>" title="Yahoo!ブックマーク - <?php the_title(); ?>" /></a>
■del.icio.us
<a href="http://delicious.com/save" onclick="window.open(‘http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=’+encodeURIComponent(‘<?php the_permalink() ?>‘)+’&amp;title=’+encodeURIComponent(’<?php the_title() ?>‘),’delicious’, ‘toolbar=no,width=550,height=550′); return false;"><img src="http://static.delicious.com/img/delicious.small.gif" height="10" width="10" style="border: none;" alt="この記事をdel.icio.usへ登録する" /></a>
■Googleブックマーク
<a href="http://www.google.com/bookmarks/mark?op=edit&hl=ja&bkmk=<?php urlencode(the_permalink()) ?>&title=<?php urlencode(the_title()) ?>"><img src="http://www.google.co.jp/favicon.ico" style="border: none;" alt="この記事をGoogleブックマーク" title="この記事をGoogleブックマーク" /></a>

調べたのは

はてなブックマーク、livedoorクリップ、Yahoo!ブックマーク、del.icio.us、Googleブックマークの5つです。

よかったら使ってみてください。

俺は「AddClips」っていう便利なWebサービスがあるのでそちらつかいます

こんな感じ

この絵文字追加プラグインのファイルは、以下からダウンロードできます。

Download：tinymce-advancedemoji.zip

インストール方法：

1. 上記ダウンロードファイルを解凍してできたフォルダを、全てWordPressのプラグインフォルダに入れます
2. 管理画面のプラグインの設定から「TinyMCE Advanced」のプラグインを有効にします

これで、インストール完了です

あとは、プラグインの設定画面を見てもらうと「Typepad Emoji」という項目が追加されていますので、
それを、上の「Drag and Drop領域」にドラッグアンドドロップして「Save Changes」を押下してください。そうすると編集画面のTinyMCEに新しいアイコンが表示されるようになります。

これで編集画面にアイコンが表示されない場合は、ブラウザのキャッシュを一度削除してから再度編集画面を表示してみてください。

よかったら使ってみてください。

WordPressの現在のデフォルトの投稿用エディタ「TinyMCE」にTypePadを追加しました

最初は、FCKEditorを使用しようかと思ったのですが「iG:Syntax Hiliter」というプラグインとの相性が悪く記事のメンテナンス性が著しく低下した為にデフォルトのエディタTinyMCEを使用することにしました。

FCKEditorを使用していた時に、TypePadの絵文字を追加し使用していたのでTinyMCEでも同じように絵文字を追加したいなと思ってサイトにソースが落ちてない探していたのですが…ない

なので、作っちゃいました（実際は、FCKEditor用の落ちてたソースをTinyMCE用にカスタマイズしただけだけどね）

こんな感じです。

で、これがソースになります。

Download：TinyMCEでTypePadの絵文字を使う為のTinyMCE用プラグイン

設定方法：

1. 「WordPressのインストールフォルダwp-includes\js\tinymce\plugins」のフォルダに解凍してできた「emoji」フォルダをそのままアップロードします。
2. 「WordPressのインストールフォルダwp-admin\includes\post.php」の1130～1134行、1217～1233行を以下の内容で修正しアップロードします。(変更している行は、1130、1134、1218、1222の4行のみです)

【1130～1134行の修正内容】

1130
1131
1132
1133
1134

if ( $teeny ) {
	$plugins = apply_filters( 'teeny_mce_plugins', array('safari', 'inlinepopups', 'media', 'autosave', 'fullscreen', 'emoji') );
	$ext_plugins = '';
} else {
	$plugins = array( 'safari', 'inlinepopups', 'autosave', 'spellchecker', 'paste', 'wordpress', 'media', 'fullscreen', 'wpeditimage', 'wpgallery', 'emoji' );

【1217～1233行の修正内容】

1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233



if ( $teeny ) {
	$mce_buttons = apply_filters( 'teeny_mce_buttons', array('bold, italic, underline, blockquote, separator, strikethrough, bullist, numlist,justifyleft, justifycenter, justifyright, undo, redo, link, unlink, fullscreen, emoji') );
	$mce_buttons = implode($mce_buttons, ',');
	$mce_buttons_2 = $mce_buttons_3 = $mce_buttons_4 = '';
} else {
	$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '|', 'bullist', 'numlist', 'blockquote', '|', 'justifyleft', 'justifycenter', 'justifyright', '|', 'link', 'unlink', 'wp_more', '|', 'spellchecker', 'fullscreen', 'wp_adv', '|', 'emoji' ));
	$mce_buttons = implode($mce_buttons, ',');
 
	$mce_buttons_2 = apply_filters('mce_buttons_2', array('formatselect', 'underline', 'justifyfull', 'forecolor', '|', 'pastetext', 'pasteword', 'removeformat', '|', 'media', 'charmap', '|', 'outdent', 'indent', '|', 'undo', 'redo', 'wp_help' ));
	$mce_buttons_2 = implode($mce_buttons_2, ',');
 
	$mce_buttons_3 = apply_filters('mce_buttons_3', array());
	$mce_buttons_3 = implode($mce_buttons_3, ',');
 
	$mce_buttons_4 = apply_filters('mce_buttons_4', array());
	$mce_buttons_4 = implode($mce_buttons_4, ',');
}

設定は、以上でおわりになります。

私は、ver2.7でやったのでもしかすると修正箇所が異なる人がいるかもしれませんがそのときはすみません

WordPressのプラグイン化できたらよかったのですが、やり方がわからないので簡単にできる方法でやってしまいました
時間があったらWordPressのプラグイン化も検討したいですが…今のところ未定です

もしよかったら使ってみてください。