JoomlaエディタJCE154で画像挿入

• 詳細
• 最終更新日 2012年2月11日（土曜）09:10

Joomlaをお使いの当相談所のお客様から何度かご質問いただいた内容なので、ここへ参考記事として掲載しておきます。

記事を編集する際に、画像を挿入する方法です。

■画像挿入

記事エディタの中から、「画像挿入・編集」のボタンをクリックします。（右図参照）

 

表示された画面の、下部の一覧から、挿入する画像ファイルをクリックして選びます。（選ぶと、上部の「画像URL」の欄に、その画像のURLが自動で挿入されます）

通常の画像挿入は、これだけでOK。後は記事の編集画面へ戻って文章を入力したり、画像のサイズを調節するだけです。

（なお、画像を文章の右側に回りこませるとか、サイズを微調整するとか、画像と文章の間隔を少し広げるとか、そういった細かな設定は、右図の上部の画面の様々な項目を設定していくことで調整できます。ただしそのためには、多少HTMLの知識が必要）

 

■画像一覧にデータがないときは、アップロード

ご自分のパソコンの中にあって、まだサーバーへアップしていない画像を使うときは「アップロード」作業を行ないます。手順は以下のとおり。

画像の挿入画面に右側にある、「アップロードボタン」をクリックします（右図参照）

 

右図のような画面が出てくるので「Add」をクリックします。

「Add」をクリックすると、自分のパソコン内のデータを選択する画面が出てきますので、例えばマイピクチャやマイドキュメントの中などからデータを選んでクリックします。

（データを選択する画面は、Wordに画像を挿入するときや、通常のブログに画像を入れるときに選択するWindowsのダイヤログボックスと同じモノが出てきます）

 

画像を選択し終えると、右図のように画面下の欄に、選択した画像データのファイル名が表示されます。（ちなみに、この画面では一度に複数の画像をアップすることもできます。その場合は、この状態からもう一度「Add」をクリックして、追加する画像を選んでください）

画像を選択し終えたら、最終的に「Upload」をクリックします。（Uploadをクリックしないでこの画面を閉じると、アップロードはされないので要注意）

 

Uploadが終わると、右図のように画像一覧の右側の部分が、レ点のチェックに変わります。

これで画像のアップロードは完了です。完了したら、画面右上の×印をクリックしてこの画面を閉じ、元の「画像挿入」の画面から、画像を選んで挿入してください。

 

■アップロードする画像データについて注意事項

（１）画像データのファイル名は、必ず半角英数字で付けるようにしましょう。日本語や漢字、カタカナなどのファイル名の画像では、完成した記事上で上手く表示されないことがあります。

（２）ファイル名が重複しないように気をつけましょう。重複すると、アップロードできないか、あるいは既存の（アップロード済の）ファイルが消去されてしまうことがあります。重複しないように注意しましょう。

■ファイル名を重複させないコツ

アップロードした日付を年月日で付けてからアルファベットを付けると、重複する心配がほとんどなくなります。

例えば、「2010年9月10日にアップした、沼津市内の風景写真」と言う場合には、

20100910numazu01

というような感じです。