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

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

そして、ブログなどのメディアサイトの立ち上げや、お店のメニューや会社案内などを掲載するためのコーポレートサイトの構築など、様々なウェブサイトにも活用できるように作られています。

ウェブサイトの運営にあまり慣れていない方や、これからウェブサイトを作りたい方にとっては「便利で簡単に扱える機能が豊富なテーマ」になっていますので、興味をお持ちの方は、テーマファイルをダウンロードしてご活用ください(無料です)。

テーマのダウンロードやWordPressにインストールして使う方法については、以下のページをご参考ください。

また、このページではWordPressテーマ「錦(Nishiki)」の特徴である「WordPressの管理画面からコードを書かずにカスタマイズできること」を一覧にまとめています。ぜひともテーマ選びのご参考となりましたら幸いです。

カスタマイズをする際には、WordPressの管理画面より「外観」→「カスタマイズ」を選択してください。

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

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

項目 機能の概要 デフォルト値
ロゴ画像 ウェブサイトのロゴ画像 なし
サイトのタイトル ウェブサイトのタイトル WordPressをインストールした時に決めたタイトル
コンテンツ全体幅 コンテンツ全体幅 1200(px)
サイトのフォントサイズ ウェブサイトの文字の大きさ 16(px)
サイトのタイトルとキャッチフレーズの表示 ウェブサイトのタイトルとキャッチフレーズ(ディスクリプション)の表示・非表示を変更 表示
サイトアイコン スマートフォン・タブレットなどモバイル端末からサイトをアプリとして保存した際などに表示するアイコン画像 なし
メインテキストカラー 主に投稿ページや固定ページの本文、コメントなどの文字色 #000000
サブテキストカラー サイドバーの枠線、コメント(作成者・日付・入力欄)などの文字色 #aaaaaa
メインカラー リンクされた文字色 #0a88cc
サブカラー マウスオーバーした際のリンクされた文字色 #0044a3
背景カラー 背景色 #ffffff

「トップページ」の設定

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

メインビジュアル

項目 概要 デフォルト値
メイン画像 メインビジュアルの画像 carp.jpg
キャッチフレーズ サイトのキャッチフレーズ(ディスクリプション) Just another WordPress site
サブテキスト メインビジュアルのサブに使用する文字
テキストカラー メインビジュアルに表示する文字色 #ffffff
背景カラー メインビジュアルの背景色 #000000
背景の透明度 背景色の透明度 30(%)
ボタンテキスト メインビジュアルに表示するボタンの文字
ボタンリンク ボタンにリンクさせるURL #
ボタンカラー ボタンの背景色 #895892
テキストカラー ボタンの文字色 #ffffff
新しいウィンドウで開く ボタンリンクのURLを選択した時に新しいウィンドウで開くかどうか 新しいウィンドウで開く
動画をアップロード メインビジュアルの動画 なし
ヘッダー画像 メインビジュアルの画像(複数指定・ランダム表示をしたい場合はこちらを使ってください) なし

最新の投稿

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

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

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

フロントページ設定

フロントページには4つの「セクション」が用意されています。それぞれのセクションごとに、以下のカスタマイズが可能です。

項目 概要 デフォルト値
セクション セクションを表示するかどうか(カスタム:表示 または 無効:非表示) 無効
画像 背景画像 なし(未選択)
背景カラー 背景色 なし(未選択)
背景の透明度 背景カラーの透明度 30(%)
メインテキスト タイトル メインテキスト
サブテキスト サブタイトル サブテキスト
テキストの位置 文字の配置(左・中央・右 の中から選択)
テキストカラー 文字色 #000000
ボタンテキスト 表示するボタンの文字 ボタンテキスト
ボタンリンク ボタンにリンクさせるURL #
ボタンカラー ボタンの文字色 #ffffff
テキストカラー ボタンの背景色 #000000
新しいウィンドウで開く ボタンリンクのURLを選択した時に新しいウィンドウで開くかどうか 新しいウィンドウで開く

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

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

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

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

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

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

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

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

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

項目 概要 デフォルト値
著者を表示 著者を表示するかどうか 表示
投稿の日付を表示 日付を表示するかどうか 表示
アーカイブを表示 カテゴリー名を表示するかどうか 表示
コメントを表示 コメントを表示するかどうか 表示
記事のカラム コンテンツ全体の幅に対して何列で記事(投稿)を表示するか設定(1カラム・2カラム・3カラム から選択) 3カラム
タイトル 背景カラー タイトルの背景色 #000000
タイトル 背景カラー 透明度(%) タイトルの背景色の透明度 100(%)
タイトル テキストカラー タイトルの文字色 #ffffff
抜粋の文字 抜粋の最後尾に表示する文字 ...
抜粋の文字数 抜粋の文字数 50(文字)

「ヘッダー」の設定

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

項目 概要 デフォルト値
背景カラー ヘッダーの背景色 #ffffff
テキストカラー ヘッダーの文字色 #000000
検索ボタンを表示 検索ボタンを表示するかどうか 表示
ヘッダーを固定する ヘッダーを固定するかどうか 固定
固定ヘッダーのスタイル ヘッダーを固定させた場合の背景色と文字色 ダーク(暗)

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

「フッター」の設定

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

項目 概要 デフォルト値
メインテキスト フッターのタイトル文字 メインテキスト
テキストカラー フッター文字色 #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_archive_title タクソノミー(カテゴリー・タグなど)のアーカイブページのタイトルの上
nishiki_after_archive_title タクソノミー(カテゴリー・タグなど)のアーカイブページのタイトルの下
nishiki_before_archive_content タクソノミー(カテゴリー・タグなど)のアーカイブページの投稿一覧の上
nishiki_after_archive_content タクソノミー(カテゴリー・タグなど)のアーカイブページの投稿一覧の下
nishiki_before_404_title 404ページのタイトルの上
nishiki_after_404_title 404ページのタイトルの下
nishiki_before_404_content 404ページのコンテンツの上
nishiki_after_404_content 404ページのコンテンツの下
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を利用して最新情報をお受け取りください。

動作環境について

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

このページをシェアする