XREA、CoreserverにWordPressをインストールしてみよう
- 2009.02.17 (火) 09:33
- WordPress,レンタルサーバー
- coreserver,WordPress,xrea
今回は、レンタルサーバ、CoreserverにWordpressをインストールする手順を紹介します
CoreserverにWordpressをインストールする上でとても厄介なのがPHPのセーフモードの問題なのです。
（問題としては、ファイルの書き込み権限が無い
為に、インストール作業をWebから自動的に行えなかったりします
）
インストールする上で一番簡単な方法は、「全てのPHPをCGIモードで動作させセーフモードをオフにしてしまう」という方法です。
手順は過去の記事、「XREA.com、CoreserverでのCGIで動作させる為の、.htaccess設定」に記述してありますので参考にしてください。
（この方法だと全てのモジュールがCGIモードで動作するので多少動作が遅くなります）
今回のインストール方法は、必要なPHPファイルのみをCGIモードで動作するように設定し、不必要なモジュールのCGIモードでの動作をさけて、なるべく動作を軽くWordPressをインストールすることを目的としています。
では、インストール作業手順の説明です
続きを見る…
FCKEditorでpreタグの改行が消えてしまう原因
FCKEditorを使用していてpreタグの中の改行コードが消えてしまう事象が発生
これは、ある特定の場合に発生していることが判明しました
- IE以外のブラウザを使用している。
（FireFoxなど） - preタグの中でspanタグを使用していて、そのspanタグの中で改行コードが使用されている
（ソースコードの整形の為のシンタックスハイライトを行っている場合に良く発生します）
この条件がそろうとFCKEditorで「ソースモード」と「WYSIWYGモード」を切り替えているとpreタグの中のspanタグの中にあった改行コードがなくなってしまいます
原因を調査した結果以下のことが判明しました。
- FCKEditorでは、preタグ直下の要素の改行はそのまま改行と判断し、残します。
- 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かどうか判断するという方法に修正しました。
これで修正が完璧かというと完璧ではないと思います。
なのでそれぞれの環境に合うように修正して使用してください。
それでは、修正の反映方法です。
WordPressの当サイトのテーマ『veryposi』
このサイトで使用しているWordPressのテーマを公開します。
ダウンロードファイル：テーマ（veryposi）
設置方法
- 上記リンクのファイルをダウンロードします。
- ダウンロードしたファイルを解凍してできたフォルダをWordPressのthemeフォルダにアップロードします。
- 管理画面からテーマ「veryposi」を有効にします。
これでこのサイトで使用しているテーマを使用できます。
よかったら使ってみてください
FCKEditorのプラグインGeshiProを改造
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を同梱してあります。
インストール方法：
WordPressにソーシャルブックマークへ追加ボタンを表示
WordPressにソーシャルブックマークへの追加ボタンの表示方法を調べました。
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&noui&jump=close&url=’+encodeURIComponent(‘<?php the_permalink() ?>‘)+’&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サービスがあるのでそちらつかいます
