本文へジャンプします。





現在位置:TOP > ホームページの作り方 > ココログでホームページ簡単作成!


ココログでホームページ簡単作成! powered by ココログ

このページでは、ココログ別ウィンドウで開きますを使ってホームページを作成する方法をご案内します。
ココログなら専門知識なしで簡単に作れます。

目次
  1. ホームページの構成を考える
  2. ココログに登録しデザインを選択する
  3. ココログでページを作る
  4. 自分のホームページの表示設定をする
  5. できあがりを確認する
  6. ページの修正や削除をする場合

1. ホームページの構成を考える

ホームページを作る時に一番大切なのは、内容です。内容を決めて、次にページ構成を考えます。
どの情報がどのページにあるか、そのページは他のページとどのような関係にあるのかなどを整理します。

例として以下のようなページ構成で作る場合を説明していきます。

ページ構成例:トップページ-自己紹介、フォトギャラリー1、フォトギャラリー2、日記(ブログ記事)

2. ココログに登録しデザインを選択する

あらかじめココログに登録し、好きなデザインを選択しておきましょう。
デザインは、人気のキャラクターからシンプルなものまで300種類以上あります。後から変更できます。
以下のバナーから登録できます。

ココログに新規登録
参考:登録、デザイン選択の方法

3. ココログでページを作る

登録とデザイン選択が終わったら、さっそくトップページから作っていきましょう。
ココログの「ウェブページ作成」機能を使用します。

  1. (1) 自分のココログの管理ページにログインし、タブの「作成」をクリックします。

    タブの「作成」をクリック画面
  2. (2) 「ウェブページ作成」のリンクをクリックし、作成ページに移動します。
    ページの「タイトル」と「ウェブページの内容」を入力しましょう。

    「タイトル」と「ウェブページの内容」を入力画面

    画像も入れられます。画像のアップロードボタンを押して、ご自分のパソコンの中の画像を選んでください。

    参考(ココログのブログ記事作成とほぼ同じ方法です)
  3. (3) 内容の入力が終わったら、ページ下にある「ファイル名」入力欄に適当なファイル名(半角英数字)を入力して「保存」ボタンを押します。作成したウェブページが保存されます。

    「ファイル名」入力画面

    保存が終わったら、「ウェブページの作成」リンクをクリックし、新規の作成ページに移動します。

    「ウェブページの作成」リンクをクリック画面
  4. (4) 続けて他のページを作成しましょう。同じ作業を繰り返してページを作成します。

    以下は、ページ作成のイメージです(画像クリックで拡大します)。

    例)「自己紹介」のページ
    例)自己紹介のページ
    例)「フォトギャラリー1」のページ
    例)「フォトギャラリー1」のページ
    例)「フォトギャラリー2」のページ
    例)「フォトギャラリー2」のページ
  5. (5)「日記」のページの作成

    「日記」のページに関しては、ココログのブログ記事を利用し作成してみましょう。
    高度で便利な機能が付くページが簡単に作れます。

    以下のページを参考にしてください。

4. 自分のホームページの表示設定をする

続いて自分のホームページの表示設定を行います。

  1. (1) まずトップページ(はじめに表示されるページ)の設定をします。

    ウェブページのトップページ(3.で作ったページ)がはじめに表示される様にします。
    タブの「設定」→「表示方法」のリンクをクリックし、ページを移動します。

    トップページ(はじめに表示されるページ)の設定画面

    「ブログの表示設定」にある「トップページ」の設定で、「ウェブページを表示」にチェックを入れ「トップページ」(3.で作ったページ)を選択してください。

  2. (2) 次にページのサイドに表示させる項目を選びます。

    タブの「デザイン」→「表示項目を選択」のリンクをクリックします。

    「表示項目を選択」のリンクをクリック画面

    ページに移動したら「サイドバー項目」の表示設定を行います。
    表示させたい項目にチェックを入れ、不要な項目はチェックを外しておきます。
    今回の例では、シンプルに「ウェブページ」、「バックナンバー」、「アクセスカウンター」にチェックを入れました。「バックナンバー」は、日記のページへのリンクに必要です。
    最後にページ下の「保存」ボタンを押します。

    「サイドバー項目」の表示設定画面

    「アクセスカウンター」に関しては、お好みでチェックを入れてください。設定は、使い方ガイド 解析オプション 6:カウンター設定別ウィンドウで開きますを参考にしてください。

  3. (3) 次に表示させる項目の並べ方を設定します。

    「並べ方を変更」のリンクをクリックします。

    「並べ方を変更」のリンクをクリック画面

    以下のような並べ方編集ページでサイドバー項目を適当な並び順にします。
    ウェブページの項目は、見に来た人にわかりやすい一番上の位置がよいでしょう。

    サイドバー項目の並び順設定画面
  4. (4) 最後にページ下の「反映」ボタンをクリックして、設定内容を反映させます。

    「反映」ボタンをクリック画面

    別ウインドウで以下のページが表示されるので、すべてのファイルを反映させます。

    別ウインドウのすべてのファイルを反映画面

    これでココログの設定は終了です。

5. できあがりを確認する

4. まで終わったら、自分のホームページ(ブログ)を確認してみましょう。
右上の「ブログを表示」のリンクをクリックすると表示されます。

「ブログを表示」のリンクをクリック画面

以下は、完成したページのイメージです(画像クリックで拡大します)。

例)トップページ
例)トップページ
例)「自己紹介」のページ
例)「自己紹介」のページ
例)「フォトギャラリー1」のページ
例)「フォトギャラリー1」のページ

6. ページの修正や削除をする場合

ページの修正や削除が必要な場合、タブの「管理」→「ウェブページ」をクリックし、ウェブページの管理ページに移動します。
修正などするページのタイトルをクリックし、編集ページに移動し修正後、「保存」や「削除」ボタンを押し、最後に反映し直してください。

ページの修正や削除をする説明画面

詳細やわからない点については、ココログ使い方ガイド別ウィンドウで開きますを参考にしてください。


はじめてホームページを作る

  • ココログでホームページ簡単作成!
関連サービスのご案内