【Drupal7】IMCE - コンテンツ内に画像を挿入する手間を軽減する

CKEditorの導入と併せて是非行っておきたいのが、IMCEモジュールの導入です。

CKEditorにより、タグ入力等の手間は大幅に軽減されますが、画像を文書内に挿入したい場合、別途FTP等を使って、画像をアップロードし、パスをURLで指定するなど、非常に手間がかかってしまいます。この手間を大幅に軽減するのがIMCEモジュールです。

導入方法

1. 予め、画像をアップロードするためのフォルダをFTP等で以下の場所に作っておく。”/sites/default/files/"
2. http://drupal.org/project/imceからIMCEのモジュールをダウンロードする。
3. Drupal管理画面→「モジュール」→「新しいモジュールのインストール」でダウンロードしたファイルを選択し「インストール」。
4. Drupal管理画面→「モジュール」にて、IMCEのモジュールにチェックを入れ、「設定を保存」
5. Drupal管理画面→「モジュール」→IMCE「設定」にて、Profileを編集。
6. 「Directries」項目にて、パスを1で作成したフォルダに指定する。
7. Drupal管理画面→「モジュール」→CKEditor「設定」にて、プロフィールでIMCEを設定するコンテンツタイプを選び「編集」をクリック
8. エディターの外見→Plugins→”Plugin for inserting files from imce without image dialog"にチェックを入れる。
9. エディターの外見→AllButtonにIMCE用のボタンがあるので、これをUsedButtonにドラッグする。
10. FILE BROWSER SETTINGS→File browser type(link dialog window)にて”IMCE”を選択する。

使用方法

※CKEditorが導入されていることが前提です。

1. コンテンツの編集画面でIMCEボタンを押す。
2. アップロード画面が立ち上がる。「アップロード」を押し、挿入したい画像を選択、アップロードを行う。
3. アップロードしたファイル名をダブルクリックすると、ファイルのurlがサーバブラウザーに表示される。
4. 幅や高さ、ボーダー等を指定すれば、画像がコンテンツ内に挿入される。