広告を含む場合があります

WordPressで簡単なホームページを作成する

WordPressを使った基本的なホームページの作成方法を説明します。

WordPressのインストール方法については、使用しているサーバのマニュアルを参照ください。

CoreServerを使用している方は、こちらを参照ください。

WordPressのインストール
CoreServerの管理画面から、WordPressをインストールする方法を説明しています。

この記事では、WordPressインストール後の手続きについて説明します。

Cocoon(WordPressのテーマ)をインストールする

WordPressでは、テーマを決めることにより、サイト全体のデザインを決めることがてきます。

当サイトでは、次の理由でテーマとして、Cocoonが選んでいます。

・無料で利用できる

・有料テーマに匹敵するほどの高機能とSEO対策が最初から揃っている

・日本人開発者によるテーマのためマニュアルや公式フォーラムが充実している。

次の記事では、Cocoonのインストール方法について、説明しています。

Cocoonのインストール
WordPressで、テーマとしてCocoonをインストールする方法を説明します。

テスト用の記事を数ページ作成する

次のSTEPであるスキンの選択時に、デザインを確認するため、数ページの記事を作成しておきます。後で、削除、変更は可能ですので、内容は何でも構いません。(スキンとは、Cocoonの機能の中で、選択できるWebサイト全体のデザインのことです)

1.テスト用に、トップページで表示する固定ページを1ページ作成します。(内容は後で変更しますので、記載内容は仮のものでかまいません)

固定ページは、トップページに表示する内容、および、問い合わせページやPrivacyPolicy等の変更の少ないページが該当しますが、ここではとりあえずトップページの内容を。

固定ページの作成方法は、次の記事で紹介しています。

固定ページ、投稿ページの作成方法
WordPressの固定ページ、投稿ページの編集方法について説明します。

2.テスト用に投稿ページを数ページ作っておきます。(後で変更・削除可能です)

  投稿記事作成時にカテゴリーを登録する必要がありますが、とりあえず「その他」で構いません。

  投稿ページの作成方法は、次の記事で紹介しています。

固定ページ、投稿ページの作成方法
WordPressの固定ページ、投稿ページの編集方法について説明します。

3.テスト用にカテゴリーを作り、投稿ページを割り当てておきます。(後で変更・削除可能です)

WordPressのカテゴリーは、投稿を分類・整理するために使います。投稿には、必ず1つ以上のカテゴリーを設定します。

カテゴリーの作り方は、次の記事で説明しています。

カテゴリーを作る
WordPressでカテゴリーを作る方法を説明しています。

スキンを選択します

スキンとは、Cocoonに内蔵されているデザイン(Webサイト全体のイメージ)のことで、数十種類の中から選択することができます。

当サイトでは、「手書きてがきノート(グリーンオレンジ)[作成:ゆうそうと]」というスキンを使用しています。「ゆうそうと」さんが作成されたスキンを使用させていただくという形式になります。

次の記事で、スキンの選択方法を説明しています。

スキン(ブログのイメージ)の選択
Cocoonの設定の中で、スキン(ブログのイメージ)のせっいい方法を説明しています。

必要に応じてWordPressの設定を行います

次の内容について、必要に応じて、WordPressの設定を行います。(順番は任意です)

1.標準では、サイドバーに数種類のウィジットが含まれていますので、不要なウィジェットを削除します。

設定方法は、次の記事を参照ください。

サイドバーの不要なウィジットを消す
サイドバーの不要なウィジットを消す方法を説明しています。

2.サイドバーに「新着情報」のウィジットを追加します。

「新着情報」のウィジットでは、新しく投稿した投稿記事へのリンクを指定件数分表示します。

設定方法は、次の記事を参照ください。

サイドバーに新着情報を表示する
画像のように、サイドバーに新着所恵方を表示する方法を説明します。新着情報を表示する方法1.WordPressの管理画面のメニューで、外観 → ウィジェット を開きます。2.右側の一番上に「サイドバー」が表示されています。3.左側の「利用でき…

3.サイドバーに「検索窓」のウィジェットを追加します。

「検索窓」のウィジットでは、サイト内の記事を指定した文字列で検索できます。

  設定方法は、次の記事を参照ください。

サイドバーに検索窓を追加する
WordPressのサイドバーに検索窓を追加する方法を説明しています。

4.トップページに作成した固定ページを表示します。

  設定方法は、次の記事を参照ください。

トップページに固定ページを表示する
固定ページをトップページに表示する方法を説明します。

5.ヘッダーにメニューを表示させます。

  設定方法は、次の記事を参照ください。

ヘッダーメニューを設置する
ヘッダーのところに、メニューを設置する方法を説明しています。

6.サイドバーに「カテゴリー一覧」のウィジットを追加します。

  設定方法は、次の記事を参照ください。

サイドバーにカテゴリー一覧を設置する
WordPressのサイドバーにカテゴリー一覧を設置する方法を説明します。

必要に応じてCocoonの設定を行います

必要に応じてCocoonの設定を行います。(順番は任意です)

1.パンクズリストを表示させます。

  次の記事で、設定方法を紹介しています。

パンくずリストを表示する(消す)
WordPressのCocoon設定で、パンくずリストを表示する方法、消す方法を説明しています。

2.コメント入力欄を消します。(コメント欄が必要な場合は変更不要です)

  次の記事で、設定方法を紹介しています。

コメント入力欄を消す(表示する)
WordPressでCocoon利用時には、初期状態でコメント入力欄が表示されています。これを消す方法、および、表示する方法を説明します。コメント入力欄の表示、非表示を設定します。

3.ページ送りナビを消します。(必要な場合は変更不要です)

  次の記事で、設定方法を紹介しています。

ページ送りナビを消す(表示する)
ページ送りナビを表示する方法、消す方法を説明しています。また、表示する場合の設定項目を紹介しています。

問い合わせページを作成します

問い合わせページを作成します。設定方法は、次の記事を参照ください。

問い合わせページの設置
Contact Form 7 のインストール1.WordPressの管理画面で、プラグイン → プラグイン追加 を選択します。2.「プラグインの検索」に"contactform"と入力して検索します。3.Contact Foem 7 が表示…

PryvacyPolicyページを作成します

PryvacyPolicyページを作成します。設定方法は、次の記事を参照ください。

PryvcyPolicyの作成
WordPressのサイトで、PryvcyPolicyページの作成方法を説明しています。

フッターメニューに問い合わせページとPryvacyPolicyを追加する

問い合わせページと、PryvacyPolicyをフッターメニューに設定します。設定方法は、次の記事を参照ください。

フッターメニューの追加
WordPressで、問い合わせページ、Privacy Policy等を、フッターメニューに表示する方法を説明しています。

正式な固定ページ、投稿ページを追加

正式な固定ページ、トウコウページとして、仮のページを更新するか、または、新規追加します。