NOVAの使い方

NOVAのインスールと更新（アップデート）は同じ手順です。

まず最初にSIRIUSを起動します。サイト管理画面で「ファイル > テンプレートのインストール」を選択してください。

ダウンロードしたテンプレートファイル「nova.zip」を選択して「開く」をクリックするとインストールが始まります。「テンプレートのインストールが完了しました」と表示されたら、適当なサイトを選択して開いてください。

サイト全体設定の「テンプレート（必須）」からテンプレート選択画面を開きます。

NOVAが追加されていればインストール成功です。「NOVA」を選択して「OK」をクリックすれば適用、更新となります。

NOVAを適用してもサイトに反映されない場合はこちら

SIRIUSで更新内容がサイトに反映されないときの対処法SIRINOVA

文字コードを「UTF-8」に変更

サイトオプションで文字コードを「UTF-8」に変更してください。

「Shift_JIS」だとソーシャルボタンからのシェアやサイト内検索で文字化けしてしまいます。また、サイトごとに設定が面倒な人は「デフォルト設定 > 現在の設定をデフォルトにする」を実行しましょう。

同時生成機能はオフのままにする

iPhoneと携帯の同時生成はチェックを入れないでください。NOVAはレスポンシブ対応なのでモバイル専用のテンプレートに対応していません。

SIRIUSのSEO対策はやや時代遅れであり、必要のない記入箇所が多くあります。NOVAはコンテンツの作成に集中できるよう、無駄と思える部分は自動で入力されるように作られました。

サイト全体設定

全体設定で記入が必要なのは「サイト名」「サイト説明」「H1テキスト」「ヘッダーテキスト」になります。

「META説明文」には「サイト説明」と同じ文章が自動で入力されます。これはテンプレート上から削除してあるので、ここに何を記入しても影響はありません。「METAキーワード」は必要だと思う方は記入してください。

ページ設定

カテゴリーページでは「カテゴリー名」のみ、エントリーページでは「エントリー名」のみの記入が必要になります。

「H1テキスト」には「エントリー（カテゴリー）名」と同じ文章が、「エントリー（カテゴリー）説明」と「META説明文」には記事1の冒頭100文字が自動で入力されます。「ヘッダーテキスト」は<% pageTitle %>のままで「エントリー（カテゴリー）名」が入力されるので変更しないように注意してください。

これらはテンプレート上から削除してあるので、ここに何を記入しても影響はありません。また、サイト全体設定の文章が引き継がれていても消す必要はありません。

メタディスクリプションを制御する

記事1に100文字以内でページ概要のみを記入すれば、そのままメタディスクリプションを入力した事になります。また<% pageBodySplitter %>タグを利用すると100文字以内であれば好きな所までをメタディスクリプションとして設定できます。

<% pageBodySplitter %>は右クリックメニューから「タグ挿入→本文の分割」から入力できます。

あいうえおかきくけこさしすせそ<% pageBodySplitter %>たちつてとなにぬねの

上記の場合「あいうえおかきくけこさしすせそ」までがメタディスクリプションとして設定され、それ以降は無視されます。

SIRIUSではカテゴリーページの扱いに困り、無理にコンテンツを作成し「記事一覧」を押し下げてしまっているサイトが数多く見受けられます。そのため、無理に追加したコンテンツと記事一覧の間に「エントリーページ一覧の見出し」が必要でした。

NOVAではカテゴリーページをあくまで「カテゴリー記事一覧」として扱います。そのため「エントリーページ一覧の見出し」は削除されました。

カテゴリーページは記事一覧であることが一般的なので、無理にコンテンツを作る必要はありません。何も記入せず、もしくはカテゴリー説明文程度にとどめて記事一覧として扱いましょう。

サイトカラーを変更するには「サイトオプション > サイトデザイン > ページタイトルの文字色」から好きな色を選択してください。

サイトカラーの変更はヘッダー画像に表示されるタイトルの文字色を変更する「ページタイトルの文字色」設定機能を流用しています。そのため「ページタイトルの文字色」は「サイト説明文の文字色」を設定することで一括で変更されます。

好きな色を選択する

「色の選択（自由）」で好きな色を選べます。また「スポイトツール」を使うことで画面のどこからでも色を取得できます。

スポイトツールをクリックし、画面の色を取得したい場所をクリックしてください。Color Huntから好きなカラーを取得するのもオススメです。

こちらも参考にしてください

カラーコードを取得する方法SIRINOVA

サムネイルは可能な限り設定してください。「通常モード」はサムネイルが無いことも想定してデザインされましたが、「ブログモード」はサムネイルを前提としてデザインされています。また設定した画像はソーシャルボタンからシェアされたときにOGP画像としても使用されます。

サムネイル画像の作成方法

エントリーページの設定から「サムネイル画像」を選択します。

サムネイルにしたい画像を右クリックして「画像のサムネイルを作成」を選びます。

必ず「大（横幅400px）」を選択してください。他のサイズだとレイアウトに対し小さい場合があります。

NOVAでは「記事画像」をアイキャッチ画像として使います。つまり小さな画像や回り込み画像を想定しないということです。

そのため「記事画像」で指定した画像は強制的に回り込みを解除され中央表示になります。

画像位置について

画像を指定すると「画像位置」が「左回り込み」になりますが、これは変更しないでください。このままで中央表示になります。

記事タイトル1は不要

H1（大見出し）がアイキャッチ上部に記事タイトルとして表示されるので、「記事タイトル1（H2）」を記入する必要はありません。

画像を回り込みさせたい場合は？

画像を回り込みさせたい場合は「記事本文」に画像を貼ってから「回り込み」を指定してください。

ここにテキストを表示

上記のように記事画像1～10にテキストを表示できます。

画像の後に<span>テキスト</span>を記入してください。

トップメニューにサブテキストを表示する方法

上記の画像のようにメニューに小さなサブテキストを追加します。多くの場合は英語のテキストになるかと思います。

「メニューの編集→トップメニュー→リンクの設定」で表示したいテキストをpタグで囲んでください。pタグで囲んだサブテキストを右に配置すれば下に、左に配置すれば上に表示します。

NOVAの特徴<p>Feature</p>

アイコンを追加したい場合はこちらをご覧ください

アイコンフォント（FontAwesome）の使い方SIRINOVA