これから Nishiki Pro または Nishiki
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

このページでは、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 テーマ の特徴の1つでもある「コードを書かずにカスタマイズできる機能」として「カスタマイザー機能」を提供しています。カスタマイザー機能を利用するには、WordPress の管理画面より「外観」→「カスタマイズ」を開いてください。

「サイト基本情報」の設定

サイト基本情報では、ウェブサイトの全体的な設定を行うことができます。

項目機能の概要デフォルト値NishikiNishiki Pro
ロゴ画像ウェブサイトのロゴ画像なし
サイトのタイトルウェブサイトのタイトルWordPress をインストールした時に決めたタイトル
コンテンツ全体幅コンテンツ全体幅1200(px)
サイトのフォントサイズウェブサイトの文字の大きさ16(px)
サイトのタイトルとキャッチフレーズの表示ウェブサイトのタイトルとキャッチフレーズ(ディスクリプション)の表示・非表示を変更表示
サイトアイコン

ファビコンの設定

スマートフォン・タブレットなどモバイル端末からサイトをアプリとして保存した際などに表示するアイコン画像

なし
メインテキストカラー主に投稿ページや固定ページの本文、コメントなどの文字色#000000
サブテキストカラーサイドバーの枠線、コメント(作成者・日付・入力欄)などの文字色#aaaaaa
メインカラーリンクされた文字色#0a88cc
サブカラーマウスオーバーした際のリンクされた文字色#0044a3
背景カラー背景色#ffffff

「トップページ」の設定

WordPress テーマ Nishiki / Nishiki Pro は、トップページをブログなどでよく見かける「投稿を新しい順から並べるレイアウト」のほかにも、クローズアップさせたいコンテンツを表示することができる「フロントページ」の設定ができます。

メインビジュアル

