4-4. セル編集画面の操作

「コンテンツ編集」エリアの「Edit」ボタンをクリックすると、セルの編集が行えます。

セル編集画面の操作

4-4-1. ページタイトル、見出しの編集

見出し記入欄にタイトルを記入、「見出し属性」ボタンをクリックすると、見出し入力欄下に見出し属性編集エリアが表示されます。
「レベル」のプルダウンメニューで見出しのスタイル(ページタイトルの場合 h1、大見出しh2 など)を選択し「OK」ボタンをクリックすると設定が保存されます。
更に「id」「class」「style」の各テキストボックスに属性値を入力すると詳細な設定が行えます。

ページタイトル、見出しの編集
見出し属性編集エリア

見出しは、h1~h6まで設定可能。ただし、CSSでデザインを規定する必要があります。

4-4-2. 本文の編集(テキスト編集モード)

セルの編集画面は、初期状態ではテキスト編集エディターが表示されます。
各編集機能の詳細については、「3-2-4-2. テキスト編集エディター」をご覧ください。

本文編集画面(テキスト編集モード)
本文編集画面(テキスト編集モード)

4-4-3. 画像・素材格納フォルダ(ディレクトリ)の作成

  1. Aエリアでフォルダを作成したいディレクトリを選択して、右クリックメニューから①「新規フォルダ作成」を選択します。
    画像・素材格納フォルダ(ディレクトリ)の作成
  2. 作成されたディレクトリを選択して、右クリックメニューから②「プロパティ」を選択します。
    画像・素材格納フォルダ(ディレクトリ)の作成
  3. プロパティ画面で③「名前」、④「タイトル」を設定し、⑤「タイプ」欄で「素材」を選択し保存してください。
    ※フォルダの名前は、画像ファイルの場合は「img」、ドキュメントファイルは「file」のように、どの種類のファイルが格納されているか、名前から推測できるものを設定することをお勧めいたします。
    画像・素材格納フォルダ(ディレクトリ)の作成

4-4-4. 画像・素材のアップロード

画像のアップロードは、あらかじめ画像・素材用のフォルダ(ディレクトリ)を作成後に行います。

4-4-4-1. 主な画像・データの種類

画像素材 jpg, gif, pngなど
ファイル素材 doc, xls, ppt, pdfなど
動画素材 swf
CSS css
Script js

※画像・データの種類は初期設定時に変更可能です。

4-4-4-1. 画像・素材ファイルをアップロードする

画像の挿入や、素材へリンクを設定する場合、事前にファイルのアップロードが必要となります。
アップロードは下記の2つの方法で行うことができます。

4-4-4-1-1. Bエリアへファイルをドラッグ&ドロップしてアップロード

Bエリアへファイルをドラッグ&ドロップしてアップロード

4-4-4-1-2. セルの編集画面にて 『画像選択』ボタンを選択し「画像・素材」画面からアップロード

セルの編集画面にて 『画像選択』ボタンを選択し「画像・素材」画面からアップロード

4-4-4-1-1. 主なファイルの種類
画像ファイルの拡張子 jpg, gif, png など
ドキュメントファイルの拡張子 doc, xls, ppt, pdf など

※画像の種類は初期設定時に変更可能です。

4-4-4-1-1. 画像・素材のアップロードの手順

4-4-4-1-1-1. Bエリアにファイルをドラッグ&ドロップしてアップロード

Bエリアにファイルをドラッグ&ドロップしてアップロード

「画像・素材」画面からの画像・素材のアップロードは、ローカルにあるファイルを参照してアップロードする方法と、ファイルを直接フォルダ内へドラッグ&ドロップしてアップロードする2通りの方法があります。

4-4-4-1-1-2. ファイルを参照してアップロード
  1. 「画像・素材」選択画面にて「アップロード」ボタンをクリックします。
    ファイルを参照してアップロード
  2. ローカル環境にあるファイルを選択し「開く」ボタンをクリックすることでアップロードが開始されます。
    ※ファイルは複数選択することが可能です。
    ファイルを参照してアップロード

