このページでは、WordPress テーマ Nishiki / Nishiki Pro の機能について解説しています。機能がたくさんあるのでどうしてもページが長くなってしまいましたが、目次などを活用して読み進めていただけますと幸いです。
WordPress テーマ Nishiki / Nishiki Pro について
WordPress テーマ Nishiki / Nishiki Pro は、ウェブサイト制作や運用などの作業の中で「よく要求されるカスタマイズ内容」をコードを書かずに設定可能にすることで、効率よく制作を行うために作られているレスポンシブウェブデザイン（パソコン、タブレット、スマートフォン）に対応したテーマです。
WordPress テーマ Nishiki / Nishiki Pro はどんなウェブサイトに使われているか
WordPress テーマ Nishiki / Nishiki Pro は、様々なジャンルのウェブサイトにも活用できるように設計されています。
- ブログなどのメディアサイト
- お店や会社案内などのコーポレートサイト
- 大学など学校法人のサイト
- イラストを描くお仕事をしている方など、創作活動を行う方が作品などを掲載するためのポートフォリオサイト
- 商品を販売するための EC サイト
- 会員制フォーラムを利用したコミュニティサイト
- 広告収入で収益化を図るアフィリエイトサイト
もちろん、上記以外のジャンルのウェブサイトでも利用できる万能テーマとして提供しています。
また、ウェブサイトの運営にあまり慣れていない方や、これからウェブサイトを作りたい方にとっては「便利で簡単に扱える機能が豊富なテーマ」として開発しました。興味をお持ちの方は、ぜひご活用ください。
Nishiki テーマのダウンロード
WordPress 公式サイトに登録されているテーマとして 無償でダウンロード できます。インストール方法は以下のページをご参考ください。
テーマを拡張する Nishiki 専用プラグインがあります
WordPress テーマ Nishiki を使用してウェブサイトを運営している方は「テーマ最適化」「スクリプト追加」「プロフィール」「パンくずリスト」の機能が追加できるテーマ専用統合プラグイン Nishiki Growing Beauty を無償で提供していますので、お好みで活用ください。
Nishiki Pro テーマのダウンロード
WordPress テーマ Nishiki は拡張性に優れたテーマですが、Nishiki 専用プラグインで提供している機能の他にも「シェアボタンを入れたい」「OGP を設定したい」「広告を管理したい」など、新たに機能を追加したい方もいると思います。その場合は、必要に応じて「プラグイン」を導入したり、テーマをカスタマイズすれば OK ですね。
その一方で「どのプラグインをいれていいのかわからない」「そもそもプラグインを入れる手間を減らしたい」「入れたプラグインのアップデートなど、管理するのは大変だ」「テーマのカスタマイズ方法がわからない」という声も少なくありません。
Nishiki Pro テーマはウェブサイトに必要な機能を全てテーマに搭載
そこで、Nishiki テーマの洗練された美しさをそのまま継承し、ウェブサイトに必要な機能を全てテーマに搭載したプロフェッショナル版 Nishiki Pro テーマを開発しました。
Gutenberg ブロックエディター対応の「直感的にコンテンツ作成できる」テーマ
Nishiki Pro テーマには WordPress 5.0 から標準で利用できる Gutenberg ブロックエディターをさらに使いやすくした「Nishiki Blocks Pro」を搭載し、旧エディターでは難しかったコンテンツ作成も可能です。
以下のページからテーマの詳細を確認できますので、ぜひご検討ください。
「Nishiki を使ってウェブサイトを運営し始めて、コツを掴んだのでさらに機能を追加したい」「プラグインをたくさん入れなくても、テーマにあらかじめ欲しい機能が搭載されているから」などの理由で Nishiki から Nishiki Pro へ移行する方も多いです。
Nishiki / Nishiki Pro テーマの機能一覧
長々と書きましたが、ここからが本題です。Nishiki / Nishiki Pro テーマの機能を一覧にしてまとめました。
カスタマイザー機能
Nishiki / Nishiki Pro テーマ の特徴の１つでもある「コードを書かずにカスタマイズできる機能」として「カスタマイザー機能」を提供しています。カスタマイザー機能を利用するには、WordPress の管理画面より「外観」→「カスタマイズ」を開いてください。
「サイト基本情報」の設定
サイト基本情報では、ウェブサイトの全体的な設定を行うことができます。
| 項目 | 機能の概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| ロゴ画像 | ウェブサイトのロゴ画像 | なし | ◯ | ◯ |
| サイトのタイトル | ウェブサイトのタイトル | WordPress をインストールした時に決めたタイトル | ◯ | ◯ |
| コンテンツ全体幅 | コンテンツ全体幅 | 1200(px) | ◯ | ◯ |
| サイトのフォントサイズ | ウェブサイトの文字の大きさ | 16(px) | ◯ | ◯ |
| サイトのタイトルとキャッチフレーズの表示 | ウェブサイトのタイトルとキャッチフレーズ（ディスクリプション）の表示・非表示を変更 | 表示 | ◯ | ◯ |
| サイトアイコン | ファビコンの設定 スマートフォン・タブレットなどモバイル端末からサイトをアプリとして保存した際などに表示するアイコン画像 | なし | ◯ | ◯ |
| メインテキストカラー | 主に投稿ページや固定ページの本文、コメントなどの文字色 | #000000 | ◯ | ◯ |
| サブテキストカラー | サイドバーの枠線、コメント（作成者・日付・入力欄）などの文字色 | #aaaaaa | ◯ | ◯ |
| メインカラー | リンクされた文字色 | #0a88cc | ◯ | ◯ |
| サブカラー | マウスオーバーした際のリンクされた文字色 | #0044a3 | ◯ | ◯ |
| 背景カラー | 背景色 | #ffffff | ◯ | ◯ |
「トップページ」の設定
WordPress テーマ Nishiki / Nishiki Pro は、トップページをブログなどでよく見かける「投稿を新しい順から並べるレイアウト」のほかにも、クローズアップさせたいコンテンツを表示することができる「フロントページ」の設定ができます。
メインビジュアル
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| ヘッダー画像 | メインビジュアルの画像（複数指定・ランダム表示も可能です） | なし | ◯ | ◯ |
| 画像をアップロード（※廃止予定です。今後は「ヘッダー画像」に設定してください） | メインビジュアルの画像 | carp.jpg | ◯ | ◯ |
| プレースホルダーの画像を表示する | メインビジュアルの画像を読み込む前に容量の小さな画像を表示するかどうか | 無効 | ◯ | ◯ |
| プレースホルダーの画像のグレースケール（%） | プレースホルダーの画像にグレースケールを適用する（100%で白黒表示） | 100 | ◯ | ◯ |
| キャッチフレーズ | サイトのキャッチフレーズ（ディスクリプション） | Just another WordPress site | ◯ | ◯ |
| サブテキスト | メインビジュアルのサブに使用する文字 | ◯ | ◯ | |
| テキストカラー | メインビジュアルに表示する文字色 | #ffffff | ◯ | ◯ |
| 背景カラー | メインビジュアルの背景色 | #000000 | ◯ | ◯ |
| 背景の透明度 | 背景色の透明度 | 30(%) | ◯ | ◯ |
| ボタンテキスト | メインビジュアルに表示するボタンの文字 | ◯ | ◯ | |
| ボタンリンク | ボタンにリンクさせる URL | # | ◯ | ◯ |
| ボタンカラー | ボタンの背景色 | #895892 | ◯ | ◯ |
| テキストカラー | ボタンの文字色 | #ffffff | ◯ | ◯ |
| 新しいウィンドウで開く | ボタンリンクの URL を選択した時に新しいウィンドウで開くかどうか | 新しいウィンドウで開く | ◯ | ◯ |
| 動画をアップロード | メインビジュアルの動画 | なし | ◯ | ◯ |
最新の投稿
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| 最新の投稿 | 最新の投稿を表示するかどうか | 表示する | ◯ | ◯ |
| メインテキスト | 最新の投稿に表示するメインタイトル | 最近の投稿 | ◯ | ◯ |
| サブテキスト | 最新の投稿に表示するサブタイトル | ◯ | ◯ | |
| 固定記事 バッジ背景カラー | 特定の投稿ページを固定表示している場合のバッジの背景色 | #557c4c | ◯ | ◯ |
ホームページ（旧：固定フロントページ）
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| ホームページの表示 | 最新の投稿 または 固定ページ | 最新の投稿 | ◯ | ◯ |
| ホームページ | ホームページに設定するページを指定（または新規作成でページ追加） | なし（未選択） | ◯ | ◯ |
| 投稿ページ | 投稿ページに設定するページを指定（または新規作成でページを追加） | なし（未選択） | ◯ | ◯ |
フロントページ設定
フロントページでは固定ページとして設定した本文をそのまま表示したり、4つの「セクション」を利用できます。
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| ホームページのコンテンツを表示する | 固定ページの内容を表示するかどうか | 無効 | ◯ | ◯ |
| セクション | セクションを表示するかどうか（カスタム：表示 または 無効：非表示） | 無効 | ◯ | ◯ |
| 画像 | 背景画像 | なし（未選択） | ◯ | ◯ |
| プレースホルダーの画像を表示する | 背景画像を読み込む前に容量の小さな画像を表示するかどうか | 無効 | ◯ | ◯ |
| プレースホルダーの画像のグレースケール（%） | プレースホルダーの画像にグレースケールを適用する（100%で白黒表示） | 100 | ◯ | ◯ |
| 背景カラー | 背景色 | なし（未選択） | ◯ | ◯ |
| 背景の透明度 | 背景カラーの透明度 | 30(%) | ◯ | ◯ |
| メインテキスト | タイトル | メインテキスト | ◯ | ◯ |
| サブテキスト | サブタイトル | サブテキスト | ◯ | ◯ |
| テキストの位置 | 文字の配置（左・中央・右 の中から選択） | 左 | ◯ | ◯ |
| テキストカラー | 文字色 | #000000 | ◯ | ◯ |
| ボタンテキスト | 表示するボタンの文字 | ボタンテキスト | ◯ | ◯ |
| ボタンリンク | ボタンにリンクさせる URL | # | ◯ | ◯ |
| ボタンカラー | ボタンの文字色 | #ffffff | ◯ | ◯ |
| テキストカラー | ボタンの背景色 | #000000 | ◯ | ◯ |
| 新しいウィンドウで開く | ボタンリンクの URL を選択した時に新しいウィンドウで開くかどうか | 新しいウィンドウで開く | ◯ | ◯ |
| アイテムを追加する | 特定のページへの誘導や、クローズアップしたい情報などを掲載するために使える、便利な機能です | 無効 | ◯ | ◯ |
フロントページ設定は、以下の場合にのみ表示されますので、ご確認ください。
- ホームページの設定画面内にある「ホームページの表示」が「固定ページ」となっている
- 適切なホームページと投稿ページが設定されている
もし、フロントページの設定項目が表示されない場合や設定方法が知りたい場合は、以下のページをご参考ください。
アイテム追加の設定はおすすめ
各セクションごとに「アイテム追加」機能があります。「ウェブサイトを手軽にかっこよく、情報もしっかりと載せたい！」という方にはオススメの設定です。詳しくは、以下のページをご参考ください。
「投稿ページ」「固定ページ」の設定
投稿ページと固定ページに表示するサイドバーやタイトルなどが設定できます。
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| サイドバー | サイドバーの表示（左・右・下・サイドバーなしから選択） | サイドバーなし | ◯ | ◯ |
| サイドバーの幅 | サイドバーの幅 | 300(px) | ◯ | ◯ |
| サイドバーのマージン | 本文とサイドバーの間隔 | 20(px) | ◯ | ◯ |
| タイトル 背景カラー | タイトルの背景色 | #000000 | ◯ | ◯ |
| タイトル 背景カラー 透明度 | 背景色の透明度 | 100(%) | ◯ | ◯ |
| タイトル テキストカラー | タイトルの文字色 | #ffffff | ◯ | ◯ |
| ※カテゴリーを表示 | 投稿ページに所属するカテゴリー名を表示するかどうか | 表示 | ◯ | ◯ |
| ※タグを表示 | 投稿ページに付けられたタグ名を表示するかどうか | 表示 | ◯ | ◯ |
| ※コメントを表示 | 投稿ページにつけられたコメントを表示するかどうか | 表示 | ◯ | ◯ |
| ※前のページ＆次のページへのリンクを表示 | 前のページと次のページへのリンクを表示するかどうか | 表示 | ◯ | ◯ |
| アイキャッチを表示 | タイトルの背景にアイキャッチ画像を表示するかどうか | なし | ◯ | ◯ |
| ※著者を表示 | 著者情報を表示するかどうか | 表示 | ◯ | ◯ |
| ※著者のテキストラベル | 著者のアイコン（アバター）の上に表示する文字 | 著者 | ◯ | ◯ |
| ※著者のアーカイブページへのリンクを表示 | 著者名にアーカイブページへのリンクを表示するかどうか | 表示 | ◯ | ◯ |
| ※関連記事を表示 | カテゴリーやタグに関連した投稿を表示するかどうか | 非表示 | ◯ | ◯ |
| ※関連記事のテキストラベル | カテゴリーやタグに関連した投稿を表示するかどうか | 関連記事 | ◯ | ◯ |
| ※関連記事のカラム | 関連記事のカラム数 | 3 | ◯ | ◯ |
| ※関連記事数 | 表示する関連記事数 | 3 | ◯ | ◯ |
※投稿ページのみ設定可能
「タクソノミー（カテゴリー・タグなど）アーカイブページ」の設定
トップページを最新の投稿にした場合のレイアウトや、カテゴリーやタグなどタクソノミーのアーカイブページのレイアウトが設定できます。
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| アーカイブページ コンテンツ幅 | アーカイブページのコンテンツ幅を変更する | 1200(px) | ◯ | ◯ |
| 著者を表示 | 著者を表示するかどうか | 表示 | ◯ | ◯ |
| 投稿の日付を表示 | 日付を表示するかどうか | 表示 | ◯ | ◯ |
| アーカイブを表示 | カテゴリー名を表示するかどうか | 表示 | ◯ | ◯ |
| コメントを表示 | コメントを表示するかどうか | 表示 | ◯ | ◯ |
| 記事のカラム | コンテンツ全体の幅に対して何列で記事（投稿）を表示するか設定（1カラム・2カラム・3カラム から選択） | 3カラム | ◯ | ◯ |
| サイドバー | サイドバーの表示（左・右・下・サイドバーなしから選択） | サイドバーなし | ◯ | ◯ |
| サイドバーの幅 | サイドバーの幅 | 300(px) | ◯ | ◯ |
| サイドバーのマージン | サイドバーと本文との間隔 | 20(px) | ◯ | ◯ |
| タイトル 背景カラー | タイトルの背景色 | #000000 | ◯ | ◯ |
| タイトル 背景カラー 透明度(%) | タイトルの背景色の透明度 | 100(%) | ◯ | ◯ |
| タイトル テキストカラー | タイトルの文字色 | #ffffff | ◯ | ◯ |
| 抜粋の文字 | 抜粋の最後尾に表示する文字 | ... | ◯ | ◯ |
| 抜粋の文字数 | 抜粋の文字数 | 50(文字) | ◯ | ◯ |
| デフォルトのアイキャッチ画像 | 投稿・固定ページにアイキャッチ画像が設定されていない場合の画像を設定する | なし（未設定） | ◯ | ◯ |
「ヘッダー」の設定
ウェブサイトの上部にあるヘッダーの設定です。
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| ヘッダー コンテンツ幅 | ヘッダーのコンテンツ幅を変更する | 1200(px) | ◯ | ◯ |
| 背景カラー | ヘッダーの背景色 | #ffffff | ◯ | ◯ |
| テキストカラー | ヘッダーの文字色 | #000000 | ◯ | ◯ |
| 検索ボタンを表示 | 検索ボタンを表示するかどうか | 表示 | ◯ | ◯ |
| ヘッダーを固定する | ヘッダーを固定するかどうか | 固定 | ◯ | ◯ |
| 固定ヘッダーのスタイル | ヘッダーを固定させた場合の背景色と文字色 | ダーク（暗） | ◯ | ◯ |
| PC表示の時にメニューテキストを表示する | ヘッダーに表示するメニューのパターンを変更する | 無効 | ◯ | ◯ |
ヘッダーにはウェブサイトのナビゲーションの役割としてメニューを表示することができます。設定方法については以下のページをご参考ください。
「フッター」の設定
ウェブサイトの下部にあるフッターの設定です。
| 項目 | 概要 | デフォルト値 | Nishiki | Nishiki Pro |
|---|---|---|---|---|
| フッター コンテンツ幅 | フッターのコンテンツ幅を変更する | 1200(px) | ◯ | ◯ |
| メインテキスト | フッターのタイトル文字 | メインテキスト | ◯ | ◯ |
| テキストカラー | フッター文字色 | #000000 | ◯ | ◯ |
| リンクカラー | リンクの色 | #0a88cc | ◯ | ◯ |
| ボタンテキスト | ヘッダーを固定するかどうか | ◯ | ◯ | |
| ボタンリンク | ボタンにリンクさせるURL | # | ◯ | ◯ |
| 新しいウィンドウで開く | ボタンリンクのURLを選択した時に新しいウィンドウで開くかどうか | 新しいウィンドウで開く | ◯ | ◯ |
| ボタンカラー | ボタンの背景色 | #ffffff | ◯ | ◯ |
| コピーライト | コピーライトの文字 | Powered by WordPress. The Nishiki theme is Produced by AnimaGate, Inc. | ◯ | ◯ |
| 背景カラー | フッターの背景カラー | #ffffff | ◯ | ◯ |
| フッターメニュー 背景カラー | フッターメニューの背景カラー | #f7f7f7 | ◯ | |
| フッターメニュー 背景カラー（マウスオーバー） | フッターメニューの背景カラー（マウスオーバー） | #eeeeee | ◯ | |
| フッターメニュー テキストカラー | フッターメニューのテキストカラー | #444444 | ◯ | |
| フッターメニュー テキストカラー（マウスオーバー） | フッターメニューのテキストカラー（マウスオーバー） | #222222 | ◯ | |
| フッターメニューを固定（追尾）する | フッターメニューを固定（追尾）するかどうか | なし | ◯ |
オプション
Nishiki / Nishiki Pro テーマそれぞれでオプションが利用できます。どれもウェブサイト運営に欠かせない機能ですので、ぜひ活用しましょう。
| 項目 | 概要 | Nishiki | Nishiki Pro |
|---|---|---|---|
| プロフィール | 著者別にプロフィールやソーシャルアカウントのアイコンを表示する | ※ 1 | ◯ |
| スクリプト追加 | ヘッダー、フッター付近にお好みで JavaScript を追加する | ※ 1 | ◯ |
| テーマ最適化 | jQuery の読み込み位置を変更する | ※ 1 | ◯ |
| パンくずリスト | パンくずリストのテキストや背景カラーを設定する | ※ 1 | ◯ |
| ソーシャルアカウント | 各種ソーシャルアカウントのアイコンを表示する | ◯ | |
| シェアボタン | 各種シェアボタンを表示する | ◯ | |
| OGP を設定する | ◯ | ||
| Schema.org（構造化データ） | Schema.org（構造化データ）を設定する | ◯ | |
| アナリティクス | Google Analytics の解析タグを設置する | ◯ | |
| コンテンツ作成 | CTA など、あらゆる場所にお好みでコンテンツを追加する | ◯ | |
| 目次 | 投稿ページ、固定ページの最初の見出し（h2）の上部に目次を表示する ヘッダーに固定で目次を表示する Google 検索結果に目次へのリンクを表示する | ◯ | |
| 絞り込み検索 | 投稿タイプ、カテゴリー、タグ別など、条件付きで検索できる カスタム投稿タイプ、カスタムタクソノミー対応 | ◯ | |
| LP 作成用「本文コンテンツのみ」テンプレート | 投稿ページ、固定ページで利用可能 | ◯ | |
| ダークモード | ウェブサイトをダークモードに切り替える | ◯ |
- ※ 1 Nishiki テーマ専用プラグイン Nishiki Growing Beauty を追加すると利用できます（無償）。Nishiki Pro テーマ製品版をすでに利用している方は、Nishiki Growing Beauty プラグインを新しく追加する必要はありません。すべて Nishiki Pro テーマ製品版の中に入っています。
デザイン
ウェブサイトの見た目に関わる細かい設定が可能です。
| 項目 | 概要 | Nishiki | Nishiki Pro |
|---|---|---|---|
| ボタン | ボタンのデザインを変更する | ◯ | |
| 見出し | 見出しのデザインを変更する | ◯ | |
| タグ | タグのデザインを変更する | ◯ |
その他の機能
| 項目 | 概要 | Nishiki | Nishiki Pro |
|---|---|---|---|
| 簡単アップデート | WordPress の管理画面からテーマをアップデートできる | ◯ | ◯ |
| ページテンプレート | 投稿ページ、固定ページで 5 種類のテンプレートが利用できる（サイドバー右、サイドバー左、サイドバー下、サイドバーなし、全幅） | ◯ | ◯ |
| メタ ディスクリプション | Google 検索結果にページ概要を適切に表示するため「メタ ディスクリプション」を設定する | ◯ | |
| WooCommerce 対応 | WordPress で EC サイトが構築できる 「WooCommerce」プラグインに対応 | ◯ | ◯（※ 3） |
| 日本語対応 | テーマを日本語で利用できる | ◯ | ◯ |
| ウィジェット対応 | 4 種類のウィジェットが利用できる（サイドバー、固定サイドバー、フロントページ、フッター） | △（※ 4） | ◯ |
レスポンシブ対応 | PC,タブレット,スマートフォンで閲覧するとレイアウトが崩れることなく、適切なデザインが反映される | ◯ | ◯ |
| Contact Form 7 対応 | お問い合わせフォームが導入できる「Contact Form 7」プラグインに対応 | ◯ | ◯ |
| シェアボタンの表示/非表示 | 投稿ページ（カスタム投稿含む）、固定ページごとにシェアボタンを表示/非表示に設定できる | ◯ | |
| 目次の表示/非表示 | 投稿ページ（カスタム投稿含む）、固定ページごとに目次を表示/非表示に設定できる | ◯ |
- ※ 3 WooCommerce 専用テーマ「Nishiki Pro for WooCommerce」を導入することで、テーマのデザインに合った EC サイトが構築できます。詳しくは Nishiki Pro for WooCommerceテーマ専用ページ をご覧ください。
- ※ 4 「固定サイドバー」は Nishiki テーマには含まれていません。
中・上級者向けのカスタマイズについて
「もっと好きにカスタマイズしたい！」という方は、以下のページを参考にして「子テーマ」を作って運用してください（Nishiki テーマのみ、子テーマのサンプルファイルを無料配布しています）。
WordPress で EC サイトを構築したい！という方へおすすめしたいテーマがあります
WordPress テーマ Nishiki Pro を利用している方は EC サイトが構築できる専用テーマ「Nishiki Pro for WooCommerce」をご利用ください。Nishiki / Nishiki Pro テーマ利用者の中には、創作活動を行いウェブサイト上で作品を販売している方も多いことから「自分のドメインで、自分のウェブサイトで商品を販売できる仕組みを作れないか」と思い、開発しました。
ウェブで収益を得る方法の１つとして、誰でも自分で商材を持ち、自分のウェブサイトで商取引ができる世の中だと思います。EC サイト構築に興味のある方は、以下の専用ページをご参考ください。
コードを書くカスタマイズもできるよ
WordPress テーマのテンプレートファイルにコードを書いて自由にカスタマイズできる中・上級者の方に向けて、便利な「アクションフック」「フィルターフック」も用意しています。以下のページにまとめて随時更新していますので、ご参考ください。
動作環境について
以下のページに掲載していますので、ご確認ください。
