5 分でできるウエッブページ

1

5 分でできるウエッブページ

IC 委員会（ Internet Communication Committee ）

Rotary International 　 District 　 2510 　

2007 年 11 月 25 日（日）　砂川市市民交流センター「ゆう」

2

用　語

ナビゲーション（ナビ）：道案内

共通の話題を持った記事群の事。記事を整理するバックナンバーのようなもの。

カテゴリー：

アーカイブ：複数の記事を１つにまとめること。記事の格納場所。

GPL ： GNU General Public License はコピーレフトのソフトウェアライセンスの代表的なものであり、 GNU GPL または単に GPL という。

　　プログラムの著作物の複製物を所持している者に対し、概ね以下のことを許諾するライセンスである。

1. プログラムの実行2. プログラムの動作を調べ、それを改変すること3. 複製物の再頒布4. プログラムを改良し、改良を公衆にリリースする権利

3

求められるスキルは？

□インターネットを使用したことがある。

□パソコンで文字を打ったことがある。

そんなあなたは、3 つのステップでウエッブページが

作成できます。

4

雛形（テンプレート）

【トップページ】【分類のページ】

3 つのページ

【一般のページ】

Wordpress ： GPL

5


Wordpress ： GPL

ヘッダー（ header)

カテゴリーナビ

最新記事（ What New)


最新記事のリスト

リンク

アーカイブ

【トップページ】

6

雛形（テンプレート）【分類のページ】

7


Wordpress ： GPL

記事

【一般のページ】

8

雛形（テンプレート）　色

9

1 ）ウエッブページの名称、簡単な説明の入力 (1/3)

① ログイン

・ admin 、パスワードを入力しログインする。

・設定ＵＲＬへ行く (http://ri2510.org/test/wp-admin/)

admin

●●●●●

10


1 ）各種設定ボタンをクリックする。

11


・ブログ名：ブログ名を入力・タグライン（ META) ：簡単な説明を入力・設定更新をクリック

12

2 ）カテゴリーの入力 (1/3)

① ログイン



13


① 管理 ② カテゴリー ③ 編集

14


① カテゴリ名：カテゴリー名を入力 ② カテゴリーを編集をクリック

この作業を繰り返す

15

できあがり！！

16


ヘッダー（ header)

トップ領域


最新記事（ What New)




例会場・事務所

リンク

アーカイブ

17

雛形（テンプレート）　色

18

※ 例会場・事務所を入力する。

・ログインする

管理ページ編集

19

※ 例会場・事務所を入力する。

内容を修正する。保存をクリック

20

※ トップページを作る

管理ページ編集

21

※ トップページを作る

内容を修正する。保存をクリック

22

できあがり！！

23

※ 記事の作成（基本）１／ 6

0 ）ログインする。

① ログイン



24

※ 記事の作成（基本）　２／ 6

① 投稿をクリック

② タイトル入力

③ 投稿内容を入力（編集）

④ カテゴリー選択

⑤ 公開をクリック

【注】「ビジュアルリッチエディタ」を使用する場合、 Enter ボタンで一行空き、 Shift + Enter で単純な改行

25

※ 記事の作成（基本）　 3 ／ 6

記事の保護（パスワードをつける）

26

※ 記事の作成（基本）　 4 ／ 6

① 参照をクリック ② タイトル入力 ③ アップロードをクリック

ファイル：（画像 pdf 等）のアップと挿入方法

27

※ 記事の作成（基本）　 5 ／ 6

① 表示方法を選ぶ ② エディタに挿入をクリック


28

※ 記事の作成（基本）　 6 ／ 6

① 挿入位置を編集 ② 公開・保存をクリック


29

投稿方法（ブロク編集ツールを使う）　１／ 17

ブログ編集ツール：オフラインでブログの記事を作成・編集：管理するツール

ウエッブ上で投稿・編集

自分のパソコン内で投稿・編集オフライン

オンライン

30

投稿方法（ブロク編集ツールを使う）　 2 ／ 17

※ 「 Windows Live Writer 」（ Microsoft 社が無償で配布）特徴

1 ）ワープロ感覚で編集できる WYSIWYG 編集機能を備えているため、 HTML のタグを知らなくても、ａ）記事全体のレイアウト、ｂ）文字修飾やハイパーリンクの設定、ｃ）画像や地図の挿入ｄ）表組みの作成などが可能。

2 ）作成した記事は「 Windows Live Writer Beta 2 」上からカテゴリを指定し、直接投稿、更新するため、ａ）投稿済みの記事を取り込んで再編集したり、ｂ）エントリーリストを取得して、特定の記事だけ削除するといった操作可能。ｃ）記事はローカルに保存しておけるので、投稿記事のバックアップ用としても利用できる。

※ 　ただし、画像以外のファイルのアップロードは難しい。

31


ダウンロード＆インストール

http://get.live.com/writer/overview からダウンロードする。

32



※ ダウンロードしたファイルを実行し、「同意する」をクリック

※ チェックマークをはずして「インストール」をクリック。

33



※ インストールが完了したら「閉じる」をクリック

※ 自動的に本体が起動するので「次へ」をクリック

34


初期設定

※他のブログサービス（ A) を選び、次をクリック