項目概要デフォルト値NishikiNishiki Pro
ヘッダー画像メインビジュアルの画像(複数指定・ランダム表示も可能です)なし
画像をアップロード(※廃止予定です。今後は「ヘッダー画像」に設定してくださいメインビジュアルの画像carp.jpg
プレースホルダーの画像を表示するメインビジュアルの画像を読み込む前に容量の小さな画像を表示するかどうか無効
プレースホルダーの画像のグレースケール(%)プレースホルダーの画像にグレースケールを適用する(100%で白黒表示)100
キャッチフレーズサイトのキャッチフレーズ(ディスクリプション)Just another WordPress site
サブテキストメインビジュアルのサブに使用する文字 
テキストカラーメインビジュアルに表示する文字色#ffffff
背景カラーメインビジュアルの背景色#000000
背景の透明度背景色の透明度30(%)
ボタンテキストメインビジュアルに表示するボタンの文字 
ボタンリンクボタンにリンクさせる URL#
ボタンカラーボタンの背景色#895892
テキストカラーボタンの文字色#ffffff
新しいウィンドウで開くボタンリンクの URL を選択した時に新しいウィンドウで開くかどうか新しいウィンドウで開く
動画をアップロードメインビジュアルの動画なし

最新の投稿

項目概要デフォルト値NishikiNishiki Pro
最新の投稿最新の投稿を表示するかどうか表示する
メインテキスト最新の投稿に表示するメインタイトル最近の投稿
サブテキスト最新の投稿に表示するサブタイトル 
固定記事 バッジ背景カラー特定の投稿ページを固定表示している場合のバッジの背景色#557c4c

ホームページ(旧:固定フロントページ)

項目概要デフォルト値NishikiNishiki Pro
ホームページの表示最新の投稿 または 固定ページ最新の投稿
ホームページホームページに設定するページを指定(または新規作成でページ追加)なし(未選択)
投稿ページ投稿ページに設定するページを指定(または新規作成でページを追加)なし(未選択)

フロントページ設定

フロントページでは固定ページとして設定した本文をそのまま表示したり、4つの「セクション」を利用できます。

項目概要デフォルト値NishikiNishiki Pro
ホームページのコンテンツを表示する固定ページの内容を表示するかどうか無効
セクションセクションを表示するかどうか(カスタム:表示 または 無効:非表示)無効
画像背景画像なし(未選択)
プレースホルダーの画像を表示する背景画像を読み込む前に容量の小さな画像を表示するかどうか無効
プレースホルダーの画像のグレースケール(%)プレースホルダーの画像にグレースケールを適用する(100%で白黒表示)100
背景カラー背景色なし(未選択)
背景の透明度背景カラーの透明度30(%)
メインテキストタイトルメインテキスト
サブテキストサブタイトルサブテキスト
テキストの位置文字の配置(左・中央・右 の中から選択)
テキストカラー文字色#000000
ボタンテキスト表示するボタンの文字ボタンテキスト
ボタンリンクボタンにリンクさせる URL#
ボタンカラーボタンの文字色#ffffff
テキストカラーボタンの背景色#000000
新しいウィンドウで開くボタンリンクの URL を選択した時に新しいウィンドウで開くかどうか新しいウィンドウで開く
アイテムを追加する特定のページへの誘導や、クローズアップしたい情報などを掲載するために使える、便利な機能です無効

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

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

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

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

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

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

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

項目概要デフォルト値NishikiNishiki Pro
サイドバーサイドバーの表示(左・右・下・サイドバーなしから選択)サイドバーなし
サイドバーの幅サイドバーの幅300(px)
サイドバーのマージン本文とサイドバーの間隔20(px)
タイトル 背景カラータイトルの背景色#000000
タイトル 背景カラー 透明度背景色の透明度100(%)
タイトル テキストカラータイトルの文字色#ffffff
※カテゴリーを表示投稿ページに所属するカテゴリー名を表示するかどうか表示
※タグを表示投稿ページに付けられたタグ名を表示するかどうか表示
※コメントを表示投稿ページにつけられたコメントを表示するかどうか表示
※前のページ&次のページへのリンクを表示前のページと次のページへのリンクを表示するかどうか表示
アイキャッチを表示タイトルの背景にアイキャッチ画像を表示するかどうかなし
※著者を表示著者情報を表示するかどうか表示
※著者のテキストラベル著者のアイコン(アバター)の上に表示する文字著者
※著者のアーカイブページへのリンクを表示著者名にアーカイブページへのリンクを表示するかどうか表示
※関連記事を表示カテゴリーやタグに関連した投稿を表示するかどうか非表示
※関連記事のテキストラベルカテゴリーやタグに関連した投稿を表示するかどうか関連記事
※関連記事のカラム関連記事のカラム数3
※関連記事数表示する関連記事数3

※投稿ページのみ設定可能

「タクソノミー(カテゴリー・タグなど)アーカイブページ」の設定

トップページを最新の投稿にした場合のレイアウトや、カテゴリーやタグなどタクソノミーのアーカイブページのレイアウトが設定できます。

項目概要デフォルト値NishikiNishiki Pro
アーカイブページ コンテンツ幅アーカイブページのコンテンツ幅を変更する1200(px)
著者を表示著者を表示するかどうか表示
投稿の日付を表示日付を表示するかどうか表示
アーカイブを表示カテゴリー名を表示するかどうか表示
コメントを表示コメントを表示するかどうか表示
記事のカラムコンテンツ全体の幅に対して何列で記事(投稿)を表示するか設定(1カラム・2カラム・3カラム から選択)3カラム
サイドバーサイドバーの表示(左・右・下・サイドバーなしから選択)サイドバーなし
サイドバーの幅サイドバーの幅300(px)
サイドバーのマージンサイドバーと本文との間隔20(px)
タイトル 背景カラータイトルの背景色#000000
タイトル 背景カラー 透明度(%)タイトルの背景色の透明度100(%)
タイトル テキストカラータイトルの文字色#ffffff
抜粋の文字抜粋の最後尾に表示する文字...
抜粋の文字数抜粋の文字数50(文字)
デフォルトのアイキャッチ画像投稿・固定ページにアイキャッチ画像が設定されていない場合の画像を設定するなし(未設定)

「ヘッダー」の設定

ウェブサイトの上部にあるヘッダーの設定です。

項目概要デフォルト値NishikiNishiki Pro
ヘッダー コンテンツ幅ヘッダーのコンテンツ幅を変更する1200(px)
背景カラーヘッダーの背景色#ffffff
テキストカラーヘッダーの文字色#000000
検索ボタンを表示検索ボタンを表示するかどうか表示
ヘッダーを固定するヘッダーを固定するかどうか固定
固定ヘッダーのスタイルヘッダーを固定させた場合の背景色と文字色ダーク(暗)
PC表示の時にメニューテキストを表示するヘッダーに表示するメニューのパターンを変更する無効

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

「フッター」の設定

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

項目概要デフォルト値NishikiNishiki 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 テーマそれぞれでオプションが利用できます。どれもウェブサイト運営に欠かせない機能ですので、ぜひ活用しましょう。

項目概要NishikiNishiki Pro
プロフィール著者別にプロフィールやソーシャルアカウントのアイコンを表示する※ 1
スクリプト追加ヘッダー、フッター付近にお好みで JavaScript を追加する※ 1
テーマ最適化jQuery の読み込み位置を変更する※ 1
パンくずリストパンくずリストのテキストや背景カラーを設定する※ 1
ソーシャルアカウント各種ソーシャルアカウントのアイコンを表示する 
シェアボタン各種シェアボタンを表示する 

OGP

OGP を設定する 
Schema.org(構造化データ)Schema.org(構造化データ)を設定する 
アナリティクスGoogle Analytics の解析タグを設置する 
コンテンツ作成CTA など、あらゆる場所にお好みでコンテンツを追加する 
目次

投稿ページ、固定ページの最初の見出し(h2)の上部に目次を表示する

ヘッダーに固定で目次を表示する

Google 検索結果に目次へのリンクを表示する

 
  • ※ 1 Nishiki テーマ専用プラグイン  Nishiki Growing Beauty を追加すると利用できます(無償)。

その他の機能

項目概要NishikiNishiki 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 テーマ利用者の中には、創作活動を行いウェブサイト上で作品を販売している方も多いことから「自分のドメインで、自分のウェブサイトで商品を販売できる仕組みを作れないか」と思い、開発しました。

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

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

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

動作環境について

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

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

サポトピア おすすめ WordPress テーマ

WordPress テーマ Nishiki Pro

WordPress 公式テーマ Nishiki の洗練されたデザインを継承したプロフェッショナル版テーマです。「本当に必要とされる機能」をテーマ内にすべて搭載しているので、プラグインをたくさん入れなくても OK。メンテナンスコストも抑えることができ、効率の良いウェブサイト運営を行うことができます。

EC サイト対応テーマ Nishiki Pro for WooCommerce

今の時代、誰もが商材を持ち、ネット上で販売できる仕組みを持ってもいいと思います。WordPress を使って EC サイトが構築できる「Nishiki for WooCommerce」を使って、お持ちの商材を販売しませんか。ドロップシッピングサイトも作れます。