WordPressのビジュアルエディタ内に独自のCSSを適用するプラグインを作りました。初めてのWordPressプラグインになります。

デフォルトのスタイルがちょっと気に入らなかったので自分のCSSにしたくなり検索して見つけたのがこのサイト↓。

WordPressのリッチエディタにCSSを適用する | Tech de Go

ここに書いてあるコードをプラグイン化しただけのことです。それでも、プラグインをつくって動いたということがちょっと嬉しかったです。

機能的にはTinyMCEのCSSを自分のCSSと置き換えているだけのシンプルなプラグインです。次は勉強をすすめて、管理画面からCSSを編集できるようになれば便利かなと思ってます。

ただ、コピペしただけのプラグインですから公開する予定はありません。

WordPressのビジュアルエディタをさらに便利にするプラグインTinyMCE Advancedを紹介します。

記事投稿時にとっても役に立ってくれる機能がたくさんつまったエディタTinyMCEですが、まったく使わないボタンがあったり、逆に必要なボタンが表示されてなかったりしませんか？

そういうときにこのプラグインが役に立ちます。

ダウンロード

ダウンロードは以下から。WordPress本家のプラグインカテゴリです。WP2.7ならもちろん管理画面からインストール可能です。

WordPress.ORG:TinyMCE Advanced

使い方

ボタンの追加と削除

プラグインを有効化すると設定メニューにTinyMCE Advancedという項目がでてきます。これが設定画面へのリンクです。

操作はとっても簡単。ボタンを追加するときは下のボタンアイコンを上にドラッグ&ドロップするだけ。反対に必要ないボタンを削除したいときは上から下へドラッグ&ドロップするだけです。

拡張機能

ボタンの追加や削除のほかに気の効いた設定を行うことも出来ます。

• Advanced Link

  リンクの挿入/編集ボタンの拡張。テキストや画像に対するリンクをさらに細かく設定できるようになります。

• Advanced Image

  画像の挿入/編集ボタンの拡張。より細かな設定ができるようになりますが、WPの機能だけでも十分かもしれません。

• Context Menu

  エディタ内で右クリックから貼り付けや切り取りなどができるようになります。
  

• Import the current theme CSS classes

  /wp-content/plugins/tinymce-advanced/css/tadv-mce.cssを編集することで独自のCSSを適用できるようになるみたいです。これはまだ確認してません。

• Stop removing the <p> and <br /> tags～略

  HTMLモードではデフォルトで<p>、<br /> タグが自動的に見えなくなってしまいますがこれを見えるようにしてくれます。ほかのタグがあるのにこれだけないのは気持ち悪いからONにしています。

カテゴリーを好きな順序に並べ替えることができるWordPressプラグインMy Category Orderをインストールしました。

ダウンロード

プラグインのダウンロードは以下からどうぞ。

WordPress. ORG：My Category Order

WordPress2.7を使っている場合は管理画面から直接インストールすることもできます。

使い方

プラグインを有効化すると投稿メニューにMy Category Orderの設定画面へのリンクができます。

並べ替える方法は並べたい順序にドラッグ&ドロップするだけ。サブカテゴリは上のドロップダウンから親カテゴリを選び「Order Subcategories」をクリックするとサブカテゴリ用のページに移動します。

直感的な操作がいいですね。

あとはテンプレートに少し手を加えます。

カテゴリを表示するテンプレートタグwp_list_categoriesの引数「orderby」に値「order」と記述します。たとえば以下のように

wp_list_categories(‘orderby=order&hierarchical=0&title_li=’);

これでカテゴリを自由に並べ替えることができるようになります。

日本語版の配布サイト「infoaxia(インフォアクシア)」にもありますが、

Web Developerの英語版が、バージョン 1.1 へアップデートされました。これにより、自動更新を行うと英語版に切り替わってしまいます。1.1へバージョンアップしてしまった場合には、お手数です が、一度アンインストールした上で、再度バージョン 1.0.2 の日本語版をインストールしてください。なお、日本語版のアップデートにつきましては、現時点では未定となっております。ご迷惑おかけしますが、何卒ご了 承ください。

とありますので、インストールはもう少し待ったほうがいいようです。 

MTMultiBlog

説明

コンテナタグ。このタグの中では通常のテンプレートタグを使うことができます。特定のブログのエントリーやカテゴリーリストなどを表示できます。

アトリビュート

include_blogs：含みたいブログのIDを指定します。複数のときは「,（カンマ）」で区切ります。
exclude_blogs：含まないブログのIDを指定します。複数のときは「,（カンマ）」で区切ります。

