ログイン 
閉じる
トップページ  > テンプレートについて > 作成(変更)方法 > 8 画像・文章の挿入 

ページに文章を挿入してみましょう

ここでは、ページの中に文章を挿入する方法を説明します。
※「WEB担当者」でのログインが必要です

画像・文章の挿入は、NetCommonsの基本の操作の一つです。

NetCommonsでは、予め用意された部品(お知らせ・カレンダー・汎用DBなど)を左の図のように分割された場所に配置し、ページを編集します。

ヘッダーカラム、左カラムは、どのページでも共通の内容が表示されます。
メインカラムが、ページ固有の情報となります。


まず、セッティングモードに変更します。セッティングモードには右上のメニューより「セッティングモード」をクリックします。
(詳しくは、「10 セッティングモード」をご覧ください)
セッティングモードにすることにより、各カラムの左上に「モジュール追加」の選択メニューが表示されます。

画像・文章を挿入する場合は、「お知らせ」モジュールを使用します。
画像・文章の挿入を行うカラムの上部の「モジュール追加」から「お知らせ」を選択します。

ここでは、「観光情報」ページのメインカラムで説明します。
(「モジュール追加」から「お知らせ」を選択)

「お知らせ」を選択すると、「お知らせ」モジュールの編集画面が表示されるので、挿入したい文章を入力します。


文章を入力後、決定をクリックすることにより、指定されたカラムの一番上に入力された文章が「お知らせ」ブロックとして挿入されます。


【挿入位置の移動】
一番上に挿入された「お知らせ」ブロック(文章)を配置したい位置に移動します。
移動する場合、挿入した「お知らせ」ブロックのタイトル部分をクリックし、マウスボタンを押したまま配置したい位置までドラッグすることにより移動が可能です。
タイトル部分をクリックした場合、挿入した「お知らせ」のブロックが黄色い枠で囲まれます。

そのまま、ドラッグし配置したい位置までドラッグします。

ここでは、「観光情報」というタイトルの下までドラッグします。
  
配置したい位置までドラッグし、配置したい位置に来た際、マウスのボタンを放します。

移動完了です。
現在、配置されている情報ブロックも同じように位置の移動が可能です。

上下だけでなく、横並びの配置にも可能ですが、ブロックのグループ化などの操作のなれが必要です。
何度でも訂正が効くので、いろいろと挑戦してみてください。
 

それでは次に画像を挿入してみましょう

文章と同じように、「お知らせ」モジュールを使用します。
(ログインし、セッティングモードになっていますか?)

画像を挿入したの上部の「モジュール追加」から「お知らせ」を選択し、「お知らせ」モジュールの編集画面を表示します。
wysiwygエディタの画像挿入ボタンをクリックします。
画像挿入するためのウィンドウが表示されるので、挿入したい画像を選択し「画像の挿入」ボタンをクリックします。

「参照」ボタンをクリックすることにより、PC内の画像ファイルを指定するウィンドウが表示されます。

画像を指定し、「画像の挿入」ボタンをクリックすることにより、「お知らせ」モジュールの編集画面に画像が表示されます。

(注意:ここでは、まだ「お知らせ」モジュールの編集画面なので、挿入は完了していません)
画像の下に文章を入れる場合は、編集画面にて画像の下に文章を入力すれば、可能です。

編集画面の「決定」ボタンをクリックします。


これで、挿入は完了です。

あとは、挿入後、ページ内での位置調整は、上記「文章の挿入【挿入位置の移動】」と同じです。
 

挿入した「お知らせ」ブロックの枠を変更

上記の操作で文章・画像の挿入をしたが、「お知らせ」ブロックの枠がいらないっといった場合があると思います。
その場合は、以下の操作で枠の指定を変更し、枠を消すことも可能です。

挿入したばかりのブロックは、標準の枠(クラシック(デフォルト))が指定されています。
  
 「お知らせ」ブロックのタイトル右の「編集」をクリックします。
編集画面になるので、「ブロックスタイル」をクリック。
「テーマ」タブにてブロックの枠の指定が可能となります。
今回は、枠を消すといったことを行うので、「シンプル」をクリック(選択)します。
(選択することにより淡い背景色となります)
  
次に「一般」タブを選択します。
「ブロック名称」に「お知らせ」と表示されていますが、これが現在のブロックタイトルとなっています。
この「ブロック名称」を削除します。
「決定」ボタンをクリックします。
  
「お知らせ」ブロックですが、枠が無くなって表示されるようになりました。

このように、各掲載している情報のブロック枠の変更が可能です。
いろいろな枠があるので、いろいろと変更してみては、いかがでしょうか?
ただし、同じサイトで、いろいろな枠を使用することはデザイン的には、お勧めできません。
デザイン的には、枠無と2・3種類の枠に統一する方が、美しいサイトになるのではと思います。