通常サイズの「スライドショー」と大きめの画像で表示される「全幅スライダー」があります。

スライドショーの設定方法

スライドショーは、以下の画像のように表示されます。

このスライドショーの設定方法は以下になります。

外観の「カスタマイズ」に進み、

トップページの設定に進みます。

スライドショーに進むと、以下の入力欄が表示されますので、

表示させたい記事の記事IDをコンマ区切りで記述します。

記事IDは投稿一覧の右側に表示されます。

全幅スライダーの設定方法

全幅スライダーは、以下の画像のように表示されます。

全幅スライダーは以下のように設定します。

先ほどと同様にカスタマイズの「トップページの設定」に進みます。

「全幅スライダー」に進みます。

表示させたい記事の記事IDをコンマ区切りで記述します。

記事IDは投稿一覧の右側に表示されます。

今回は、ランキングの作り方を解説します。

ランキングの挿入位置

ランキングは主に記事下のウィジェット用ブロックとして用意していますが、記事内やサイドバーに挿入することも可能です。

ランキングブロックの使い方

ランキングは以下の手順で作成します。

ブロック一覧からランキングを選択。

このようなブロックが出てくるので、それぞれ入力します。

画像、商品・サービス名、ボタンのテキスト、ボタンのURLを編集できます。

アフィリエイトのバナーやリンクのHTMLを使いたい場合は、サイドバーを開いて、

• バナーのHTMLタグを直接コピペ
• リンクのHTMLタグを直接コピペ

をオンにすると、HTMLタグを挿入することができます。

バナーサイズを変更

バナー画像のサイズも設定可能です。

サイドバーを開き、

「画像幅」の数値を変更してください。

画像幅は100~320pxの範囲で設定できます。

ランキングの項目を追加

2位以下を追加するには、

「親ブロックを選択」をクリックし、

黒いプラスボタンが出てくるのでこれをクリック。

これで2位以下を追加できます。

ヘッダー画像のテキストは、

から選ぶことができます。

ヘッダー画像とテキストの設定方法

ヘッダー画像は「外観」の「カスタマイズ」から設定します。

「トップページの設定」に進みます。

「ヘッダー画像のテキスト」に進みます。

ヘッダー画像のテキストは、サイト名か任意のテキストが設定できます。

フォントサイズを調整して、保存をしたら完了です。

カテゴリー新着記事の表示には2パターンあります。

• 第1階層のカテゴリーの新着記事を表示
• 第2階層のカテゴリーの新着記事を表示

※新着記事の表示はスペースの都合上PCのみになります

カテゴリーの新着記事を表示する方法

上記のように新着記事を表示させるには、以下の手順で設定します。

メニューに進みます。

メニュー項目の設定を開くと、上のような表示が出てくるので、「このカテゴリーの新着を表示」を選択してください。

このように新着記事が表示されます。

グローバルナビに階層があり、第二階層のカテゴリー新着記事を表示する

グローバルナビが階層になっており、第二階層のカテゴリー新着記事を表示させたい場合は以下の項目を選択してください。

このように表示されます。

テーマだけでは、すべての機能を網羅することはできません。

便利なプラグインを入れて、機能を拡張してください。

NOMADを使う際に必須のプラグイン

Nomad BlocksはNOMAD会員向けサイトからダウンロードできます。

記事やウィジェットで使えるカスタムブロックが豊富なNOMAD専用プラグインです。

必ずインストールしておきましょう。

おすすめのプラグイン

おすすめのプラグインを紹介していきます。

WP Multibyte Patch

日本語対応をするためのプラグインです。

日本語ファイル名の画像をアップロードした際、エラーを防ぐために英数字の文字列

All In One WP Security

セキュリティ設定ができる便利なプラグインです。

設定項目が豊富で、非常に便利です。

セキュリティを高めることで、サイト改竄などのリスクから守ることができます。

EWWW Image Optimizer

画像の圧縮、WebP対応など、画像周りのパフォーマンス改善におすすめのプラグインです。

画像が重いとサイト速度が遅くなる原因はになるので、画像を最適化して表示速度を高速化しましょう。

ヘッダー画像の設定

「カスタマイザー」→「ヘッダー画像」をクリックして、ヘッダーの設定をします。

トップページに表示させる画像を設定してください。

Retinaとモバイル用それぞれも設定することを推奨しています。

トップページのカスタマイズ方法

[Nomad]トップページの設定をクリックすると、全部で5つの項目を設定することができます。

ヘッダー画像のテキスト

ヘッダー画像上に表示させるテキストを設定でき、改行やテキストサイズも自由に変えることができます。

スライドショー

トップページに表示させれるスライドショーの設定項目です。

記事IDで複数表示させることができます。

全幅スライドショー

目立つ全幅スライドショーです。通常のスライドショーとの併用も可能です。

記事一覧のタイトル

トップページに表示させる新着記事一覧のタイトルを変更できます。

指定カテゴリーの新着記事

トップページに任意のカテゴリーの記事一覧を並べることができます。

記事一覧のレイアウト

カスタマイザーの[Nomad]共通設定から「記事一覧のレイアウト」の設定ができます。

今後もさまざまなレイアウトのバリエーションをアップデートしていきます。

SEO関連の設定項目は全部で5つ。完了まで約3分ほどです

NOMADテーマのSEO対策の設定方法

SEO対策の設定項目は全部で5つの項目があります。

トップページとトップページ以外のブログ名とキャッチフレーズの表示方法を選ぶことができます。

