サンプル3 お問い合わせを説明する固定ページ WordPress 固定ページ サンプル3 . メニューバーを作成する. ワードプレスでナビゲーションメニューを作成・設定する方法を紹介します。メニューはWordPress管理画面で簡単に作成することができます。メニューには、サイト訪問者が目的のページにたどり着きやすくなるという役割があり、訪問者にやさしいサイト作りに欠かせません。 多くのWordPressテーマは初期状態では最新記事一覧が表示されるようになっています。トレンド情報ではなく、いわゆる『専門家ブログ』と呼ばれるカテゴリーごとに情報をまとめて発信をする場合、最新記事一覧ですとサイトのコンセプトや情報が探しにくくなる事があります。WordPressの多くのテーマは初期状態だとトップページが最新記事一覧が表示されますが、記事一覧ではなく自分が入れたいメニュー等を掲載した固定ページを表示させたい。と言う事があると思います。「あなたがいい！」とファンが押し寄せ、継続的な集客・収益が得られるブログを作りたい方の為のマンツーマンのブログコンサルティングです。そんな方に向け、設定の手順を解説して行きますので、参考にしながら設定をしていただければと思います。ですので、もしあなたがトップページを固定ページで作りたいとお考えであれば、お使いのテーマでその設定・使い方ができるのかどうかを予め確認しておいてください。ここからは、どの様にして設定するのか。その手順について解説して行きます。この記事ではWordPressのトップページを自分で作成・デザインした固定ページの内容を表示させる変更・設定手順について初心者にも分かりやすい様に図解入りで解説します。テーマによっては、固定ページをトップページに設定する事で例えばヘッダースライダーやお勧め記事一覧等が表示されなくなってしま場合があります。その場合は、このブログもそうですが、固定ページに提供サービスやコンセプト、カテゴリーごとに整理して情報を探しやすくしたものをトップページに設定をするケースが多くあります。WordPressテーマのトップページは大きく分けて3パターンあります。この様に指定をし、最後に『変更を保存』ボタンをクリックすれば設定が完了です！次に、本来トップページで表示されるはずだった最新記事一覧を表示させる為のページを作成します。トップページの3パターンについてもお話をしましたが、主に専門家ブログやあなたの商品やサービスを販売したい場合はここで解説をした固定ページでコンセプトを前面に出す構成にした方がお勧めです。「ブログから集客・サービスの販売を継続して行いたい！」と言う個人・小さな会社の経営者もしくはその担当者に向け、しかしその反面、デザインレイアウトが予め決められている為、今回解説をする固定ページをトップページに設定することはできません。主にトレンド情報を取り扱うブログの場合、適している表示形式です。この場合、販売ページのサンプルと同じようにページを構成させたくて、後は写真や動画、文章を入力・設定するだけが良い。という方に向いています。 Webサイトを作り始めて3〜4ヶ月した頃にトップページを作りたい！と思い始めてネットで作り方を調べまくったのですが、どうしても分からない事がいくつかありました。 同じように最初から存在しているサンプル投稿記事「Hello world!」を削除しましょう。※固定ページが一つも存在しない場合この設定はできません。必ず固定ページを追加してから設定しましょう。次に追加したギャラリーの上に、メニュー一覧を表す見出しを付けてみましょう。WordPressをインストールした直後のホームページは、以下のように表示されます。ホームページの骨格が完成したら、ホームページの印象を決めるタイトルロゴやメインイメージを追加していきましょう。新着記事の編集画面が表示されるので、好みによって変更しましょう。ギャラリー機能を使うには、メディアを追加する編集画面から「メディアを作成」をクリックします。ロゴとメインイメージがあることでだいぶホームページらしくなってきました。これまでの作業でずいぶんホームページの完成形が見えてきました。あともう一息でホームページを完成させることができるので、がんばってみましょう。このため、ホームページが未完成のうちは、検索結果に表示させないようにしましょう。WordPressには、「固定ページ」という基本的に追加や更新を行わないページ（青枠で囲われたページ）と、新規のページの追加を前提とした「投稿ページ」（赤色で囲われたページ）という2種類のページがあります。WordPressでホームページを作るときは、この2種類のページを使ってサイトマップの構成を形にしていきます。固定ページ一覧からトップページの編集画面を開いたら画像の下に文章を入力し、文章を中央寄せにして雰囲気を出してみましょう。WordPressでホームページを作る場合は各ページの枠を固定ページで用意しておく必要があります。ホームページのイメージが決まったら、より機能を拡張してみましょう。ここでは以下のようにサイドバーに新着記事を表示してみましょう。今回はWordPressでカレー屋さんのホームページを作る手順を解説してきました。カテゴリーの作成ができたら記事を投稿してみましょう。記事の投稿は「投稿」から「新規作成」を選択します。そのためタイトルロゴやメインイメージに使用する画像は、店や会社の第一印象を決めると考えて厳選して選びましょう。このイメージがホームページ全体の共通イメージになり、コンテンツを追加する時などのデザインを考える上でも重要になります。作成した固定ページがナビゲーションメニューに表示されました。ただ表示の順番がおかしいので、こちらは後ほど編集します。写真が追加されました。編集できたら「更新」をクリックしましょう。次に「テキスト」ウィジェットの編集画面を開いて以下のように店舗情報を入力していきます。「自動的に段落を追加する」の項目にはチェックを入れておきます。これでメニューが完成したと言いたいところですが、メニューの作成にはあと一つ作業が必要です。フッターにテキストを表示するにはフッターウィジェットを使用します。これでホームページに不必要な表示を非表示に変えることができます。次にギャラリー機能を使って以下のようなおすすめメニュー一覧を表示しましょう。任意の写真画像をアップロードします。デフォルトでは固定ページに挿入される画像が縮小されてしまうので、以下の赤枠項目から適切なサイズを選択しましょう。ここでは「大サイズ」を選択します。メニューの編集ではページタイトルとメニュー表示を別のものにすることができます。下の赤枠のサイドバーには、企業のホームページに必要のない項目が含まれているのでこちらを削除します。確認してみましょう。コンテンツのタイトル部分が非表示になりました。するとトップページタイトルは非表示のまま、メニューに「トップページ」と表示させることができました。カスマイズメニューで外観を編集する時は保存忘れに気をつけましょう。WordPressのインストールが済んだら、まずはじめにWordPressでの作業準備を行いましょう。赤枠で囲まれた「検索エンジンがサイトをインデックスしないようにする」をチェックしましょう。これで編集中のホームページが検索結果に表示されなくなり、アドレスを知らない人間以外はホームページにアクセスできなくなります。ギャラリー一覧の上部に「メニュー」という見出しを表示させることができました。テーマのインストールができたら、それぞれのページ表示を確認してみましょう。画像ファイルをアップロードする画面に切り替わるので、パソコンにあるロゴ画像を選択してアップロードしましょう。見出しは一見どれでも使って良いように思えますが、実は使うための決まりがあります。見出しは目次の項目に相当するもので、目次と同じようにルールを無視してはいけません。WordPressにはタイトルをテキストではなくロゴ画像に差し替える方法が用意されています。ホームページに訪れるユーザーがそのページを読むかどうか判断する基準の一つが「写真やデザインに惹かれるかどうか」です。WordPressをインストールしただけでは単なるブログと変わりません。WordPressでホームページを作るためには特有の手順があるので知っておきましょう。次に最初から存在しているサンプル固定ページ「サンプルページ」を削除しましょう。今回はテーマインストール後のホームページ作成を中心に解説していきます。WordPressのインストールと初期設定方法については、別の記事を参照してください。ナビゲーションメニューとは、ホームページ共通の案内メニューのことです。今回のトップページのコンテンツとしては、店舗の紹介文やおすすめのメニューを載せます。トップページはホームページの顔になるので、ご自分のコンテンツを作る際はよりこだわってみてください。※この指定によって投稿ページについても投稿日が表示されなくなってしまいますが、投稿ページにだけ更新日を表示させる方法については別の記事で詳しく解説します。ギャラリーに入れる画像を選択したら、キャプションにメニュー名を記入してみましょう。また、全体の幅をそろえるためにカラムは「4」に設定します。設定できたら「ギャラリーを挿入」をクリックしましょう。画像がギャラリーとして表示されているのが確認できると思います。まず、WordPressでの作業に入る前にホームページの構成を考える必要があります。今回は飲食店のホームページを作ろうと考えているので、以下のような構成にしました。ナビゲーションメニューの編集画面から、「<!––トップページ––>」のタブを開き、「ナビゲーションラベル」のテキストを変更してみましょう。最初の状態では初めのページが投稿一覧ページになっていますが、今回は先ほど追加した固定ページである「トップページ」を最初のページに設定します。だいぶホームページらしくなってきましたが、まだ余分な表示が残っているので以下の項目を修正していきましょう。その中でも、タイトルロゴやメインイメージの写真はホームページを開いた瞬間に見られます。載っている写真の質が低かったり、全く関係のないものが映っていたりすれば、それだけでユーザーがホームページを去る原因になります。「Simplicity」では固定ページに投稿日や投稿者の表示が出てしまうため、カスタマイズメニューからこちらを非表示にしておきます。見出しはページ内の目次として親子構造を示すために使うので、図示すれば以下のようになります。WordPressにおける見出しの使い方は以下のように覚えておけば良いでしょう。次にデフォルトで表示される必要のない項目を削除しましょう。削除する項目は以下の4つです。※投稿記事一覧に表示されるアイキャッチは、記事編集画面で以下の赤枠で囲まれた場所から設定することが可能です。次に、ホームページを訪れた最初のページが任意のページになるように設定しましょう。また、簡単な編集で高品質なホームページを作ることができるテーマの販売サイトもあります。有料といっても手頃な価格が多いので、もし気に入った有料テーマがあれば購入を検討してもいいでしょう。ここではトップページのコンテンツ内容を作り込んでいきましょう。今回の作業では、この状態からWordPressの機能を使って以下のようなカレー屋さんのサイトマップ構成を作成します。一記事のみの表示では寂しいので、投稿記事はどんどん追加していきましょう。いろいろなスキンを試してみて、今回は以下のように「ホワイティ」を選択しました。見出しは入力したテキストを選択して以下のタブから選択可能です。今回は「見出し2」を使いましょう。見出しを変更すると、テキストのサイズが変化することが確認できると思います。今回は、のちのちカスタマイズをして拡張することを前提に「Simplicity」というテーマに変更します。「Simplicity」はインストールのためにテーマファイルをダウンロードする必要があるため、次のページからZipファイルを自分のパソコンにダウンロードしておきましょう。ウィジェットの編集画面から「フッター左」のタブを開いて、「テキスト」をドラッグ＆ドロップしましょう。次に、ナビゲーションメニューとトップページを設定してユーザーが利用しやすい形に整えます。
このプラグイン … 1-2. さて、ここからは実際のものづくりに入ります。 といっても、HTMLやJavaScript、CSSをゴリゴリ書いたりはしません。 Page Builder by SiteOriginというプラグインを使ってサクッと作ります。 参考 Page Builder by SiteOrigin — WordPress プラグイン. 今回は、基本的な固定ページの作成方法からカスタムページテンプレートの作り方まで詳しく解説していきます。 1：基本的な固定ページの作成方法. ワードプレスのブログトップページのカスタマイズをしてPVや滞在時間を改善したい。でもどうやるの？無料プラグインのElementorを使うとドラッグ＆ドロップでカスタマイズが簡単にできます。私のブログトップページのデザインと作り方を詳しく説明しています。 WordPress 固定ページ サンプル2 . この記事では実際にサンプルページを作りながら、キャプチャ付きでWordPressでのホームページ作成方法を解説していきます。 最後まで読めば、「 HTML 」や「CSS」などの専門的な知識がない方でもホームページを作ることが可能です。 ブログトップページの作り方：実装 .