35


※ ブログホームページの URL 、ユーザー名、パスワードの入力して次へ

例 URL ：　 http://ri2510.org/ICC/ 　ユーザー名： admin 　パスワード： icc

初期設定

36


※ 使用するブログの種類を選ぶ　 WordPress 　 2.2 ＋

※ ブログのリモート投稿 URL （ U) ：　例　 http://ri2510.org/asibetu/xmlpc.php

初期設定

37


※ちゃんと取り込めるとこうなります。「完了」をクリック

初期設定

38


基本　記事を作成し投稿する。

① 記事のタイトルを入力：例 TEST です。② 記事を書く③ カテゴリーを選ぶ④ 投稿ボタンをクリック ①タイトル

②記事

③カテゴリ -

④投稿

投稿中……しばらく待ちましょう……

39


あとで書きかけに追記したり、途中まで書いて一休みするのも安心。

保存するとこうやって保存日時が一番下のステータスバーに表示されます。

そして記事が完成したら「投稿」をクリック

40


※便利機能

※下書きを自動的に保存する機能「下書きを自動的に保存する間隔」を設定しておけば、突然終了しても安心ですので、設定は必須

41


※便利機能画像の挿入（その 1 ）

画像を入れる場合には「画像の挿入」ボタンをクリック

使いたい画像を選んで「挿入」を選ぶだけ。リサイズなどは勝手にやってくれます。

42



※ 画像の周囲の枠線や余白、表示サイズや明るさ調整、回転も可能

※ 「効果」タブから「ウォーターマーク」を選ぶと透かし文字を入れることが可能

43



※白黒、セピア調、温度調整、ポップカラー、シャープ、ぼかし、浮き出しも可能

44


※便利機能地図の挿入

航空写真や地図画像を選ぶだけで地図を挿入

地図を挿入した画面

45


※便利機能表の挿入

46

Wordpress を理解するための資料

http://codex.xwd.jp/index.php/WPJ_Codexその 1 ：マニュアル

47

Wordpress を理解するための資料

その 2 ：書籍書名： WordPress2.2 でつくる！最強のブログサイト発売日： 2007/06/19 / 出版社：ソーテック社著者：田中広将・乙彼三太郎ISBN-10: 4881665782 / ISBN-13: 978-4881665787定価： 2,709 円（本体 2,580 円） / 頁数： 319 ページ・ 1 色・ B5 変形

前著の内容を踏襲し、 WordPress の導入・管理・運営までを徹底解説。テーマのカスタマイズやテンプレートタグの使用方法など、具体例を挙げて分かりやすく紹介しています

書名： WordPress 標準ガイドブック発売日： 2006/09/28著者：マクラケン直子 / 監修： WordPress Japan出版社：毎日コミュニケーションズ / ISBN ： 4-8399-2169-5定価： 3,129 円（本体 2,980 円） / 頁数： 344 ページ・ B5 変型判 CD-ROM 付

WordPress を利用して「自分だけのオリジナルサイトを作ろう ! 」と考えている方へ。 2.0 系のバイブルとなり得る充実度満点の一冊。

48

レンタルサーバ

・ PHP4 (version 4.2 もしくはそれ以上 )・ MySQL (version 4.0 もしくはそれ以上 )・独自ドメインが使える

必須条件

ロリポップ200MB ：月額２６３円（税込み）　　　 500MB ：月額３６８円（税込み）

200MB＝普通に使えば全然問題の無い容量、新聞なら約６４００ページ分！

チカッパ！

1G＝ 1000MB ：月額５２５円（税込み）　　　 2G＝ 2000MB ：月額７３５円（税込み）初期費用： 2100円（税込み）

初期費用： 3150円（税込み）

さくら

300MB ：年１５００円（税込み）月額１２５円　　　 1G＝ 1000MB ：月額５００円（税込み）

初期費用：１０００円（税込み）

http://lolipop.jp/

http://www.sakura.ne.jp/

http://chicappa.jp/

49

ドメイン

・インターネット上にある全てのコンピュータに割り当てられたＩＰアドレス(234.111.333.567等の１２桁の数字で表したもの ) を、分かりやすく覚えやすい文字列に変換したもの。・インターネット上の「住所」に例えられます。・ドメインを取得することで、覚えやすいホームページアドレスやＵＲＬを利用することができる。

ドメインとは？

. com 主に商業目的

. net 主にネットワーク関連向け

. org 主に非営利団体向け

. com. j p [ ]商業法人

. or. j p [ ]非商業法人

. ac. j p [ ]教育および学術機関

国際ドメイン

JPドメイン

種類例

取得・維持費用　 .ｊｐ　約 3,500円／年　他約 1,000円／年

http://muumuu-domain.com/

50

運営費

コース 1 ：ドメイン .org 、 200MB タイプ

独自ドメイン（ 1000円）　＋　レンタルサーバ（ 7000円）＝ 8000円／年

コース 2 ：ドメイン .org 、 1GB＝ 1000MB タイプ


コース 3 ：ドメイン .org 、 2GB＝ 2000MB タイプ


一つの会社で（ドメイン取得＋レンタルサーバ）が楽

Documents

5 分でできるウエッブページ