ホームページ制作サービス、オープンソース、CMS DESIGN

②　基本的な更新作業

コンテンツアイテム管理

「コンテンツアイテム管理」には主に、トップページに表示されてるものと、ページが増えたり減ったりするものが入っています。コンテンツアイテム管理ボタンをクリックすと次のような画面になり、管理されてるページのタイトルが並んで出てきます。ページはそれぞれ「セクション」「カテゴリ」に分かれており、ページが多い場合等に「セクション選択」※①「カテゴリ選択」※②で絞り込む事ができ、更新したいページを探しやすくなります。

更新したいページ（部分）のタイトル※③をクリックすると下記の画面になります。

※①の枠内にホームページに表示されているものが出てきます。

文章の変更

文章に関してはワードと同じ感覚で、文章を追加したり、修正したり、削除したり出来ます。
注意：（改行をする際はSift+Enterをクリックして下さい。Enterのみですと、「段落」（＜ｐ＞ タグ）という意味合いになりますので通常よりもスペースが空きます。）

修正が終わったら「保存」※②又は「適用」※③をクリックせばWEB上に反映されます。
注意：（保存・適用をクリックすと前の状態に戻りませんので、内容をよく確認してクリックすようにしてください。）
「保存」と「適用」の違いは「保存」をクリックすと前のタイトル選択画面に戻りますが、「適用」は画面が変わらないので続けて編集が出来ます。

編集中にデザインが崩れてしまって元に戻らなかったり、必要な部分が消えてしまったりした場合は、
「キャンセル」※④をクリックせば何も保存されずにタイトル選択画面に戻ります。

写真・画像の変更

まず、今ある画像のサイズに合わせて新しく入れたい画像を用意します。
注意：新しく用意する画像の名前は必ず半角英数字にして下さい。（それ以外の場合うまくHPに反映出来ません）また、利用できる画像の拡張子は「.jpeg」 「.gif」 「.png」です。
（写真画像のサイズ変換ソフト等お持ちでない方はフリーソフト等をダウンロードして対応して下さい。）
参考：http://www.vector.co.jp/soft/winnt/art/se261806.html?g

画像サイズの確認の仕方は、まず変えたい写真をクリックで選択します。※①
写真が白い四角で囲まれたのを確認したら「イメージ挿入/編集ボタン」※②をクリックします。

そうすると、下記イメージプロパティが出て、幅と高さ※①が表示されますのでそこで確認してください。（値はピクセル）


変える画像と同じサイズの画像が用意できたら今後写真の管理をしやすくする為に
URL欄※②で現在の写真の保存先を確認します。(images/の後を確認してください)
例：ドメイン名/images/gallery/kokubo7.jpg
（この場合「gallery」というフォルダの「kokubo7.jpg」という写真を今使ってるという意味。）
確認して「サーバーブラウザ」※③をクリックすると下記のように「images」フォルダが開きます。


今回の場合「gallery」のフォルダに写真が入っていたので「gallery」※①（上記）を選択すると、
下記のようにフォルダが出てきて、今使ってある写真があります※①（下記）。


それが確認出来たら、「参照」※②をクリックして新しく使いたい画像をパソコン上の中から選ぶと、「Upload a new file in this folder」※③に表示されるので、「Upload」※④をクリックします。
そうすると、新しい画像が「※⑤」の中に追加されてますので、それを選択します。

新しい画像を選択すると下の画面になりますので、
プレビュー欄で新しい画像が間違ってないか確認します※①。
（もし間違っている場合は「サーバーブラウザ」をクリックして再度写真を選択するか「キャンセル」※④をクリックして最初からやり直してください。）
次に新しい画像に合わせて「代替テキスト」※②に写真の説明を打ち込みます。
すべて確認できたら「OK」※③をクリックします。

そうすると画像が新しくなっている※①ので、間違っていなければ
「保存」か「適用」※②をクリックすと、HP上に反映されます。
もし間違っていれば、最初からやり直すか、「閉じる」※③をクリックすと最初の状態に戻ります。

静的コンテンツ管理

静的コンテンツ管理に関しては、画像と文章の変更がメインになりますので、上記で説明した「文章の変更」「写真・画像の変更」を参照に更新して下さい。やり方はコンテンツアイテム管理と全く同じです。

更新の流れ
「静的コンテンツ管理」をクリック→更新したいページの「タイトル」をクリック→
ページの更新をし「保存」もしくは「適用」をクリック
以上で更新作業が終わりです。