でははじめましょう! Ⅰ 会員登録 1 FC2 のサイトを開ける (URL: FC2 ブログで検索するのが簡単 ) 2 新規ユーザー登録ボタンをクリック仮登録画面が現れる ( 図 3) 図 2 3 指示に従ってメールアドレス確認用文字を入力し次へメール

Size: px

Start display at page:

Download "でははじめましょう! Ⅰ 会員登録 1 FC2 のサイトを開ける (URL: FC2 ブログで検索するのが簡単 ) 2 新規ユーザー登録ボタンをクリック仮登録画面が現れる ( 図 3) 図 2 3 指示に従ってメールアドレス確認用文字を入力し次へメール"

ふさここしの
5 years ago
Views:

ブログを使って自分のホームページを作る使用するブログサイト FC2 FC2 の特徴 :1 無料 ( ただし 1 メールアドレスに付き1サイト ) 2 広告が付かない ( ただし 1 ヶ月以上放置すると広告が入る ) 3 大容量 (1GB ほとんど無制限と考えてよい)4 豊富なカスタマイズ機能 ( お仕着せでない画面構成が容易 ) ブログを始める登録の流れ FC2 の会員 ID

1 ブログを使って自分のホームページを作る使用するブログサイト FC2 FC2 の特徴 :1 無料 ( ただし 1 メールアドレスに付き1サイト ) 2 広告が付かない ( ただし 1 ヶ月以上放置すると広告が入る ) 3 大容量 (1GB ほとんど無制限と考えてよい)4 豊富なカスタマイズ機能 ( お仕着せでない画面構成が容易 ) ブログを始める登録の流れ FC2 の会員 ID パスワードを取得する完了メールが来る FC2ブログの登録をする登録完了通知とブログ URL( アドレス ) の通知メールが来るブログを始める登録前の準備以下のような名前を考えておく 1 ブログのタイトル ( 数文字 ) 例北摂 SITA の会ブログ 2 ブログの内容の簡単な説明 (20~40 文字 ) 例 SITA とは 3 ニックネーム ( 日本語でよい後で変更可能) 例 SITA くん 4 ブログジャンル例ブログ 5 ID 名 ( 半角英数字 URL( ホームページのアドレス ) の一部となり後で変更できない ) 例 sitahs URL: 6 パスワード ( 半角英数字 16 文字以下 )( 悪い ) 例 abcd1234 上記のデータで出来るブログ ( 図 1) 図 1 1

