WordPressテーマ Nishiki について
WordPressテーマ Nishiki は、ウェブサイト制作や運用などの作業の中で「よく要求されるカスタマイズ内容」をコードを書かずに設定可能にすることで、効率よく制作を行うために作られているレスポンシブウェブデザイン（パソコン、タブレット、スマートフォン）に対応したテーマです。
テーマに適しているウェブサイトのジャンル
WordPressテーマ Nishik は、様々なジャンルのウェブサイトにも活用できるように設計されています。例えば、
- ブログなどのメディアサイト
- お店や会社案内などのコーポレートサイト
- 大学など学校法人のサイト
- 作品などを掲載するためのポートフォリオサイト
- 商品を販売するためのECサイト
- 会員制フォーラムを利用したコミュニティサイト
などでも利用されています。ウェブサイトの運営にあまり慣れていない方や、これからウェブサイトを作りたい方にとっては「便利で簡単に扱える機能が豊富なテーマ」です。興味をお持ちの方は、テーマファイルをダウンロードしてご活用ください（無料です）。
テーマのダウンロードやWordPressにインストールして使う方法については、以下のページをご参考ください。
テーマを拡張する専用プラグインがあります
WordPressテーマ Nishiki を使用してウェブサイトを運営している方は「『シェアボタン』や『広告管理』などの設定ができない！」と思う方もいらっしゃると思います。そんな方のために、テーマ専用統合プラグイン「Nishiki Growing Beauty」のご利用を検討ください。欲しい機能だけ選んで導入する仕組みのプラグインとなっています。
コードを書かずにカスタマイズ
このページではWordPressテーマ Nishiki の特徴である「WordPressの管理画面からコードを書かずにカスタマイズできること」を一覧にまとめています。ぜひともテーマ選びのご参考となりましたら幸いです。
カスタマイズをする際には、WordPressの管理画面より「外観」→「カスタマイズ」を選択してください。
「サイト基本情報」の設定
サイト基本情報では、ウェブサイトの全体的な設定を行うことができます。
| 項目 | 機能の概要 | デフォルト値 |
|---|---|---|
| ロゴ画像 | ウェブサイトのロゴ画像 | なし |
| サイトのタイトル | ウェブサイトのタイトル | WordPressをインストールした時に決めたタイトル |
| コンテンツ全体幅 | コンテンツ全体幅 | 1200(px) |
| サイトのフォントサイズ | ウェブサイトの文字の大きさ | 16(px) |
| サイトのタイトルとキャッチフレーズの表示 | ウェブサイトのタイトルとキャッチフレーズ（ディスクリプション）の表示・非表示を変更 | 表示 |
| サイトアイコン | スマートフォン・タブレットなどモバイル端末からサイトをアプリとして保存した際などに表示するアイコン画像 | なし |
| メインテキストカラー | 主に投稿ページや固定ページの本文、コメントなどの文字色 | #000000 |
| サブテキストカラー | サイドバーの枠線、コメント（作成者・日付・入力欄）などの文字色 | #aaaaaa |
| メインカラー | リンクされた文字色 | #0a88cc |
| サブカラー | マウスオーバーした際のリンクされた文字色 | #0044a3 |
| 背景カラー | 背景色 | #ffffff |
「トップページ」の設定
WordPressテーマ Nishiki は、トップページをブログなどでよく見かける「投稿を新しい順から並べるレイアウト」のほかにも、クローズアップさせたいコンテンツを表示することができる「フロントページ」の設定ができます。
メインビジュアル
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| ヘッダー画像 | メインビジュアルの画像（複数指定・ランダム表示も可能です） | なし |
| 画像をアップロード（※廃止予定です。今後は「ヘッダー画像」に設定してください） | メインビジュアルの画像 | carp.jpg |
| プレースホルダーの画像を表示する | メインビジュアルの画像を読み込む前に容量の小さな画像を表示するかどうか | 無効 |
| プレースホルダーの画像のグレースケール（%） | プレースホルダーの画像にグレースケールを適用する（100%で白黒表示） | 100 |
| キャッチフレーズ | サイトのキャッチフレーズ（ディスクリプション） | Just another WordPress site |
| サブテキスト | メインビジュアルのサブに使用する文字 | |
| テキストカラー | メインビジュアルに表示する文字色 | #ffffff |
| 背景カラー | メインビジュアルの背景色 | #000000 |
| 背景の透明度 | 背景色の透明度 | 30(%) |
| ボタンテキスト | メインビジュアルに表示するボタンの文字 | |
| ボタンリンク | ボタンにリンクさせるURL | # |
| ボタンカラー | ボタンの背景色 | #895892 |
| テキストカラー | ボタンの文字色 | #ffffff |
| 新しいウィンドウで開く | ボタンリンクのURLを選択した時に新しいウィンドウで開くかどうか | 新しいウィンドウで開く |
| 動画をアップロード | メインビジュアルの動画 | なし |
最新の投稿
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| 最新の投稿 | 最新の投稿を表示するかどうか | 表示する |
| メインテキスト | 最新の投稿に表示するメインタイトル | 最近の投稿 |
| サブテキスト | 最新の投稿に表示するサブタイトル | |
| 固定記事 バッジ背景カラー | 特定の投稿ページを固定表示している場合のバッジの背景色 | #557c4c |
ホームページ（旧：固定フロントページ）
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| ホームページの表示 | 最新の投稿 または 固定ページ | 最新の投稿 |
| ホームページ | ホームページに設定するページを指定（または新規作成でページ追加） | なし（未選択） |
| 投稿ページ | 投稿ページに設定するページを指定（または新規作成でページを追加） | なし（未選択） |
フロントページ設定
フロントページには4つの「セクション」が用意されています。それぞれのセクションごとに、以下のカスタマイズが可能です。
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| セクション | セクションを表示するかどうか（カスタム：表示 または 無効：非表示） | 無効 |
| 画像 | 背景画像 | なし（未選択） |
| プレースホルダーの画像を表示する | 背景画像を読み込む前に容量の小さな画像を表示するかどうか | 無効 |
| プレースホルダーの画像のグレースケール（%） | プレースホルダーの画像にグレースケールを適用する（100%で白黒表示） | 100 |
| 背景カラー | 背景色 | なし（未選択） |
| 背景の透明度 | 背景カラーの透明度 | 30(%) |
| メインテキスト | タイトル | メインテキスト |
| サブテキスト | サブタイトル | サブテキスト |
| テキストの位置 | 文字の配置（左・中央・右 の中から選択） | 左 |
| テキストカラー | 文字色 | #000000 |
| ボタンテキスト | 表示するボタンの文字 | ボタンテキスト |
| ボタンリンク | ボタンにリンクさせるURL | # |
| ボタンカラー | ボタンの文字色 | #ffffff |
| テキストカラー | ボタンの背景色 | #000000 |
| 新しいウィンドウで開く | ボタンリンクのURLを選択した時に新しいウィンドウで開くかどうか | 新しいウィンドウで開く |
| アイテムを追加する | 特定のページへの誘導や、クローズアップしたい情報などを掲載するために使える、便利な機能です | 無効 |
フロントページ設定は、以下の場合にのみ表示されますので、ご確認ください。
- ホームページの設定画面内にある「ホームページの表示」が「固定ページ」となっている
- 適切なホームページと投稿ページが設定されている
もし、フロントページの設定項目が表示されない場合や設定方法が知りたい場合は、以下のページをご参考ください。
アイテム追加の設定はおすすめ
各セクションごとに「アイテム追加」機能があります。「ウェブサイトを手軽にかっこよく、情報もしっかりと載せたい！」という方にはオススメの設定です。詳しくは、以下のページをご参考ください。
「投稿ページ」「固定ページ」の設定
投稿ページと固定ページに表示するサイドバーやタイトルなどが設定できます。
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| サイドバー | サイドバーの表示（左・右・下・サイドバーなしから選択） | サイドバーなし |
| サイドバーの幅 | サイドバーの幅 | 300(px) |
| サイドバーのマージン | 本文とサイドバーの間隔 | 20(px) |
| タイトル 背景カラー | タイトルの背景色 | #000000 |
| タイトル 背景カラー 透明度 | 背景色の透明度 | 100(%) |
| タイトル テキストカラー | タイトルの文字色 | #ffffff |
| ※カテゴリーを表示 | 投稿ページに所属するカテゴリー名を表示するかどうか | 表示 |
| ※タグを表示 | 投稿ページに付けられたタグ名を表示するかどうか | 表示 |
| ※コメントを表示 | 投稿ページにつけられたコメントを表示するかどうか | 表示 |
| ※前のページ＆次のページへのリンクを表示 | 前のページと次のページへのリンクを表示するかどうか | 表示 |
| アイキャッチを表示 | タイトルの背景にアイキャッチ画像を表示するかどうか | なし |
| ※著者を表示 | 著者情報を表示するかどうか | 表示 |
| ※著者のテキストラベル | 著者のアイコン（アバター）の上に表示する文字 | 著者 |
| ※著者のアーカイブページへのリンクを表示 | 著者名にアーカイブページへのリンクを表示するかどうか | 表示 |
※投稿ページのみ設定可能
「タクソノミー（カテゴリー・タグなど）アーカイブページ」の設定
トップページを最新の投稿にした場合のレイアウトや、カテゴリーやタグなどタクソノミーのアーカイブページのレイアウトが設定できます。
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| 著者を表示 | 著者を表示するかどうか | 表示 |
| 投稿の日付を表示 | 日付を表示するかどうか | 表示 |
| アーカイブを表示 | カテゴリー名を表示するかどうか | 表示 |
| コメントを表示 | コメントを表示するかどうか | 表示 |
| 記事のカラム | コンテンツ全体の幅に対して何列で記事（投稿）を表示するか設定（1カラム・2カラム・3カラム から選択） | 3カラム |
| タイトル 背景カラー | タイトルの背景色 | #000000 |
| タイトル 背景カラー 透明度(%) | タイトルの背景色の透明度 | 100(%) |
| タイトル テキストカラー | タイトルの文字色 | #ffffff |
| 抜粋の文字 | 抜粋の最後尾に表示する文字 | ... |
| 抜粋の文字数 | 抜粋の文字数 | 50(文字) |
| デフォルトのアイキャッチ画像 | 投稿・固定ページにアイキャッチ画像が設定されていない場合の画像を設定する | なし（未設定） |
「ヘッダー」の設定
ウェブサイトの上部にあるヘッダーの設定です。
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| 背景カラー | ヘッダーの背景色 | #ffffff |
| テキストカラー | ヘッダーの文字色 | #000000 |
| 検索ボタンを表示 | 検索ボタンを表示するかどうか | 表示 |
| ヘッダーを固定する | ヘッダーを固定するかどうか | 固定 |
| 固定ヘッダーのスタイル | ヘッダーを固定させた場合の背景色と文字色 | ダーク（暗） |
| PC表示の時にメニューテキストを表示する | ヘッダーに表示するメニューのパターンを変更する | 無効 |
ヘッダーにはウェブサイトのナビゲーションの役割としてメニューを表示することができます。設定方法については以下のページをご参考ください。
「フッター」の設定
ウェブサイトの下部にあるフッターの設定です。
| 項目 | 概要 | デフォルト値 |
|---|---|---|
| メインテキスト | フッターのタイトル文字 | メインテキスト |
| テキストカラー | フッター文字色 | #000000 |
| リンクカラー | リンクの色 | #0a88cc |
| ボタンテキスト | ヘッダーを固定するかどうか | |
| ボタンリンク | ボタンにリンクさせるURL | # |
| 新しいウィンドウで開く | ボタンリンクのURLを選択した時に新しいウィンドウで開くかどうか | 新しいウィンドウで開く |
| ボタンカラー | ボタンの背景色 | #ffffff |
| コピーライト | コピーライトの文字 | Powered by WordPress. The Nishiki theme is Produced by AnimaGate, Inc. |
| 背景カラー | フッターの背景色 | #ffffff |
中・上級者向けのカスタマイズについて
「もっと好きにカスタマイズしたい！」という方は、以下のページを参考にして「子テーマ」を作って運用してください（子テーマのサンプルファイルも以下のページ内で無料配布しています）。
コードを書くカスタマイズもできるよ
WordPressテーマのテンプレートファイルにコードを書いて自由にカスタマイズできる中・上級者の方に向けて、便利な「アクションフック」「フィルターフック」も用意しています。以下のページにまとめて随時更新していますので、ご参考ください。
動作環境について
以下のページに掲載していますので、ご確認ください。
