WordPressテーマ「錦(Nishiki)」について

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

テーマに適しているウェブサイトのジャンル

WordPressテーマ「錦(Nishiki)」は、様々なジャンルのウェブサイトにも活用できるように設計されています。例えば、

  • ブログなどのメディアサイト
  • お店や会社案内などのコーポレートサイト
  • 作品などを掲載するためのポートフォリオサイト
  • 商品を販売するための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

中・上級者向けのカスタマイズについて

「もっと好きにカスタマイズしたい!」という方は、以下のページを参考にして「子テーマ」を作って運用してください(子テーマのサンプルファイルも以下のページ内で無料配布しています)。

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

アクションフックについて

ウェブサイト制作や運営をされている方などは、例えばですが、

  • タイトルの下にシェアボタンを入れたい
  • 本文の上に目次を入れたい
  • 本文の最後に広告を入れたい

など、「コンテンツとコンテンツの間に何かを挟む」というカスタマイズをされることもあると思います。

そのようなカスタマイズをされる方のために、以下のアクションフックを用意していますので、ご活用ください。比較的レベルの高いカスタマイズになりますので、使い方や具体的な活用方法などについては、サポートフォーラム内で随時紹介いたします。

使えるアクションフック一覧

アクションフック名概要引数
nishiki_before_site_headerウェブサイトのヘッダーの上
nishiki_after_site_headerウェブサイトのヘッダーの下
nishiki_before_site_footerウェブサイトのフッターの上
nishiki_after_site_footerウェブサイトのフッターの下
nishiki_before_singular_title投稿ページ、固定ページのタイトルの上
nishiki_after_singular_title投稿ページ、固定ページのタイトルの下
nishiki_before_singular_content投稿ページ、固定ページの本文の上
nishiki_after_singular_content投稿ページ、固定ページの本文の下
nishiki_before_single_author_description投稿ページの著者のプロフィール説明文の上
nishiki_after_single_author_description投稿ページの著者のプロフィール説明文の下
nishiki_before_archive_titleタクソノミー(カテゴリー・タグなど)のアーカイブページのタイトルの上
nishiki_after_archive_titleタクソノミー(カテゴリー・タグなど)のアーカイブページのタイトルの下
nishiki_before_archive_contentタクソノミー(カテゴリー・タグなど)のアーカイブページの投稿一覧の上
nishiki_after_archive_contentタクソノミー(カテゴリー・タグなど)のアーカイブページの投稿一覧の下
nishiki_before_404_title404ページのタイトルの上
nishiki_after_404_title404ページのタイトルの下
nishiki_before_404_content404ページのコンテンツの上
nishiki_after_404_content404ページのコンテンツの下
nishiki_before_search_title検索結果ページのタイトルの上
nishiki_after_search_title検索結果ページのタイトルの下
nishiki_before_search_content検索結果ページの投稿一覧の上
nishiki_after_search_content検索結果ページの投稿一覧の下
nishiki_before_front_page_section(1〜4)_contentトップページの4つのセクションそれぞれのコンテンツの上
nishiki_after_front_page_section(1〜4)_contentトップページの4つのセクションそれぞれのコンテンツの下

フィルター機能について

今後のバージョンアップに際して、さらにカスタマイズを行いたい方のために「フィルター機能」の追加を予定しています。機能追加の進捗など、詳しい情報についてはサポートフォーラムの管理メンバーからの発信をフォローいただくか、当サイトで配信しているRSSを利用して最新情報をお受け取りください。

動作環境について

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

ハッシュタグ#wpnishikiをつけてシェア

このページの著者について

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社AnimaGateの代表をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。→ブログはこちら