小出商工会 ホームページ更新マニュアル
ホームページ構成

今までのホームページ

新しいホームページ
自動転送

携帯を対象にしたページ

PC を対象にしたページ

http://www8.ocn.ne.jp/~koidesyo/

http://uonumanet.com/~koidesh/

新しいホームページは、ブログなどに使われているプログラムで動作しているため、ホームページ作成の知識や技術がなくても、ホームページをつくることができます。
ホームページ上で、変更や更新が可能となり、専用ソフトがなくても、インターネットに接続されたパソコンさえあれば、誰でもホームページ作りが可能です。

CMS システム
無償のものから、大規模サイトの管理を行うことも可能な数 100 万円以上のものまで、幅広い価格の製品があります。
Movable Type が有名で(個人利用無料、商用利用 63,000 円)、そのほか
Geeklog、XOOPS Cube、Joomla、 ZenCart、Wordpress、Nucleus、EC-CUBE、OpenPNE など、多数存在します。
ビジネスブログといわれるもので、ユーザーサイドの操作が非常に簡単になるというメリットがあります。
しかし、デザイン変更やカスタマイズ、SEO 対策などの設定は、やはり難しいです。
業者委託の相場は、インターネットなどで調べると最低でも 10～20 万円。簡単なページづくりでも実際は 20 万円以上すると思います。

1小出商工会 ホームページ更新マニュアル
誰でも簡単に更新ができる CMS システム
1.

CMS とはコンテンツマネジメントシステム（Content Management System,CMS）。
Web コンテンツを構成するテキストや画像、レイアウト情報などを一元的に保存・管理し、サイトを構築したり編集したりするソフトウェアのこと。コンテンツ管理シ
ステムとも呼ばれる。
Web サイトを構築するには、テキストや画像を作成するだけでなく、HTML や CSSなどの言語でレイアウトや装飾を行い、ページ間にハイパーリンクを設定するなどの作業も行う必要がある。
これらの作業が、初心者に難しく感じさせ、ホームページ作りは「大変」だと思わせる要因だった。
これらの要素を分離してデータベースに保存し、サイト構築をソフトウェアで自動的に行うようにしたものが CMS である。
2. CMS のメリット
CMS を導入すれば、ホームページの管理者は、HTML などの知識を習得する必要はなく、ホームページが更新されるたびにデザイン作業を変更する必要がなくなる。
また、サイト内のナビゲーション要素なども自動生成するため、ページが追加されるたびに関連するページにリンクを追加するといった煩わしい作業からも解放される。
CMS の中には、サイトのデザインを「テンプレート」(ひな型)としてあらかじめいくつか用意しているものもあり、これを使えば画像の作成やデザインなどを行うことなくサイトを構築することができる。
3. 企業サイトのシステムの一つ
CMS は、HTML（XHTML）＋CSS（＋Ajax／JavaScript）などのような、Webページを作成するための専門知識を必要とせずに、Web サイトのコンテンツ管理を実現する仕組みである。
無償のものから、大規模サイトの管理を行うことも可能な数 100 万円以上のものまで、幅広い価格の製品が存在する。
企業がホームページを所有することが当たり前のものとなり、「せっかく Web サイトを構築するのであれば積極的に更新して活用したい」というニーズが高まってきた。
このニーズに応えるのが、クライアント（顧客、ユーザー）に情報を更新してもらおうという「CMS」である。

2小出商工会 ホームページ更新マニュアル
WordPressの管理画面（ダッシュボード）ニュースの更新（新規投稿）
1.

「新規投稿」ボタンをクリック（または「投稿」→「新規追加」

2.
3.

タイトルを入力。
「アップロード／挿入」の「画像を追加」ボタンをクリック。

3小出商工会 ホームページ更新マニュアル
4.
5.

「画像を追加」画面で、「コンピュータから」の見出しを選択→「ファイルを選択」をクリックする。
掲載したい画像を選択して、「開く」ボタンをクリック。
※アップロードできるファイルの大きさには制限があります。
※大きすぎる場合は、小さいサイズに加工してから、アップロードしてください。

4

小出商工会 ホームページ更新マニュアル
6.

画像のタイトルや配置、大きさなどを設定して、「投稿に挿入」ボタンをクリックする。
※挿入する画像は、大きすぎるとエラーになるので、事前に小さくする必要があります。
※PDF ファイルも同様の方法で、投稿ページに追加可能。

5

小出商工会 ホームページ更新マニュアル
7.

写真が追加されたら、文書を入力する。

8.
9.

右側の「カテゴリー」を選択する。
最後に「公開」（「更新」）ボタンをクリックすると、ニュースが掲載される。

6

小出商工会 ホームページ更新マニュアル
ホームページの更新（固定ページ）
1.
2.

左側のメニュー「固定ページ」→「固定ページ」。
変更したいページをクリック。

3.
4.

変更したい部分を表示させ、修正する。
右側の「更新」ボタンをクリックすると、ページが変更される。

7

小出商工会 ホームページ更新マニュアル
リンク集のリンク先の追加
1.

リンクしたいホームページを表示し、そのホームページアドレスをコピーする。

2.
3.

管理画面（ダッシュボード）に戻り、左側のメニュー「リンク」→「新規追加」。
新規リンクの追加の画面で、「ウェブアドレス」にコピーしたホームページアドレスを張り付ける。

8

小出商工会 ホームページ更新マニュアル
4.
5.
6.

名称や説明などを入力する。
「カテゴリー」を選択する。
右側の「リンク追加」をクリックすると、リンク集に追加される。

9

小出商工会 ホームページ更新マニュアル
使っていない画像の削除
1.
2.
3.
4.

左側のメニュー「メディア」→「ライブラリ」。
「未使用」を選択する。
削除したい画像にマウスを合わせると、「完全に削除する」が表示されるので、クリックする。
「OK」
。

10

小出商工会 ホームページ更新マニュアル
写真の加工(Photo Deluxe)※写真の容量が大きすぎるとき、小さく加工する必要があります。
1.
2.

写真を読み込む→開く。
加工する写真を選択する。

11

小出商工会 ホームページ更新マニュアル
3.
4.
5.

保存と送信→「Web…」を選択。
1.切り取り。
2.サイズ→写真サイズ」ボタンをクリック。

12

小出商工会 ホームページ更新マニュアル
6.

写真のサイズを小さく指定して、「OK」。

7.

3.下げる→「解像度を下げる」ボタンをクリックする。

13

小出商工会 ホームページ更新マニュアル
5.
6.
7.
8.

選択→「JPEG 形式」ボタンをクリック。
保存場所を指定し、ファイル名を入力してから、「保存」ボタンをクリックする。
「OK」で保存される。
5.終了で、最初の画面に戻り、PhotoDeluxe を終了する。

14

小出商工会 ホームページ更新マニュアル
Google カレンダーの更新(Google のホームページから Google カレンダーに移動して、ログインする)

15