2012年1月
データの移行に伴い、phpコードの文字化けが発生している箇所があります。
&lti や > のような文字化けが出ているコードはコピーしないでください。
現在、手直し中です。すみません。

ビジュアルリッチ・エディタとコード・エディタ

ここではWordPressの記事投稿に使用するビジュアルリッチ・エディタとコード・エディタについて説明しています。

WordPressには、フォントタグやイメージタグなどが一発で挿入できる「ビジュアルリッチ・エディター」と、すべてのタグを手動で入力する「コード・エディター」の2種類があります。

ビジュアルリッチ・エディター
WordPress

コード・エディター
WordPress

どちらを使うかは好みの問題なので、使いやすい方を選べばいいのですが、私の経験では、コード・エディタの方がシンプルで使いやすいです。手動でHTMLタグやDIVタグを書くのに馴れている方は、コード・エディタの方が断然おすすめです。

ビジュアルリッチ・エディターを使用しない場合は、『ユーザー』→『あなたのプロフィール』の個人設定で、「ビジュアルリッチエディタを使用しない」にチェックを入れましょう。

WordPress



コード・エディタを使う場合、よく使うHTMLタグや定型句を登録して、エディタから一発挿入できる『WP-AddQuicktag』という非常に便利なプラグインがあります。

http://wordpress.org/extend/plugins/addquicktag/

WP公式サイトのファイル置き場からダウンロードし、ファイルを解凍して、『wp-content』→『plugins』にフォルダごとアップロードします。

WordPress

管理画面の『プラグイン』を開き、「使用する」をクリックします。
WordPress

管理画面『ツール』→『AddQuicktag』を開き、設定します。
「ラベル名」がボタンに表示したい名称です。
「終了タグ」は必要なければ空のままでOKです。日本語の登録も可能です。
WordPress

あと、コードエディターの場合、改行が反映されないというデメリットがあります。

エディターでは3つの空行。
WordPress

でも、実際の画面では、一行分しか空いていません。
WordPress

こうした不具合を解消するプラグインが、CamCamさんの『brBrbr』です。(日本製プラグインです)
使い方はとっても簡単。
CamCamさんのサイトからダウンロードして、解凍したファイルを『wp-content』→『plugins』にアップロードし、プラグインの管理画面から有効かするだけです。

これでコードエディターで指定した通り、3つの空行が出来ました。
WordPress

とても便利で使い勝手の良いプラグインなので、行間をたっぷり開けて、記事を読みやすくしたい方にはおすすめです。

ただし、ビジュアルリッチ・エディターを使用する場合は、設定の仕方が少し異なるので、CamCamさんのインストラクションをよくお読み下さいね。

また、一度、このプラグインを使って記事を作成した場合、お使いのテーマ・テンプレートによっては記事中のdivタグが反映されなかったり、プラグインを中止すると全ての記事のレイアウトが変わってしまうなどの不具合もありますので、導入する時はコンテンツの内容と照らし合わせて慎重に検討しましょう。

他にエディター関連の拡張プラグインを探したい場合は、公式サイトPlugin Directoryの「Popular Tags」から、moreをクリックして、『editor』もしくは『edit』をご参照下さい。
かなりたくさんの拡張プラグインが公開されています。

WordPress

あと、「投稿入力欄の大きさ」や「整形」「投稿用カテゴリーの初期設定」などは、管理画面の『設定』→『投稿設定』で調節できますので、一度、ご覧になって下さい。

これはいろんな情報サイトで出回っている話ですが、「不正にネスト化したXHTMLを自動的に修正する」にチェックを入れると、ある種のプラグインを使った時、不具合が生じるらしいので、私も外しています。

実際に不具合が出たわけではないのですが、オフにしていた方がいいような感じがします。

§ 追記

記事投稿の改行については、いろんな方法があります。検索すると、様々な情報にヒットします。

プラグインを使う方法、本体ファイルを編集する方法、シンプルにbrタグを挿入する方法。

テーマ・テンプレートによっては、WordPressの自動編集機能を無効にするオプションが付いているものもあります。

私としては、いろいろ使ってみて、シンプルにbrタグを挿入するのが一番無難かな、と思います。

記事の中にbrタグがいくつも書き込まれるのは、あまり気持ちのよいものではありませんが、データを移行したり、テーマ・テンプレートを変更したり、ある種のプラグインをオン/オフにしたり、と、何かのアクションが原因でタグが飛んで、レイアウトがガクンと変わってしまうことがあるからです。

私の結論は、「コード・エディタを使って、手動でbrタグを挿入する」です。

面倒ですけど、これが一番確実に思います。

Ads

ユーティリティ、動画編集、パソコン快適化など人気のソフトウェアが大幅割引中。

2 Comments

  1. 川原崎隆一郎
    9月 02, 2010 @ 22:49:02

    はじめまして。
    初心者です。
    このサイトで色々勉強させていただいて感謝しています。
    管理画面から新規投稿へ行くと、エラーが出て、ビジュアルエディターが使えなくなります。
    下記のような表示が下部に出ます。
    何が問題なのでしょうか?
    ご教授くださると大変ありがたいです。
    よろしくお願いします。

    Warning: include_once(/home/storage/9/e2/90/editorakojiro/public_html/wordpress/wp-includes/js/tinymce/langs/wp-langs.php) [function.include-once]: failed to open stream: No such file or directory in /home/storage/9/e2/90/editorakojiro/public_html/wordpress/wp-admin/includes/post.php on line 1568

    Warning: include_once() [function.include]: Failed opening ‘/home/storage/9/e2/90/editorakojiro/public_html/wordpress/wp-includes/js/tinymce/langs/wp-langs.php’ for inclusion (include_path=’.:/usr/share/pear’) in /home/storage/9/e2/90/editorakojiro/public_html/wordpress/wp-admin/includes/post.php on line 1568

    返信

    • 阿月まり
      9月 03, 2010 @ 07:35:31

      川原崎さん、こんにちは。
      最近、プラグインを追加したり、テーマを変更したり、ファイルを編集したりしていませんか?
      私もそこまで詳しくないので、申し訳ないのですが、この手のエラーが出たときの対処法を列挙しますね。

      1.すべてのプラグインを無効にし、一つずつ有効にしながら様子を見る。
      2.テーマをデフォルトに戻す(Twenty One)
        これで直った場合は、新規追加したテーマファイルを削除する
      3.本体ファイルをすべて再アップロードして上書きする
      4.いずれも復旧しない場合は、残念ながらWordPressの再インストール

      たいてい新規追加したプラグインやテーマが悪さするのですが(あるいはテーマ・ファイルを編集して壊れる)
      そうでない場合は、私は自己解決できないので、再インストールするようにしています。
      画像ファイルの自動アップデートで、クリックしそこなって、編集画面が飛んだこともありました。
      けっこう微妙な動作で影響受けることがあるので、馴れないうちは、一つ一つの動作をゆっくりされることをおすすめします。

      がんばってくださいね☆

      返信

Leave a Reply

Trackback URL

QR Code Business Card