使用例

たとえばブログID=1の最新エントリー10件を読み込むには以下のように書きます。

<MTMultiBlog include_blogs="1,2">
<MTEntries lastn="10">
<p><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></p>
</MTEntries>
</MTMultiBlog>

基本的にはほとんどのタグを使うことができます。使い方としては、複数のブログをまるでひとつのサイトであるかのように見せることができることを利用すると、アフィリエイトサイト等でカテゴリーごとにブログを作成し、それぞれの最新エントリーをメインのブログのトップページに表示するといった利用法が考えられます。

1. プラグインダウンロード先

プラグインは以下のサイトからダウンロードしてください。
MultiBlog: A Movable Type Plugin by David Raynes

2. MultiBlogプラグインのインストール

1. ダウンロードした『multiblog-1.99.**.zip』をLhaplus等で解凍します。（**はバージョンの数字です。）
2. 解凍してできた『multiblog-1.99.**』中の「plugin」ディレクトリの中身を丸ごとMTディレクトリの「plugin」ディレクトリにアップロードします。
3. 以上でインストール終了！

3. 使えるようになるタグ

インストールすると使えるようになるタグは以下のようなものです。頭に「MultiBlog」がついているだけでほとんど通常のMTタグと変わらないようです。なかにはよくわからないタグもありますが・・・
MTOtherBlog, MTMultiBlog, MTMultiBlogEntries, MTMultiBlogComments, MTMultiBlogCategories, MTMultiBlogPings, MTMultiBlogArchiveList, MTMultiBlogInclude, MTMultiBlogLocalBlog, MTMultiBlogBlogHeader, MTMultiBlogBlogFooter, MTMultiBlogIfNotLocalBlog, MTMultiBlogIfLocalBlog, MTMultiBlogEntry, MTMultiBlogComment, MTMultiBlogCategory, MTMultiBlogPing>, MTMultiBlogEntryCount, MTMultiBlogCommentCount, MTMultiBlogCategoryCount, MTMultiBlogPingCount

4. 設定

他のブログで記事を投稿したときに読み込む側のブログも再構築できるように設定します。ここでは読み込む側のブログのことをわかりやすく『メインブログ』、そのほかのブログを『サブブログ』と呼ぶことにします。

4.1. ブログ選択

メインとするブログを選択→設定→プラグイン→「MultiBlog」プラグインの「設定を表示」をクリックします。

4.2. 再構築設定

1. 「When」の部分にエントリー投稿元のサブブログを選択。
2. 「saves an entry」を選択。
3. 「Rebuild Indexes」を選択。
4. 「Default Blog IDs」にはメインブログのブログIDを入力。
5. 「AddTrigger」をクリック。

投稿元のブログをいくつも指定したいときは、「AddTrigger」をクリックして1～5の作業を繰り返します。

5. 追記

一度投稿した記事を書き直すことが多いときは「saves an entry」ではなく「Publishes an entry」にしたほうがいいかもしれません。ただどちらにせよ、メインブログの再構築が上手くいかないときがあってちょっと困っています。

テンプレートを自由自在に

一般的な無料のブログサービスではサイトの雛形となるテンプレートをまったく編集できなかったり、編集できるテンプレートの種類に制限があったりということがほとんどです。HTML&CSSに慣れてくるにつれてもっと自由にサイトのデザインをしたいと思うようになるでしょう。
MovableTypeではトップページ、カテゴリーページ、エントリーページのテンプレートだけでなくいろいろな種類のテンプレートを作成することが出来ます。たとえば自分のプロフィールやサイトについての説明をするページのテンプレート、モブログから投稿した画像だけをリスト表示するテンプレートなどどんなことをやりたいのかが明確になっていればそれにあわせたテンプレートをいくつでも作成することが出来ます。

※テンプレートのカスタマイズについての記事はただいま準備中です。

プラグインで機能拡張

MovableTypeの最大の特徴といえるのがプラグインです。プラグインはMovableTypeの機能を拡張してくれるプログラムです。プラグインは世界中の人々によって日々開発されているのでプログラムがまったくわからない人でもインストールの方法さえ覚えれば利用することが出来ます。なかにはシェアウェアとしてお金を払うものもありますが、そのほとんどが無料で提供されているが嬉しいですね。

※管理画面やテンプレート用のプラグインやアフィリエイトサイト運営に便利なプラグインの紹介記事を作成中です。