WordPressでブログページを作る一番手っ取り早い方法は、新しいページを作り、Reading設定で「投稿ページ」に設定し、変更を保存することだ。私は、あるクライアントのために初めてWordPressサイトを構築したときに、このことを学んだ。最初はトップページに投稿を表示していたのですが、雑然とした印象で、訪問者は重要な情報を見つけるのに苦労していました。専用のブログページに移動させることで、サイトは即座にナビゲートしやすくなり、よりプロフェッショナルになりました。
このガイドでは、私が使っている正確な手順を紹介する。完全なデザイン・コントロールのためにはSeedProdを使い、シンプルなものを作りたい場合はWordPressに組み込まれた方法を使う。
WordPressのブログページとは？
WordPressのブログページは、最新の投稿のリストを表示するWordPressウェブサイトの単一ページです。様々な情報が掲載されているホームページとは異なり、ブログページは投稿記事の表示に重点を置いています。
ブログ記事ページには通常、以下のウェブデザイン要素が含まれます：
- ナビゲーションメニュー
- ブログ記事一覧
- フッター
場合によっては、ブログページには、ソーシャルメディアのプロフィールアイコン、投稿カテゴリー、ニュースレター購読フォームなどの情報を表示するためのサイドバーも含まれます。
なぜWordPressでブログページを作るのか？
なぜブログページを別に作る必要があるのか」と思うかもしれない。答えは簡単だ。
デフォルトでは、WordPressはサイトのフロントページに最新の投稿を表示します。
ブロガーにとっては優れたソリューションだが、中小企業のサイトを運営している場合は、もっと魅力的なものが必要だろう。例えば、あなたのビジネス、製品、連絡先、購入方法について訪問者を教育するホームページが必要かもしれません。
ビジネスでブログを成功させることはできますが、ホームページを魅力的に保つためには、ブログ記事を別のページに移動する必要があります。
この記事では、WordPressサイトにブログページを追加する2つの簡単な方法を紹介します。1つ目の方法は最もシンプルでカスタマイズの幅が広い方法ですが、2つ目はWordPressに組み込まれているページ設定を使う方法です。
ページビルダーでカスタムブログページを作成する方法
最初の方法では、SeedProdテーマビルダー・プラグインを使ってブログ投稿用のカスタムページを作成する方法を紹介します。
SeedProdはWordPressのための最高のウェブサイトビルダーです。ドラッグアンドドロップのページビルダーは、コードなしでランディングページや柔軟なウェブサイトのレイアウトを作成することができます。
SeedProdには、ブログページやサイドバーなどをカスタマイズするためのテーマデザイナーも含まれています。その結果、開発者を雇うことなく、ブログ記事用の独立したページを作成し、あなたのブランドに合わせることができます。
SeedProdを使ってWordPressにブログページを作成する方法をご紹介します。
ビデオ・チュートリアル
ステップ1: SeedProd Website Builderプラグインをインストールする
まず、SeedProdプラグインをインストールし、有効化します。
注：テーマビルダーを使用するには、SeedProd ProまたはEliteプランが必要です。
ヘルプが必要な場合は、WordPressプラグインのインストール方法についてのガイドを参照してください。
プラグインを有効化した後、WordPressのダッシュボードからSeedProd " Settingsに行き、プラグインのライセンスキーを入力してください。キーはSeedProdウェブサイトのアカウント情報の下にあります。
Verify Keyボタンをクリックして、ライセンスを確認します。その後、カスタムWordPressテーマの作成に進むことができます。
ステップ2：WordPressテーマのテンプレートを選ぶ
このステップは複雑に聞こえるかもしれないが、案外簡単だ。
まず、SeedProd " Theme Builderに行き、Themesボタンをクリックします。次の画面で、出発点として使用するテーマを選択することができます。
その後、テーマを有効化すると、既存のWordPressテーマを新しいデザインに置き換えます。
様々なタイプのウェブサイト用にプロがデザインしたテーマがたくさんあります。例えば、「個人ポートフォリオ」、「ピザショップ」、あるいは「スポーツウェアショップ」などを構築することができます。
あなたのニーズに合ったテーマを見つけて、そのテーマにカーソルを合わせてチェックマークアイコンをクリックし、あなたのサイトに追加してください。
テーマを選択すると、SeedProdはブログのインデックス用とホームページ用のテンプレートを生成します。各ページは、魅力的なレイアウトとプレースホルダコンテンツで自動的にセットアップされ、カスタマイズすることができます。
このガイドでは、ブログページとホームページをカスタマイズする方法をご紹介します。
ステップ3：WordPressのホームページレイアウトをカスタマイズする
WordPressのテーマテンプレートを作成したら、SeedProdのテーマビルダーで編集することができます。ホームページテンプレートから始めましょう。
ホームページテンプレートにマウスカーソルを合わせ、「デザインの編集」リンクをクリックしてください。
そうすると、SeedProdのテーマビルダーでテンプレートファイルが起動します。ドラッグアンドドロップビルダーでは、右側にライブプレビュー、左側にブロックとセクションが表示されます。
ブロックとセクションは、ページのデザインを構成する要素です。ブロックをクリックしたり、マウスで任意の場所にドラッグしたり、左側のパネルから新しいブロックを追加することで、ブロックをカスタマイズすることができます。
WordPressのホームページを編集する方法について、完全なガイドを書きました。方法その1に進み、テーマビルダーの指示に従ってください。
ステップ4：WordPressブログページのデザインとレイアウトをカスタマイズする
SeedProdのテーマビルダーは、ブログページをカスタマイズするための多くの方法も提供しています。ブログページテンプレートファイルの「デザインを編集する」リンクをクリックしてください。
次の画面では、先ほどと同じページビルダーのレイアウトが表示されます。あとはトップページと同じようにブログページをカスタマイズできます。
例えば、見出しをクリックすると、タイトル、フォントサイズ、配置などを変更できます。その後、ブロックアイコンをクリックすると、ブロックパネルに戻ることができます。
SeedProdには、ブログページで使用できるブロックがいくつかあります。最も重要なのは、最近のブログ記事のリストを表示するPostsブロックです。
投稿」ブロックは自動的にブログのインデックス・テンプレートに入ります。私たちが使用しているテンプレートでは、投稿は3カラムのグリッドレイアウトになっています。
投稿ブロックをクリックし、左側のパネルでさまざまな設定を選択することで、簡単にレイアウトを変更することができます。例えば、カラムを1に変更したり、投稿の抜粋トグルを有効にすることができます。
ブロックの設定をスクロールしていくと、表示・非表示を切り替えるトグルが表示されます：
- 特集画像
- 本文を読む
- ページネーション
- メタ情報
これらの設定により、ターゲットとする読者に最適なブログ記事を表示することができます。
例えば、特定のカテゴリー、タグ、カスタム投稿タイプからの投稿のみを表示することができます。また、投稿者、日付、時間などで投稿をフィルタリングすることもできます。
ワードプレスのブログページにクリック購読ボタンを追加する方法
また、プッシュ通知の購読者を集めるために、ブログページにクリックトゥーサブスクライブボタンを追加することもできます。プッシュ通知は、リピートトラフィックを増やし、エンゲージメントを高め、売上を増加させる優れた方法です。
注： このステップを実行するには、コード・スニペットの扱いに慣れている必要があります。
これを行うには、カスタムHTMLブロックをブログページのデザインにドラッグし、以下のコードを入力します：
<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>このボタンは標準的なスタイルですが、独自のコードで変更することができます。
次に、PushEngageのウェブサイトにアクセスし、最高のプッシュ通知ソフトウェアとマルチチャネルエンゲージメントプラットフォームのアカウントを作成します。
次に、PushEngage ダッシュボードからSite Settings " Site Detailsに移動し、Click Here for Setup Instructionsボタンをクリックします。
ここで、Under Any Siteオプションをクリックすると、インストールコードが表示されます。
PushEngage ダッシュボードにコードを表示したら、次のスニペットをコードに追加します：
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>ランディングページのHTMLブロックに、ボタンのコードの後にこのコードを追加します。以下のようになります：
ブログページを公開すると、ユーザーはこのボタンをクリックしてプッシュ通知を購読できるようになります。
ブログページの外観に満足したら、右上の緑色の保存ボタンをクリックします。その後、「X」アイコンをクリックしてテーマテンプレートに戻り、WordPressテーマの残りの部分のカスタマイズを続けることができます。
ステップ5：新しいWordPressブログページを有効にして公開する
テーマのカスタマイズに満足したら、新しいテーマを公開することができます。そのためには、'Enable SeedProd Theme'設定を'YES'に切り替えてください。
テーマを有効化すると、WordPressのホームページとブログページの設定を変更する必要があるというメッセージが表示されます。OK」ボタンをクリックすると、SeedProdがこれらの設定を変更します。
これで、あなたのウェブサイトにアクセスして、新しいホームページとブログページを見ることができます。デモブログページのプレビューです：
WordPressでプラグインを使わずにブログページを作成する方法
WordPressプラグインを使わずに、WordPressサイトに独立したブログページを作成することもできます。ただし、この方法は方法1よりも手間がかかり、カスタマイズのオプションもそれほど多くありません。
プラグインなしでブログページを作成するには、以下の手順に従ってください。
ステップ1：WordPressでホームページとブログページを別々に作成する
まず、ホームページとブログページの2つのページを作成する必要があります。名前は何でもよく、コンテンツを追加する必要はありません。
ホームページには「Home」や「Front page」といった名前をつけ、ブログページには「News」「Blog」「Posts」といった名前をつけることができる。
ステップ2：WordPressの読書設定でホームページとブログページを割り当てる
両方のページを作成した後、WordPressの管理エリアから設定 " 読むに行き、見出し「あなたのホームページの表示」を見つけてください。ドロップダウンメニューから先に作ったページを選択する必要があります。
Homepage'ドロップダウンで、新しく作成したホームページを選択し、'Posts page'ドロップダウンで、新しいブログページを選択する。
これで「変更を保存」ボタンをクリックできます。
Pages " All Pagesに移動すると、Homeページには'Front Page'ラベルが、Blogページには'Posts Page'ラベルがあることがわかります。
これらのページがどのように見えるかは、現在のWordPressテーマによって異なりますので、外観を変更するにはテーマ設定を調整する必要があるかもしれません。
ステップ3：WordPressホームページのコンテンツとレイアウトをカスタマイズする
新しいWordPressのホームページには、現在何もコンテンツがありません。次のステップは、訪問者があなたのビジネスについてもっと知ることができるように、あなたの情報、メールアドレス、製品、サービスを追加することです。
ホームページをカスタマイズする方法は、ガイドの方法4でご紹介しています。この方法では、WordPress内蔵のブロックエディタを使ってページをカスタマイズする方法を紹介します：
- ギャラリー
- カバー画像
- テキスト
- テーブル
また、独創的なカスタマイズのアイデアやヒントも多数掲載されている。
ステップ4：WordPressブログページの外観を調整する
新しいブログページに満足しているなら、他に何もする必要はありません。あなたのブログインデックスは、訪問者があなたのコンテンツを読むための準備ができています。
しかし、ブログの外観をカスタマイズしたい場合は、方法1を使うことをお勧めする。というのも、WordPressのプラグインやコードがないと、ブログページを簡単にカスタマイズできないからだ。
WordPressブログページFAQ
次のステップ
専用のブログページは、WordPressサイトをより使いやすく、よりプロフェッショナルに見せます。SeedProdで素早く設定することも、WordPressの組み込み設定を使用することもできます。
準備ができたら、新しいコンテンツを投稿し続け、記事が読みやすいようにし、訪問者がより多くの記事を見つけられるようにする。そうすることで、より多くの人があなたのサイトを訪れ、また訪れてくれるようになります。
以下のガイドもお好きかもしれない：
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
