WordPress テーマ Nishiki / Nishiki Pro の機能一覧

このページでは、WordPress テーマ Nishiki / Nishiki Pro の機能について解説しています。機能がたくさんあるのでどうしてもページが長くなってしまいましたが、目次などを活用して読み進めていただけますと幸いです。

WordPress テーマ Nishiki / Nishiki Pro について
- WordPress テーマ Nishiki / Nishiki Pro はどんなウェブサイトに使われているか
Nishiki テーマのダウンロード
- テーマを拡張する Nishiki 専用プラグインがあります
Nishiki Pro テーマのダウンロード
- Nishiki Pro テーマはウェブサイトに必要な機能を全てテーマに搭載
- Gutenberg ブロックエディター対応の「直感的にコンテンツ作成できる」テーマ
Nishiki / Nishiki Pro テーマの機能一覧
カスタマイザー機能
デザイン
その他の機能
中・上級者向けのカスタマイズについて
WordPress で EC サイトを構築したい！という方へおすすめしたいテーマがあります
コードを書くカスタマイズもできるよ
動作環境について

WordPress テーマ Nishiki / Nishiki Pro について

WordPress テーマ Nishiki / Nishiki Pro は、ウェブサイト制作や運用などの作業の中で「よく要求されるカスタマイズ内容」をコードを書かずに設定可能にすることで、効率よく制作を行うために作られているレスポンシブウェブデザイン（パソコン、タブレット、スマートフォン）に対応したテーマです。

WordPress テーマ Nishiki / Nishiki Pro はどんなウェブサイトに使われているか

WordPress テーマ Nishiki / Nishiki Pro は、様々なジャンルのウェブサイトにも活用できるように設計されています。

ブログなどのメディアサイト
お店や会社案内などのコーポレートサイト
大学など学校法人のサイト
イラストを描くお仕事をしている方など、創作活動を行う方が作品などを掲載するためのポートフォリオサイト
商品を販売するための EC サイト
会員制フォーラムを利用したコミュニティサイト
広告収入で収益化を図るアフィリエイトサイト

もちろん、上記以外のジャンルのウェブサイトでも利用できる万能テーマとして提供しています。

また、ウェブサイトの運営にあまり慣れていない方や、これからウェブサイトを作りたい方にとっては「便利で簡単に扱える機能が豊富なテーマ」として開発しました。興味をお持ちの方は、ぜひご活用ください。

Nishiki テーマのダウンロード

WordPress 公式サイトに登録されているテーマとして無償でダウンロードできます。インストール方法は以下のページをご参考ください。

WordPress の管理画面から Nishiki テーマをインストール・有効化する方法WordPress テーマ Nishiki は公式サイトに登録されているテーマなので WordPre…support.animagate.com

テーマを拡張する Nishiki 専用プラグインがあります

WordPress テーマ Nishiki を使用してウェブサイトを運営している方は「テーマ最適化」「スクリプト追加」「プロフィール」「パンくずリスト」の機能が追加できるテーマ専用統合プラグイン Nishiki Growing Beauty を無償で提供していますので、お好みで活用ください。

Nishiki テーマ専用プラグイン Nishiki Growing Beautyワードプレス公式ディレクトで配布している Nishiki テーマ専用の統合プラグインです。Nishiki Pro テーマをご利用の方は必要ありません。support.animagate.com

Nishiki Pro テーマのダウンロード

WordPress テーマ Nishiki は拡張性に優れたテーマですが、Nishiki 専用プラグインで提供している機能の他にも「シェアボタンを入れたい」「OGP を設定したい」「広告を管理したい」など、新たに機能を追加したい方もいると思います。その場合は、必要に応じて「プラグイン」を導入したり、テーマをカスタマイズすれば OK ですね。

その一方で「どのプラグインをいれていいのかわからない」「そもそもプラグインを入れる手間を減らしたい」「入れたプラグインのアップデートなど、管理するのは大変だ」「テーマのカスタマイズ方法がわからない」という声も少なくありません。

Nishiki Pro テーマはウェブサイトに必要な機能を全てテーマに搭載

そこで、Nishiki テーマの洗練された美しさをそのまま継承し、ウェブサイトに必要な機能を全てテーマに搭載したプロフェッショナル版 Nishiki Pro テーマを開発しました。

Gutenberg ブロックエディター対応の「直感的にコンテンツ作成できる」テーマ

Nishiki Pro テーマには WordPress 5.0 から標準で利用できる Gutenberg ブロックエディターをさらに使いやすくした「Nishiki Blocks Pro」を搭載し、旧エディターでは難しかったコンテンツ作成も可能です。

以下のページからテーマの詳細を確認できますので、ぜひご検討ください。

WordPress テーマ Nishiki ProNishiki Pro は「ウェブサイト運営に欠かせない機能」をまとめてテーマ内に搭載した「美しく・洗練されたワードプレステーマ」です。ブロックエディター完全対応。ワードプレスのカスタマイズ技術・知識を必要最小限におさえ、メンテナンスコストを大幅に削減したい方におすすめです。「楽しく直感的なコンテンツ作り」ができるよう、追求されたテーマです。support.animagate.com

