mitikusa.info

»webデザイン+ホスティング

  • フォントサイズを大きくする
  • デフォルトフォントサイズ
  • フォントサイズを小さく
top support Joomla! 10 コンテンツ入力・編集-新・画像挿入

10 コンテンツ入力・編集-新・画像挿入

*この画像挿入の説明は、新しいバージョン向けです。古いバージョンの説明はこちらです。

cnin_01.jpg

編集ツールの「イメージ挿入/編集」をクリックすると上の画面が表示されます。ここでは、挿入する写真・画像の選択、表示方法の設定等を行います。

 

01.gif画像選択エリア

ここで挿入する画像を選択します。画像のファイル名をクリックすると右側に画像の詳細が表示され、上部の「イメージ選択」にファイル名等が挿入されます。そのまま右下の「挿入」をクリックすれば、編集エリアに画像が挿入されます。

ファイルリスト上部の「タイプ」、「名前」をクリックすると、ファイルの種類(JPEG、GIFなど)、ファイル名並び替えることができます。

フォルダのアイコンをクリックすると、そのフォルダに移動します。「+」マークをクリックすると、下の階層のフォルダが展開されます。また、画像選択エリア上部の「ディレクトリ」をクリックして直接フォルダを選ぶこともできます。

 *画像は、「/セクション名/カテゴリ名」などのようにフォルダに分けて整理すると、目的の画像が探しやすくなります。

^topへ

 

02.gif画像詳細

cnin_02.jpg

a.gif新しいフォルダ:フォルダを新規作成します(フォルダ名は半角英数字を使用して下さい)。

b.gifアップロード:画像を手元のパソコンからwebサーバーにファイルをアップします。

cnin_03.jpg
f.gif選択:手元のパソコンからアップするファイルを指定します。アップするファイルサイズ(データの大きさ)の上限は標準で1MBですが、変更は可能です。
g.gifリサイズ:右端のボックスをチェックすると、アップする際にファイルの画像サイズ(画面に表示される大きさ)が指定できます。サイズは、長辺(横位置の場合は横幅、縦位置の場合は高さ)を指定します。
h.gifサムネイル:右のボックスをチェックすると、アップする際にファイルのサムネイル(縮小画像)が作成されます。サイズは長辺を指定し、右端で「プロポーショナル」を選択すると元画像のまま縮小、「四角」を選択すると正方形にトリミングされます。(サムネイルのファイル名には頭に「s_」がつきます)
i.gifアップロード後にファイルを選択:ここをクリックすると、アップロード後、自動的にアップされたファイルが選択されます。フォルダに大量の画像がある場合は便利です。
j.gif既存のファイルを上書き:通常はここにチェックが入っていますが、既にアップされているファイルと同名のファイルをアップする際は、上書きされてしまいますので注意して下さい。「ユニークなファイルを作成」をチェックすると、同名のファイルがある場合は、ファイル名が変更されてアップされます。
 

c.gifイメージビュー/リストビュー:標準では、画像選択エリアにはファイル名が表示されますが、ここをクリックするとサムネイルで表示されます。

d.gifサムネイル作成:ファイルを選択してここをクリックすると、サムネイル(縮小画像)が作成されます。既にサムネイルが作成されている場合は、サムネイル削除のアイコンになります。

e.gifリサイズ:ファイルを選択してここをクリックすると、画像サイズの変更ができます。(拡大すると画像が粗くなるので、縮小のみで使用して下さい)

^topへ

 

03.gif表示設定

cnin_04.jpg

ここには、選択された画像のファイル名(URL)が表示されます。

*画像の枠線をつける場合は、「並び方」の下の「ボーダー(枠)」の幅を「1」 以上に変更します。

k.gif説明とタイトルには自動的にファイル名が挿入されますが、なるべく、画像の簡単な説明を 入力してください(日本語OK)。画像を表示させずにwebを閲覧する場合は、この説明が表示されます。(一部のブラウザでは、画像にカーソルを置いた時、ここに入力されたテキストが表示されます)

l.gif並び方:画像への文字の回りこみを指定します。左揃えの場合は、画像が左で文字が右側から回りこみます。画像のみを画面の中央に配置する場合は、ここではデフォルを指定して画像を挿入し、挿入した画像を選択後、編集ツールの「中央揃え」をクリックします。 

以下、表示設定の例: 

strawberry.jpg左揃え
左揃え
左揃え

 

 
 strawberry.jpg
右揃え(文字も右揃え)
右揃え(文字も右揃え)
右揃え(文字も右揃え)
 
   
strawberry.jpg上揃え
strawberry.jpg中央揃え
strawberry.jpg下揃え
 
strawberry.jpg
デフォルトで編集ツールにて中央揃え

 

04.gifポップアップ設定

cnin_05.jpg

m.gif利用する:ここをチェックすると、画像をポップアップ(小さなウィンドウ)で表示できます。 

n.gif URL:ここをチェックし、下のファイルリストから、大きく表示する画像を選びます。その画像にサムネイルがある場合は、自動的に「イメージ選択」にサムネイルが指定されます。(サムネイルが無い場合は、「イメージ選択」で小さく表示する画像を選択します)

o.gifキャプション/タイトル:ここで入力したテキストは、ポップアップした画像の左下に表示されます(日本語可)。

strawberry.jpg
↑表示例

p.gifイメージグループ:ここにグループ名(半角英数字)を入力すると、同じグループの画像がまとめて表示されます(表示されるのは1点ですが、表示される画像右半分をクリックすると次の画像が、左半分を表示すると前の画像が表示されます)

 cherry.jpgpears.jpgstrawberry.jpg
↑表示例

 ^topへ

 

05.gifロールオーバー設定 

cnin_06.jpg

q.gif

利用する:ここをチェックすると、画像にロールオーバー(画像にマウスカーソルを重ねると別の画像が表示される)が指定できます。 

r.gif

マウスオーバー:ここでマウスを重ねたときに表示される画像を指定します。(マウスアウトには、「イメージ選択」で選択した画像が入力されています。 

strawberry.jpg
↑表示例 

^topへ

最終更新 2007年 11月 15日(木曜日) 08:32  

mitikusa.info(西川善康)は、関西(大阪)を拠点に、webサイトの設計及びデザイン、運営管理、サーバーのホスティング等を行っています。

主に、CMS(コンテンツ・マネージメント・システム)である、Joomla!Nucleusを使ったサイト構築を行っています。また、オリジナルの写真素材や映像素材の作成、加工を得意としています。

詳しくは、こちらまでお問合せください。