他のテーマからNishikiテーマへ移行された方へ トップページやアイキャッチ画像など ウェブサイトの見栄えがよくなる 「テーマ専用おすすめ設定」を紹介しています。 ぜひ一度、ご確認ください!テーマ専用おすすめ設定を見る

WordPressテーマ Nishiki は、トップページをブログのような最新の投稿を新しい順から並べる方法のほかにも、クローズアップさせたいページやコンテンツを設定することができます。例として、デモサイトをご参考ください。

トップページはウェブサイトの代表とも言えるページで、トップページにアクセスする方も多いです。なので、多くの方に見てもらいたいページやコンテンツについては、トップページから誘導できるように設定するといいのではないかと考えています。

ちなみにですが、先日WorPressの勉強会「WordBench神戸」でテーマについてご紹介させていただく機会がありましたが、その時のレポートに「ホームページ(旧:固定フロントページ)」を使ったトップページのサンプルを掲載しています。

詳しくは「オンラインでの参加がとても楽しかった!WordBench神戸でWordPress公式申請中テーマ「錦(Nishiki)」について紹介して実際にテーマを触ってもらいました」をご参考ください。

ホームページを設定する前に・・・

まずはホームページを設定するため、準備をします。

WordPressの管理画面から「外観」→「カスタマイズ」を選択します。

カスタマイザーの画面に移動しますので「トップページ」→「ホームページ設定」を選択します。下の画像のように、デフォルトではホームページの表示が「最新の投稿」に設定されていますので「固定ページ」に変更しましょう。

「ホームページ設定の表示が出てこないんだけど?」という場合は、WordPressの管理者権限を持っているユーザーでログインしなおしてください。

固定ページの設定

固定ページに変更すると「ホームページ」「投稿ページ」を選択する項目が表示されますので、それぞれ設定する固定ページを選びましょう。

ホームページの設定

ホームページは、トップページを設定するためのページです。ここでは「新規固定ページを追加」を選択して「home」と入力して追加ボタンを押しましょう。

投稿ページの設定

投稿ページは、投稿のアーカイブページを表示するためのページです。ここでは「blog」と入力して追加ボタンを押しましょう。

それぞれ設定できたら「公開」ボタンを押します。

以上で準備ができました。ここで設定した固定ページはあとで変更することもできます。

次は、具体的にフロントページの設定を行います。

フロントページの設定

上記の準備が正しく行われていれば、カスタマイズ項目の一覧から「トップページ」→「フロントページ設定」の項目が表示されますので、選択しましょう(表示されていない場合はF5キーなどを押してページを更新してください)。

フロントページの「セクション」について

フロントページでは4つの「セクション」が用意されています。デフォルトでは「無効」で非表示になっています。

セクション1から「カスタム」を選択しましょう。

「カスタム」を選択すると、セクション1で設定できる項目がずらっと表示されます。

変更した内容は右画面のプレビューと連動していますので、プレビューを見ながらお好みで画像を設定したり、テキストを入力してください。変更後は「公開(旧:保存して公開)」ボタンを押すことを忘れないようにしましょう。

上記は「セクション1」についての説明でしたが、この「セクションを4つ設定できる『入れ物』が用意されている」というイメージを持っていただけるとわかりやすいと思います。

ホームページの設定デモ

フロントページの設定

背景画像と背景カラーを選択

表示したいテキストやリンクを設定

関連:アイテム追加機能も使うとかっこよくなるよ

各セクションで使える「アイテム追加」機能もお試しください。

Nishiki テーマ専用プラグイン無料配付中 ウェブサイト運営に役立つ機能を搭載しています。 ↓プラグインのダウンロード↓ Download Nishiki Growing Beauty 本体 nishiki-growing-beauty.zip(165 KB) インストール方法はこちら Nishiki 子テーマ無料配布中 Nishiki テーマをカスタマイズしたい方は、子テーマでの運用をおすすめします。 ↓子テーマのダウンロード↓ Download Nishiki 子テーマ nishiki-child.zip(1 KB) インストール方法はこちら

Nishikiテーマに関する情報は#wpnishikiをチェックしてください。

このページの著者について

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社 AnimaGate(アニマゲート) という会社をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。YouTube Liveでオンラインサポートを始めますので、チャンネル登録いただけると大変嬉しいです。→ブログはこちら