カスタマイズザーの「SEO関連の設定」から設定を行います。

それぞれの設定方法についてご紹介。

タイトルの設定

タイトルの設定項目は2つのみ。

トップページサイト名の表示方法は「サイト名のみ」「サイト名＋キャッチフレーズ」から選べます。

トップページ以外も同様です。

metaタグの設定について

サイトやブログの概要です。

未設定の場合、トップページのキャッチフレーズが「meta description」として出力されるようになっています。

metaタグはサイトの概要が分かる内容にした方が読み手も認知しやすく、個別に設定しておくのを推奨しています

インデックスに関する設定

カテゴリーやタグをnoindexにしたりと細かく設定できる項目です。

基本はデフォルトのままでOK。

JSON-LDのパブリッシャー設定

パブリッシャーは基本デフォルトでOK。

必要な方はサイト運営者や組織の名前を入力してください。

アクセス解析設定

Google AnalyticsとGoogle Search Consoleを設定する項目です。

すでにGoogle AnalyticsやSearch Consoleを使っている方は、カスタマイザーでタグを出力する設定をしてください。

アナリティクスは「G-」から始まるトラッキング ID、サーチコンソールは<metaから始まるタグの、content=”この中の文字列”をコピペして完了。

タイトルなしボックスデザイン

タイトルないボックスのデザインは全8種。

枠線や背景のカラーも自由に変更可能です。

タイトルありボックスデザイン

吹き出しデザイン

吹き出しデザイン

アイコンの位置をクリック1回で左右に簡単に変更できたり、枠線のカラーも変更できる

Q&Aのデザイン

ステップデザイン

ランキング

Appleの人気製品TOP3

MacBook Pro

Appleの最もパワフルなノートブック、MacBook Pro。M1チップとM2チップの驚異的なパワーを内蔵。Magic Keyboard、Touch ID、あざやかなRetinaディスプレイも搭載。

詳細はこちら

公式サイト

MacBook Air

Appleで最も人気が高いノートブック、MacBook Air。M1チップまたはM2チップの驚異的なパワーを内蔵。

詳細はこちら

公式サイト

iPad Pro

Apple M1チップの驚異的なパワー、内蔵。5Gにも対応しました。94,800円（税込）から。今すぐ購入。

詳細はこちら

公式サイト

内部リンクカード

WordPressテーマ「NOMAD」のダウンロード・インス…

WPテーマ「NOMAD」の購入後のダウンロードから設定までわかりやすくご紹介していきます。すべて完了まで約5〜10分ほどになります。NOMADテーマ・プラグ…

WPテーマ「NOMAD」の購入後のダウンロードから設定までわ…

ボタンデザイン

マーカー

WordPressテーマ「NOMAD」のマーカー機能。

さまざまなカラーで目立たせることができます。

標準では6カラーありますが、好みのカラーに変えることも簡単です

ラベル

好きなテキストをラベル風にすることができます。

カラーは標準で6種ありますが、こちらも他のカラーに変更可能。

ワンクリックで作れますので活用ください。

ラベル1

ラベル2

ラベル3

ラベル4

ラベル5

ラベル6

CVボックス

NOMADテーマで使える「CVボックス」

ブロックで簡単に作ることができます

Apple

MacBook Air

Appleで最も人気が高いノートブック、MacBook Air。M1チップまたはM2チップの驚異的なパワーを内蔵。

10

おすすめ

8

起動速度

6

処理速度

9

重さ

レビューを見る

公式サイト

Apple

MacBook Air

Appleで最も人気が高いノートブック、MacBook Air。M1チップまたはM2チップの驚異的なパワーを内蔵。

10

おすすめ

6

起動速度

7

処理速度

レビューを見る

公式サイト

すべて完了まで約5〜10分ほどになります。

NOMADテーマ・プラグインをダウンロード

テーマ・プラグインをダウンロードするには、会員サイトにログインをしてください。

ユーザー名・パスワードなどログイン情報は、購入時に届くメールに記載されています。

ログインページ

ログインすると、サイドバーに「ダウンロード」というメニューがあるので、こちらをクリックしてください。

テーマ、子テーマ、プラグインをそれぞれダウンロードしてください。

ダウンロードしたZIPファイルは解凍しないでください。

WordPressにテーマをインストール

テーマのインストールは、以下の手順で行ってください。

先にテーマをインストールして、その後子テーマをインストールしてください。

「外観」→「テーマ」に進みます。

上部にある「新規追加」をクリックします。

上部にある「テーマのアップロード」をクリックするとファイルをアップロードできるので、ここにZIPファイルをアップロードします。

子テーマも同様の手順でインストールして、子テーマを有効化してください。

子テーマが有効になっていれば、完了です。

テーマをアップロードできたら、テーマキーを取得します。

テーマキーの取得

「NMD_」から始まる文字列をコピーします。

管理画面に行き、カスタマイズを開きます。

「外観」→「カスタマイズ」に進んでください。

テーマキーに進みます。

ここにテーマキーをペーストして、公開すれば完了です。

プラグインのインストール

次はプラグインのインストール方法を解説します。

管理画面の「プラグイン」に進み、「新規追加」をクリックします。

「プラグイン」のアップロードをクリックすると、ファイルをアップロードできるようになります。

ここにダウンロードしたプラグイン（nomad-blocks）をZIPのままアップロードします。

インストールできたら、プラグインを有効化して完了です。