でははじめましょう! Ⅰ 会員登録 1 FC2 のサイトを開ける (URL:http://blog.fc2.

3 指示に従ってメールアドレス確認用文字を入力し次へメールを送付するという画面 ( 図 4) に変わる 4 画面を閉じる

2 でははじめましょう! Ⅰ 会員登録 1 FC2 のサイトを開ける (URL: FC2 ブログで検索するのが簡単 ) 2 新規ユーザー登録ボタンをクリック仮登録画面が現れる ( 図 3) 図 2 3 指示に従ってメールアドレス確認用文字を入力し次へメールを送付するという画面 ( 図 4) に変わる 4 画面を閉じる (x をクリック ) 5 しばらくして ( 普通数分以内 ) FC2 より本登録用サイトを記したメールが送られてくる図図 3 2 図 4 2

3 6 送られてくるメールの内容 ***************************************************************************************** 件名 : 会員登録用メール shiga@home. .ne.jp 様この度は FC2ID にお申し込みいただき誠にありがとうございます仮登録が完了しましたので以下のURLから本登録をしてください fc5f719ada a57d18 クリックすると電子メールの確認ページが開きますページが開かない場合は上記のURLをコピーしウェブブラウザのアドレス欄に貼り付けて Enter キーを押してください FC2,inc. ( 以下記入画面を示すが内容 ( メールアドレスニックネーム等 ) は別のブログのもの ) 7 このメールの URL をクリックまたはダブルクリックすると正式登録画面 ( 図 4) が現れる必要事項を記入し登録ボタンを押す ID 登録完了通知画面 ( 図 5) に変わる図 4 8 新規ブログ開設登録引き続き FC2 ブログの登録に進むをクリック右下の画面 ( 図 6) に変るはじめての方ボタンをクリック図登録情報入力画面 ( 図 7) が現れるので必要事項を記入する *1 ブログ ID は自分で適当に作ればよいがすでに他の人に使われている場合は拒否される使用可能かチェックするボタンで確かめる *2 ブログジャンルはボタンで選択する ( とりあえずブログを選択 ) * ブログ ID 以外は後で変更可能図 6 4 3

4 図記入が終われば最後の規約に同意して登録するボタンをクリックテンプレート選択画面 ( 図 8) が現れる * テンプレート : ブログの画面構成やブログタイトルの背景画像などのひな形のこと 10 好みのテンプレートを決めチェックボタンをクリックする ( 例ここでは color を選択 ) 選択ボタンをクリックするこれで登録完了図 8 4

ユーザー登録完了画面が現れる ( 図 9) ここにブログの URL( アドレス ) ID 等の情報が書かれている図 9 一旦サイトを閉じる ( 右上隅 xをクリック ) ( 引き続きブログの作成にかかることも出来る ) 程なくこの内容を記した fc2 登録完了通知およびブログ開設完了のメール ( 下記 ) が届く

5 ユーザー登録完了画面が現れる ( 図 9) ここにブログの URL( アドレス ) ID 等の情報が書かれている図 9 一旦サイトを閉じる ( 右上隅 xをクリック ) ( 引き続きブログの作成にかかることも出来る ) 程なくこの内容を記した fc2 登録完了通知およびブログ開設完了のメール ( 下記 ) が届く **************************************************************************************** 件名 : 登録完了のお知らせ coperstein 様この度は FC2ID にお申し込みいただき誠にありがとうございます以下が sitahs 様のログイン情報です大切に保管して下さい ( このメールはプログラムにより自動的に送信されています ) メールアドレス : shiga@home. .ne.jp パスワード : abcd1234 ログイン URL : FC2,inc. *************************************************************************** shiga@home. .ne.jp 様 -この度は FC2ブログにお申し込みいただき誠にありがとうございますユーザー登録が完了しましたので以下のURLからブログを開始してくださいあなたの素敵なブログを祈っています! ログインID:shiga@home. .ne.jp ログインパスワード :FC2ID で設定したパスワードです shiga@home. .ne.jp 様のブログURL 管理室ログインURL ご不明な点等ございましたら下記の連絡先までご連絡ください 5

Ⅱ いよいよブログを作る図 10 1 再び FC2 サイトを開く ( 図 10) http://blog.fc2.

画面ログイン欄のブログ管理画面へをクリック 3 新らしく記事を書く管理画面 >ホーム> 新しい記事を書くページを開く ( 図 11 すでにこの画面になっている ) とりあえずブログのページタイトルと本文を書き込む ( その他の欄はそのまま ) 記事を保存ボタンをクリックサイドバー >ホーム>ブログの確認をクリック作ったブログ画面が表示される

6 Ⅱ いよいよブログを作る図 10 1 再び FC2 サイトを開く ( 図 10) 2 ログイン欄に先に登録完了通知メールで知らせてきたユーザー ID( 又は登録に使ったメールアドレス ) とパスワード欄を記入しログインボタンをクリック ( ログイン状態を保持するチェックボタンは空白のままでよい ) 管理画面 > 新しく記事を書くページ ( 図 11) が現れる *2 度目以降ですでにログイン状態になっているときは FC2BLOG 画面ログイン欄のブログ管理画面へをクリック 3 新らしく記事を書く管理画面 >ホーム> 新しい記事を書くページを開く ( 図 11 すでにこの画面になっている ) とりあえずブログのページタイトルと本文を書き込む ( その他の欄はそのまま ) 記事を保存ボタンをクリックサイドバー >ホーム>ブログの確認をクリック作ったブログ画面が表示される OKなら右上隅のログアウトこれで最も簡単なブログが完成図 11 4 通知された URL を開くと公開されたブログが見られる ( 図 1) 念のためメールで通知された自分のブログ URL( 例 : を開き確認しておく * 図 11 の画面左サイドバーにホームコミュニケーション環境設定欄のある画面を ( ブログ ) 管理画面と呼ぶ ( ただし各欄の項目が折りたたまれ表示されない場合もあるこのときはその欄の表題 ( ホーム等 ) をクリックすると現れる ) 右側の本体左上の表記 ( この場合は新しく記事を書く ) をページ名とする以下図 11 のような画面を管理画面 >ページ名画面と記す 6

Ⅲ 画像入り記事を書く 1 はじめに使いたい画像のサイズを縮小しておく ( ブログ製作画面上でも可能だが元画像が大きいと時間がかかり推薦しない ) 大きさは横幅 400dot 以下半角英数字で名前を付けて保存しておく (

( 山のイラスト ) をクリックファイル管理ページ ( 図 12) が現れる 3 ファイル欄の参照ボタンをクリックファイル選択画面が現れる先ほど保存した画像ファイルを選択しダブルクリック ( 又は右下開くボタンをクリック )

その画像の右欄のこの画像で記事を書くボタンをクリック再び記事を書く画面が現れるただし書き込み欄は画像の種類や位置を表す文字 (html 文 ) のみが表示され下部の画像欄 ( 図 13) に写真が現れる画像の下に文章を書き込む場合は html 文の下

7 Ⅲ 画像入り記事を書く 1 はじめに使いたい画像のサイズを縮小しておく ( ブログ製作画面上でも可能だが元画像が大きいと時間がかかり推薦しない ) 大きさは横幅 400dot 以下半角英数字で名前を付けて保存しておく ( 日付をファイル名に入れておくと後で便利例 :080427test) このとき保存したフォルダ名を記録しておく図 12 2 Ⅱの要領で管理画面 > 新しく記事を書くページを開き必要な文字情報を入力した後書き込み欄上部のツールバーにあるファイル挿入小アイコン ( 山のイラスト ) をクリックファイル管理ページ ( 図 12) が現れる 3 ファイル欄の参照ボタンをクリックファイル選択画面が現れる先ほど保存した画像ファイルを選択しダブルクリック ( 又は右下開くボタンをクリック ) タイトル欄に画像のタイトルを書き込む ( 任意日本語可 ) サムネール欄はチェックを外す同名ファイル欄は上書き保存アップロードボタンをクリック下のファイル情報表に選択した画像のサムネール ( 小さな絵 ) が現れるその画像の右欄のこの画像で記事を書くボタンをクリック再び記事を書く画面が現れるただし書き込み欄は画像の種類や位置を表す文字 (html 文 ) のみが表示され下部の画像欄 ( 図 13) に写真が現れる画像の下に文章を書き込む場合は html 文の下上に書きたいときは html 文の上に書き込む画像の下にある記事を保存ボタンをクリック記事の編集ページ ( 図 14) が現れる 4 サイドバー内のホーム>ブログの確認をクリック今作ったページが現れるこの画面は実際にインターネットで見られる画面で確認が出来れば右上隅のメニューバーのログアウトをクリックし終了するこれで出来上り図 13 図 12 図 14 7

5 訂正が必要なら管理画面 >ホーム> 過去の記事の管理をクリック過去の記事のリストが現れるので該当する記事の編集ボタンをクリック記事の編集ページが開くので訂正しする記事の保存ボタンをクリック記事の保存メッセージ ( 図 14) が現れる再びブログの確認をして終了 * Ⅲ-3でサムネイル行の同時に作成するにチェックを入れるとブログ画面にサムネイル ( 縮小した画像 ) が現れ

8 5 訂正が必要なら管理画面 >ホーム> 過去の記事の管理をクリック過去の記事のリストが現れるので該当する記事の編集ボタンをクリック記事の編集ページが開くので訂正しする記事の保存ボタンをクリック記事の保存メッセージ ( 図 14) が現れる再びブログの確認をして終了 * Ⅲ-3でサムネイル行の同時に作成するにチェックを入れるとブログ画面にサムネイル ( 縮小した画像 ) が現れこれをクリックすると原寸の画像が現れる Ⅳ サイドバー画面をカスタマイズする ( 必要な項目のみを表示する ) 一般的にブログ画面は上部にあるブログタイトルその下の本文両側又は片側のサイドバーによって構成されるサイドバーには作者紹介 ( プロフィール ) 目次( 最近の記事のタイトルクリックするとそのページに飛ぶ ) などの機能 ( プラグインと呼ぶ ) をもつ項目が並ぶが中には初心者には不必要な機能もある大枠の構成は選んだテンプレートによって決まるがここでは color テンプレートの場合について不必要な項目を削除する方法を示す 1 Ⅱの要領で管理画面に入りサイドバーの環境設定欄のプラグインの設定をクリックプラグイン管理ページ ( 図 15) が現れる図 15 2 画面下部のプラグインカテゴリ 1 プラグインカテゴリ2 リストの内プロフィール最近の記事最近のコメントリンクのみ表示ボックスにチェックを入れそれ以外の項目のチェックを外すサイドバーホーム>ブログの確認をクリック不必要な項目がサイドバーから消えていることを確認する 3 プロフィール ( 自己紹介欄 ) の編集サイドバー > 環境設定欄 >プロフィールの編集をクリックプロフィール編集ページが現れるあなたの紹介文欄に作者や団体の簡単な紹介を書き込む ( 必要ならプレビュー欄に顔写真やロゴを入れることも出来る ) 更新ボタンをクリックブログの確認をしてログアウトで終了本文のスタイルをカスタマイズする 8

Ⅴ 本文欄をカスタマイズする ( 記事や題目の表示順序を変える ) 1 環境設定欄 > 環境設定の変更をクリック環境設定ページのユーザー情報の設定画面 ( 図 16) が現れる必要があればブログの名前や説明を書き直し更新ボタンをクリックするブログの確認をする図 16 2 記事やサイドバーの表示順序を変える 1 に従って環境設定画面の上部の表 4 のブログの設定タブをクリック

9 Ⅴ 本文欄をカスタマイズする ( 記事や題目の表示順序を変える ) 1 環境設定欄 > 環境設定の変更をクリック環境設定ページのユーザー情報の設定画面 ( 図 16) が現れる必要があればブログの名前や説明を書き直し更新ボタンをクリックするブログの確認をする図 16 2 記事やサイドバーの表示順序を変える 1 に従って環境設定画面の上部の表 4 のブログの設定タブをクリック記事の設定画面に変わる好みに応じて設定変更をする例 : (i) 記事 ( ページ別 ) 行の表示順をボタンにより古い順に変更 (ⅱ) 拍手ボタンの設定をボタンによりなしに変更更新ボタンをクリック Ⅴ 本文欄をカスタマイズする ( コメントの受け入れの可否を設定する ) 1 Ⅲ 6 に従って過去の記事の管理画面に入るコメントを受け入れたいページの編集ボタンをクリック記事の編集画面最下段の表にあるコメント行の受け入れる受け入れないを選択する記事を保存ボタンをクリックさらにいろいろな機能を使いたいときは * 邑ネットワーク著 FC2ブログではじめるこだわりのブログ ( 翔泳社 ) を参考 * FC2 のサイトのメニュー >とにかくはじめたい方をクリックすれば簡単な説明が見られるまたメニュー >ブログQ&A も参考になる * 本講習についての質問は又は shiga@home. .ne.jp へ遠慮なく問い合わせて下さい 9

1 フリーページを表示する 1-1 フリーページのカテゴリを作成しますフリーページのカテゴリの情報を入力します 1 複数のフリーページを記事のジャンルや種類で分けその見出しを入力しますお店ページの左サイドバーに表示します 2 消費者が検索エンジンで検索するであろう記事の特長や内容をあらわす

1 フリーページを表示する 1-1 フリーページのカテゴリを作成しますフリーページのカテゴリの情報を入力します 1 複数のフリーページを記事のジャンルや種類で分けその見出しを入力しますお店ページの左サイドバーに表示します 2 消費者が検索エンジンで検索するであろう記事の特長や内容をあらわすフリーページを作成表示する方法 < 目次 > 1 フリーページを表示する 2 1-1 フリーページのカテゴリを作成します 1-2 フリーページの記事を作成します 2 フリーページの記事を編集する 6 3 コメントトラックバックを管理する 7 3-1 コメントの掲載状態を変更します 3-2 トラックバックの掲載状態を変更します 4 フリーページのカテゴリの表示設定とレイアウトを調整する 9 このページは