WordPress で静的なホームページを作成する方法

新しい WordPress サイトを始めたばかりの頃は、ホームページにはデフォルトでブログの最新記事が表示されます。

最近書いた記事ではなく、特定の記事をホームページに表示したい場合は、WordPressのバックエンドパネルで「静的フロントページ」オプションを有効にする必要があります。

WP Buffsの私たちのチームは、ウェブサイトのオーナー、代理店パートナー、フリーランスパートナーが、静的ホームページと動的ホームページのどちらを選択するかを決めるお手伝いをします。

Why Would I Want a Static Post On My Homepage?

ビジネスを運営していて、組織の歴史に関連する特定の記事や、製品の価格、あるいは会社が受けた良いPRなどを強調したい場合、静的なフロントページはその特定の記事の視認性を高めるのに役立ちます。

  • あなたは、訪問者がホームページにアクセスしたときにすぐに見ることが本当に重要だと考えています
  • あなたの読者は本当に気に入っているようです
  • 読者のコンバージョンが特に高い(ニュースレターに登録する、サービス/製品を購入するなど)。

WordPressにはどんなレイアウトや構造のオプションがあるか

4つあります:

  • ブログ。
  • ブログ:これは伝統的なフロントページのレイアウトで、記事は逆の年代順にホームページに掲載されます。
  • 静的フロントページ:これも伝統的な静的 HTML ホームページのモデルです。
  • Static Front Page Plus Blog: これも伝統的な静的 HTML ホームページのモデルで、固定されたフロントページと、ページに配置されたコンテンツを持ち、投稿、カテゴリ、タグを使用することはほとんどありません
  • Static Front Page Plus Blog: このレイアウトでは、歓迎や紹介のための静的なホームページと、記事を管理するためのブログを備えています。 ページは、お問い合わせ、サービス、会社概要などの常設コンテンツを表示するために利用されることがあります。
  • Dynamic Front Page(動的フロントページ)。 これは統合モデルと呼ばれることもあります。 ダイナミックなサイトデザインは、固定のホームページとブログを備えています。 しかし、フロントページはダイナミックです。

静的なホームページを設定する際に覚えておきたいこと

最近公開された記事をリストアップするブログセクションも作成したいものです。

Already Have Posts On Your Homepage?

WordPressのテーマがホームページに記事を表示するものであれば、プラグインを使って特定の記事をスティッキーにすることができます。 これにより、いつ公開された記事であっても、選択した記事が最初に表示されるようになります。 下の画像は、Themetry社のWordPressテーマで、投稿をホームページ上に表示しています。

themetry

themetry

WordPressプラグイン「Ultimate Sticky Posts Widget」を使えば、去年公開されたものでも数分前に公開されたものでも関係なく、ホームページに表示されるスティッキーポストを作成することができます。

ltimate Sticky Posts Widget WordPress Plugin

ltimate Sticky Posts Widget WordPress Plugin

独自の静的なホームページを作成するにはどうしたらいいですか?

Step 1: 「ホーム」ページを作る

    • 最初のページのタイトルは「ホーム」にします。

home

home
  • 先ほど作成した新しいHomeページに、静的なホームページに表示したいコンテンツを追加します。
  • このページを公開します!

Step 2: 「ブログ」ページの作成

    • 2つ目のページのタイトルは「ブログ」にします(「ニュース」や「記事」など、記事の集まりを何と呼んでもかまいません)。
    • ページタイトルだけが使用されるので、このページには何もコンテンツを追加しないでください。

blog

blog
  • このページを公開してください。

Step 3: Static Page Optionの変更

    • 「設定」に移動 > 「読み」
    • 「フロントページの表示」を静的ページに設定し、ステップ1で作成したページ(「ホーム」)をフロントページに選択します。 注意: このオプションが表示されるには、1つ以上のページが公開されている必要があります。

WordPressホームページの編集

WordPressホームページの編集
  • WordPressサイトにブログセクションを含むことを計画している場合は、Postsページをステップ2で作成したページに設定してください。
  • 「Save changes」をクリックします。

Step 4: Permalink Structure

    • 「Settings」> Permalinksに移動します。
    • 「Common Settings」で「Post name」を選択します。

Wordpress Static Homepage

Wordpress Static Homepage
  • Save changesをクリックします。

ステップ5:メニューの作成

    • 「外観」>「メニュー」に移動します。
    • ページの左側に「ページ」「リンク」「カテゴリー」「タグ」が表示されます。
    • ページの左側には、「ページ」、「リンク」、「カテゴリー」、「タグ」が表示され、使用しているテーマによっては、「スライド」、「ポートフォリオ」、「カルーセル」などが表示されます。
    • その2つのメニューオプションの右側にある「新しいメニューの作成」をクリックします。

menu

menu
    • 新しいメニューに意味のある名前を入力してください。
    • 「メニューの作成」をクリックします。
    • 「外観」>の「メニュー」に戻り、「編集するメニューを選択してください」の隣にあるドロップダウンから新しいメニューをクリックし、「選択」をクリックします。

select-menu-1

select-menu-1
    • ホームページを選択します。 ブログページなど、メニューにしたいページを選択し、「メニューに追加」をクリックします。

select-menu-items-wordpress

select-menu-items-wordpress
divwordpress
    • メニューアイテムを任意の位置にドラッグ&ドロップすることで、メニューを思い通りにアレンジすることができます。 メニューアイテムを他のアイテムの下に少しだけ右にドラッグして、メニュー階層を形成することで、サブメニューアイテムを作成することができます。

menu-drag-and-drop-wordpress

menu-drag-and-drop-wordpress
  • 「メニューを保存」をクリックします。

最後の注意事項

  • これで、ホームページの設定とコンテンツは、ステップ1で作成したホームページを編集することでのみ調整できるようになりました。
  • これで、ブログの設定とコンテンツは、テーマ設定のブログオプションを編集することでのみ調整可能になります。

さあ、いよいよ自分で試してみましょう。 自分のウェブサイトを作成した後は、必ず私たちのガイドに沿ってステップ・バイ・ステップで慎重に作業を進めてください。 また、ここではWordPressからの説明も掲載しています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です