mitikusa.info

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

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

09 コンテンツ入力・編集-新・編集ツール詳細

*この編集ツールの説明は、新しいバージョン向けです。古いバージョンの説明はこちらです。

編集ツールのアイコンは、一般的なワープロ(MS Wordなど)のアイコン同じ(もしくは似ている)なので、直感的に使えると思います。アイコンにマウスカーソルを重ねる(クリックせずに)と、アイコンの名称が表示されますので、ここでは、一般的なアイコンについての説明は省略し、特殊なもの、注意すべきもののみ説明します。(ここでは、画面上部のアイコンを編集ツール、画面下部の文字入力部分を編集エリアと呼びます)

 

編集ツール全般 

cnen_01.jpg

*編集ツール左上のa.gif[編集ツール表示/非表示切替]をクリックすると、編集ツールが非表示となります(編集エリアには、HTML形式のテキストが表示されます)。再度クリックすると編集ツールが表示されます。

*編集エリアでマウスを右クリック(MacOSXの場合は、controlキー+クリック)すると、コピー、貼付けなどの簡単なメニューが表示されます。

*文字入力時にEnterキー(改行キー、Macはreturnキー)を押すと大きな改行(段落、P)となり、Shift+Enterキーを押すと小さな改行(BR)となります。

大きな改行↓

大きな改行 

小さな改行↓
小さな改行

*編集エリア右下(スクロールバーの下)をドラッグすると、編集エリアのサイズが変更できます。 

 

編集ツール—1段目

cnen_02.jpg

b.gif

プレビュー:画面右上の大きなプレビューアイコンでは、正しくプレビューが表示できないので、こちらでレイアウトの確認をしてください(ただし、表示されるページ幅によって見え方は変わってくるので、大まかな確認に使ってください) 

c.gif

  新規記事:これをクリックすると、編集途中の内容がすべて削除されますので、使用するときは注意してください。 

d.gif

 書式なして貼り付け:メールやwebなどからテキスト(文字)をコピーする場合、そのままCtrl+Vまたは右クリックのメニューの貼付けを選ぶと、書式(文字の大きさ、色など)付きでコピーされてしまい、見え方がおかしくなる場合があります。そのため、なるべく、ここをクリックして、書式なしで貼り付けるようにしてください。 

e.gif

フォーマット解除:ここをクリックすると、書式(文字の大きさ、色など)が解除されます。

f.gif

HTMLソースの編集:HTMLの編集ができる方は、ここをクリックするとソースの編集が可能です。(編集ツール左上の[編集ツール表示/非表示切替]とは異なり、HTMLソースは別ウィンドウで表示されます)

*c.gif新規記事の隣の矢印のアイコンの「戻る」、「進む」をクリックすると、編集作業を一つ元に戻したり、進めたりできますので、間違った作業をした場合は、あせらず「戻る」をクリックしてください。

 

編集ツール—2段目

cnen_03.jpg

g.gif

新規レイヤー挿入:自由な位置にテキストや画像が配置できますが、通常の文章と混在すると、予期しない場所に配置されてしまう可能性があるので、使用する場合は、すべてレイヤーで作成した方が無難です。

*一番左の「太字」、「斜体」は、レイアウトの設定によっては、表示が変わらない場合がありますので、あまり使わないでください。

  

編集ツール—3段目

cnen_04.jpg

*文字の色や大きさは、通常、一番左の「スタイル」 で指定しますので、なるべくここで「フォントサイズ」は指定しないようにしてください(スタイルの指定が無い場合、やむを得ない場合は、使用しても構いません)。

*フォーマットは、通常の文章では「段落」を指定します(文章に改行を入れると、自動的に「段落」が指定されます)。 

 

編集ツール—4段目

cnen_05.jpg

h.gifイメージ挿入/編集:写真等の画像を挿入します。詳しくはこちら。

i.gif

リンク挿入/編集:文字を選択して、webへのリンクを挿入します。詳しくはこちら。

j.gif

IFrame挿入/編集:コンテンツ中に他のwebページを表示させます。

k.gif

ファイルリンクの挿入:PDFファイル等の画像以外のファイルへのリンクを挿入します。

l.gif

改ページの挿入:長文のコンテンツの場合は、これで改行を挿入すると、一つのコンテンツを複数ページで表示させることができます。クリックして表示されるウィンドウのタイトル欄に文字を入力すると、各ページタイトルとして目次に表示されます。

m.gif 特殊文字の挿入:»、©、Ñなどの特殊文字が挿入できます。

n.gif 文字色の選択:マウスで選択した文字の色を変更します。

o.gif

背景色の選択: マウスで選択した文字の背景の色を変更します。 

p.gif

CSSスタイル編集: マウスで選択した文字の装飾の詳細な指定ができますが、レイアウトの設定によっては、正しく表示されない場合があります。

 

編集ツール—5段目

cnen_06.jpg  
*表を作成するツールです。挿入した表は、ドラッグ操作で拡大・縮小ができ、右クリックのメニュー(MacOSXの場合は、controlキー+クリック)で行・列の挿入・削除等が行えます(編集ツールのアイコンでも可能です)。
最終更新 2007年 11月 15日(木曜日) 08:20  

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

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

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