4-4-4-1-1-3. ファイルをドラッグ&ドロップしてアップロード
  1. 「画像・素材」選択画面にてファイルをアップロードしたいフォルダを選択します。
    ファイルをドラッグ&ドロップしてアップロード
  2. ローカルからファイルを選択し、画面内にドラッグ&ドロップしてアップロードします。
    ファイルをドラッグ&ドロップしてアップロード

4-4-4-2. 画像・素材の一括公開

ページに紐づく画像や素材は、ページの公開にあわせて公開されますが、任意に選択したファイルを一括して公開することも可能です。

  1. 右上の管理ドロップダウンメニューから「素材一括公開」を選択します。
    画像・素材の一括公開
  2. 公開予約画面が表示されますので①「ファイル選択」ボタンをクリックします。。
    画像・素材の一括公開
  3. 「画像・素材」画面から公開したいファイルにチェックを入れて②「選択」ボタンをクリックします。
    ※複数のフォルダからファイルを選択することが可能です。
    画像・素材の一括公開
  4. 公開予約画面に選択したファイルが一覧で表示されます。
    公開日時を設定し③「公開予約」ボタンをクリックして設定は完了です。
    画像・素材の一括公開

4-4-5. アップロードした画像・素材の削除

削除したいファイル名を選択しながら、右クリックメニューの「削除」を選択してください。
※ステータスが「公開中」のファイルを削除することはできません。ファイルを非公開にした上で削除を行ってください。
※一度削除したファイルについては再生することができませんので、細心の注意のうえ削除ください。

画像を選択し右クリックメニューから「削除」を選択してください。

アップロードした画像・素材の削除

画像・素材画面からもファイルを削除することができます。削除したいファイルを選択し、右クリックメニューから「削除」を選択してください。

アップロードした画像・素材の削除

4-4-6. 画像・素材のダウンロード

ダウンロードしたいファイル名を選択しながら、右クリックメニューの「ダウンロード」を選択してください。

画像・素材のダウンロード

4-4-7. 画像と文字の配置パターンの選択

「画像選択」ボタンをクリックすると画像と文字の配置パターンの選択が行えます。

画像と文字の配置パターンの選択

4-4-7-1. 画像と文字の配置パターン選択の手順

  1. 「画像選択」ボタンをクリック、画像選択画面を表示する。
  2. 該当ディレクトリから画像を選択し、「選択」をクリックする。
    ※一覧画面の各項目名をクリックすることで、並び順を昇順・降順に切り替えることができます。
     画像と文字の配置パターン選択の手順
  3. 画像と文字の配置パターンを選択し、「選択」をクリックする。
    画像と文字の配置パターン選択の手順
  4. 画像パターンとパスが表示されます。
    ※画像の配置パターンを変更する場合は、表示されている配置パターンのアイコンをクリックしてください。
    代替文字(ALT)を入力します。
    URL欄にリンク先を挿入することで、画像にリンクを設定することができます。「参照」ボタンをクリックしてリンク挿入画面から設定してください。
    また、キャプション欄に文字を入力するとキャプションが挿入されます。


    画像と文字の配置パターン選択の手順
  5. 「保存」をクリックし設定を保存します。

4-4-8. 画像配置パターン解除

  1. 「リセット」をクリックすると、「4-4-5. 画像と文字の配置パターンの選択」で設定された画像パターンを取消すことができます。
  2. 「保存」をクリックすると設定が保存されます。(アップロードされた画像は削除されません。)
画像配置パターン解除

4-4-9. プレビュー・表示確認

ページ編集後、「プレビュー」ボタンをクリック、またはページ編集エリアの「 プレビューアイコン」をクリック、または右クリックメニューの「3-2-3-7. プレビュー」を選択することで、テストプレビューが行えます。

PAGE TOP

CMS - Web Meister の資料請求やデモのご要望、導入ご検討のご質問などは下記のフォームよりお問い合わせください。

資料請求・お問い合わせ