「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 を選択した時に新しいウィンドウで開くかどうか	新しいウィンドウで開く	◯	◯
アイテムを追加する	特定のページへの誘導や、クローズアップしたい情報などを掲載するために使える、便利な機能です	無効	◯	◯

フロントページ設定は、以下の場合にのみ表示されますので、ご確認ください。

ホームページの設定画面内にある「ホームページの表示」が「固定ページ」となっている
適切なホームページと投稿ページが設定されている

もし、フロントページの設定項目が表示されない場合や設定方法が知りたい場合は、以下のページをご参考ください。

【ホームページ（旧：固定フロントページ）設定】トップページをかっこよくしよう！WordPress テーマ Nishiki は、トップページをブログのような最新の投稿を新しい順から…support.animagate.com

アイテム追加の設定はおすすめ

各セクションごとに「アイテム追加」機能があります。「ウェブサイトを手軽にかっこよく、情報もしっかりと載せたい！」という方にはオススメの設定です。詳しくは、以下のページをご参考ください。

WordPress テーマ Nishiki Pro / Nishiki で「アイテム追加」機能を使う方法Nishiki Pro ユーザーの方へこのページで紹介している機能は、将来的に廃止されます。Nis…support.animagate.com

「投稿ページ」「固定ページ」の設定

投稿ページと固定ページに表示するサイドバーやタイトルなどが設定できます。

項目	概要	デフォルト値	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表示の時にメニューテキストを表示する	ヘッダーに表示するメニューのパターンを変更する	無効	◯	◯

ヘッダーにはウェブサイトのナビゲーションの役割としてメニューを表示することができます。設定方法については以下のページをご参考ください。

【ナビゲーション設定】ヘッダーにメニューを設定しようWordPress テーマ Nishiki Pro または Nishiki では、ヘッダー部分にウェ…support.animagate.com

「フッター」の設定

ウェブサイトの下部にあるフッターの設定です。

項目	概要	デフォルト値	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	OGP を設定する		◯
Schema.org（構造化データ）	Schema.org（構造化データ）を設定する		◯
アナリティクス	Google Analytics の解析タグを設置する		◯
コンテンツ作成	CTA など、あらゆる場所にお好みでコンテンツを追加する		◯
目次	投稿ページ、固定ページの最初の見出し（h2）の上部に目次を表示するヘッダーに固定で目次を表示する Google 検索結果に目次へのリンクを表示する		◯
絞り込み検索	投稿タイプ、カテゴリー、タグ別など、条件付きで検索できるカスタム投稿タイプ、カスタムタクソノミー対応		◯
LP 作成用「本文コンテンツのみ」テンプレート	投稿ページ、固定ページで利用可能		◯
ダークモード	ウェブサイトをダークモードに切り替える		◯

※ 1 Nishiki テーマ専用プラグイン Nishiki Growing Beauty を追加すると利用できます（無償）。Nishiki Pro テーマ製品版をすでに利用している方は、Nishiki Growing Beauty プラグインを新しく追加する必要はありません。すべて Nishiki Pro テーマ製品版の中に入っています。

デザイン

ウェブサイトの見た目に関わる細かい設定が可能です。

項目	概要	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 テーマ Nishiki をカスタマイズするなら、子テーマを作って運用しようWordPressテーマ Nishiki を使っていると「テーマファイルを触って自分好みにカスタマイ…support.animagate.com

WordPress で EC サイトを構築したい！という方へおすすめしたいテーマがあります

WordPress テーマ Nishiki Pro を利用している方は EC サイトが構築できる専用テーマ「Nishiki Pro for WooCommerce」をご利用ください。Nishiki / Nishiki Pro テーマ利用者の中には、創作活動を行いウェブサイト上で作品を販売している方も多いことから「自分のドメインで、自分のウェブサイトで商品を販売できる仕組みを作れないか」と思い、開発しました。

ウェブで収益を得る方法の１つとして、誰でも自分で商材を持ち、自分のウェブサイトで商取引ができる世の中だと思います。EC サイト構築に興味のある方は、以下の専用ページをご参考ください。

EC サイト専用 WordPress テーマ Nishiki Pro for WooCommerceWordPress テーマ Nishiki Pro for WooCommerce は「WordPress テーマ Nishiki Pro で作ったウェブサイトで商品を販売したい」と考える全ての方に利用して欲しい、EC サイト（ネットショップ）構築専用テーマ（※1）です。support.animagate.com

コードを書くカスタマイズもできるよ

WordPress テーマのテンプレートファイルにコードを書いて自由にカスタマイズできる中・上級者の方に向けて、便利な「アクションフック」「フィルターフック」も用意しています。以下のページにまとめて随時更新していますので、ご参考ください。

WordPress テーマ Nishiki で使える「アクションフック」「フィルターフック」まとめアクション機能についてウェブサイト制作や運営をされている方などは、例えばですが、タイトルの下にシ…support.animagate.com

動作環境について

以下のページに掲載していますので、ご確認ください。

動作環境（サーバー・OS・ブラウザ）についてWordPress テーマ Nishiki 、Nishiki Pro の動作環境については、以下をご…support.animagate.com

WordPress テーマ Nishiki / Nishiki Pro の機能一覧

WordPress テーマ Nishiki / Nishiki Pro について

WordPress テーマ Nishiki / Nishiki Pro はどんなウェブサイトに使われているか