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

WordPressテーマ Nishiki には、トップページをさらに実用的にかっこよくカスタマイズできる「アイテム追加」機能があります。「アイテム追加をすると何が起こるんだろう?」という方は、以下のページにできることを簡単にまとめていますので、ご参考ください。

それでは「アイテム追加」機能を使用する方法をご紹介します。

「アイテム追加」機能を使用する方法

フロントページ設定を選択

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

カスタマイズ一覧の中から「トップページ」→「フロントページ設定」を選択します。

※フロントページ設定のパネルが表示されていない場合は、フロントページ設定が済んでいるいるかどうかを確認してください。

セクションを「カスタム」に設定する

次に、アイテム追加したいセクションを「カスタム」に設定します。

アイテム追加を「有効」に設定する

セクション内に「アイテムを追加する」の項目が表示されるので「有効」に設定します(デフォルトは「無効」に設定されています)。

アイテムのカラム数を設定する

次に、アイテムのカラム数を決めます。「アイテムのカラム」で表示するアイテムのレイアウトを設定してください(あとで変更もできますので、よくわからない場合は「3カラム」のままで大丈夫です)。

アイテムを表示する

続いて、アイテムを表示します。表示できるアイテムは、デフォルトでは1つのセクションにつき3つまでですが、フィルター機能を使えばアイテム数を増やすことができます(中・上級者向け機能なのでまた別のページでご紹介します)。

アイテム1〜アイテム3それぞれに「アイテムを表示」項目があるので「有効」に設定するとアイテムを表示します(デフォルトは「無効」に設定されています)。

ここからは、表示するアイテムの個別設定を行います。

アイテムの個別設定

アイテム1つずつに対して、下の画像のように設定項目が用意されています。

アイテムのタイプを選択する

アイテムを設定する場合は、まず「アイテムのタイプ」を選択しましょう。「アイコン」または「画像」のどちらかを選択します。

アイテムのタイプを選択

アイテムのアイコンの設定

使用できるアイコンは、WordPressの管理画面より「外観」→「Nishiki About Page」を選択します。

下の画像のように、テーマ紹介ページが表示されるので「使用できるアイコンフォント」の中から選んでください。

アイテムの画像の設定

アイテムのタイプに画像を設定すると、画像をアップロードすることができます。表示したい画像をアップロードしてください。

アップロードする画像のサイズをチェックしよう

アイテムに画像をアップロードすると「画像が正方形になっている」「画像が拡大されてぼやけて見える」など、意図した表示になっていないかもしれません。その理由は、Nishiki テーマに合わせた画像のサイズや比率の設定が行われていないからです。

以下のページを参考にして、アイキャッチ画像のサイズを調整してください。

アイテムを表示してみよう

アイテムのタイプを「アイコン」または「画像」のどちらかに設定したあとは、お好みでテキストを入力したり、カラーを変更してください。

設定をすると、下のサンプルのように1つのセクション内にアイテムを追加することができます。

アイテム追加サンプル1

1つのセクションにアイテムを3つ追加しています。アイテムのタイプはすべて「アイコン」です。

アイテム追加サンプル2

1つのセクションにアイテムを2つ追加しています。アイテムのタイプはすべて「画像」です。セクションのメインテキストや背景画像と組み合わせるのもいいですね。

トップページから特定のページへ案内したり、ウェブサイトの特徴などを掲載するためなどに「アイテム追加」の機能はとても役に立つと思います。ぜひお試しください。

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

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

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

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社AnimaGateの代表をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。著書「現場のためのSwift4 実務で『本当』に通用する開発者になるための教科書」販売中です。→ブログはこちら