SIRIUSテンプレート「NOVA」の特徴

完全レスポンシブ

 

昨今スマートフォンやタブレットなどの普及により、モバイルからのサイト訪問者が半数を超えることも珍しくありません。そのためNOVAではGoogleも推奨している、端末の画面サイズに合わせて自動でレイアウトが最適化されるレスポンシブデザインを採用しています。

 

 

モバイルフレンドリー

 

Googleのモバイルフレンドリーテスト合格。ビューポート、コンテンツサイズ、フォントサイズ、タップ要素間の距離などすべてがスマートフォンやタブレットなどモバイル端末に最適化されています。

 

美しいデザイン

 

クセのないデザインはシンプルで美しく、あらゆるジャンルに使うことができます。またNOVAはSIRIUS付属テンプレートのデザインを一切引き継がず、すべての外観は一から作り直されました。

 

自由なサイトカラー

 

現在のSIRIUS付属のテンプレートでは1種類のテンプレートに10色のカラータイプがあり、カラーごとにテンプレートファイルが用意されています。

 

対してNOVAではオプションからサイトカラーをあらゆる色に変更することができます。そのためNOVAテンプレートはデフォルトの水色（当サイトで使用）以外用意されていません。

 

 

 

HTML5とCSS3

 

マークアップ言語を最新のHTML5に変更、スタイルシートにCSS3を採用し新しい表現が可能になりました。また追加された構造化タグ（ article, section, aside, header, footer, nav, time ）は検索エンジンへ適切な情報を伝えます。

 

アイコンフォント（Font Awesome 5）

 

近年では高解像度の画面をもつスマホが増えたことで解像度が多様化しました。様々な解像度で同じ画像を美しく表示するには限界があります。そこでNOVAではテンプレートのUIから画像を廃し、アイコンフォントのスタンダードといえる「Font Awesome 5」を導入しました。

 

 

CSSボタンのリデザイン

 

SIRIUSの大幅バージョンアップ（ver1.5）で追加された、画像を使用せずスタイルシートのみで作られたボタンリンクのデザインを一新しました。ボタンリンクはSIRIUS上位版限定の機能です。

 

 

ページ速度の高速化

 

Google PageSpeed Insightsにて検証しながらファーストビューのデザインを崩さない範囲でサイト表示の高速化を行いました。最大でモバイルスコア93、PCスコア97をマーク。

 

使えるブログモード

 

サムネイルの設定を前提としたブログモードは、記事一覧をカード型に変更し一覧性を確保しました。またトップページでは記事一覧の下部へサイトマップへのリンクを追加しページ内巡回を促します。

 

 

通常モード

 

記事の鮮度を重視するブログモードに対し、記事の公開日付が表示されない通常モードは記事の鮮度に左右されないHTMLサイトに最適です。

 

追加されたクラス

 

サムネイルを設定できるリンクカード、文字だけのリンクテキスト、画像上にテキスト表示、画像キャプション（説明文）、吹き出しのキャラクター画像下に名前を表示など、NOVA独自のクラスを多数追加しました。

 

 

サムネイル表示

 

NOVAでは記事一覧、関連記事、新着記事、人気記事など、可能な限りサムネイルを表示できるようにしました。また画像ごとの大きさやアスペクト比が違う場合を想定し、自動でアスペクト比16：9にトリミング表示されるようになっています。

 

入力項目の限定

 

SIRIUSでは記事を作るたびにエントリー名、エントリー説明、H1テキスト、ヘッダーテキスト、メタキーワード、メタ説明文の入力が必要で非常に面倒でした。

 

NOVAでは簡単に記事を作成できるよう入力が必要な項目をエントリー名のみに限定し、その他の項目は自動で出力されるよう調整されました。

 

 

トップメニューのサブテキスト

 

トップメニューに装飾としてサブテキストを追加できます。

 

OGP設定

 

OGPタグの追加により、ソーシャルボタン（SNSボタン）でシェアされた際に適切な情報が自動で取得されます。またシェア時の画像はサムネイルに設定した画像が使用されます。

 

ソーシャルボタン

 

Twitter、Facebook、はてなブックマーク、Google+、Pocket、LINEのソーシャルボタン（SNSボタン）を実装しました。これらは公式ボタンと違いページ速度を遅くすることはありません。

 

 

検索結果にサイト名を追記

 

検索結果やブックマークで表示されるページタイトルにサイト名を自動で追加します。

 

ページ送り

 

前の記事、次の記事へと誘導するリンクナビゲーションを記事下部へ追加しました。

 

プロフィールカード

 

NOVAバージョン1.1で追加されたプロフィールカードです。サイドメニューのサイト運営者紹介などに使用します。

 

 

2カラムヘッダー

 

NOVAバージョン1.1で追加された2カラムヘッダーです。左に画像、右にテキストとボタンリンクを表示する2カラムのヘッダーをヘッダーのフリースペースに設置することができます。

 

 

ビッグヘッダー

 

NOVAバージョン1.1で追加されたビッグヘッダーです。サイトの幅いっぱいに画像を表示する大きなヘッダーをヘッダーのフリースペースに設置することができます。

 

 

 

人気記事ランキング

 

NOVAバージョン1.4で追加された人気記事ランキング機能です。サイドメニューに任意の記事のランキングを表示することが可能です。

 

 

記事スライダー

 

NOVAバージョン1.4で追加された記事スライダー機能です。ヘッダー画像のように中央に大きく表示したり、複数の記事を横並びで表示することができます。

 

 

画像比較スライダー

 

NOVAバージョン1.41で追加された画像比較スライダー機能です。2枚の画像のビフォーアフターをスライドで比較することができます。

 

 

ランディングページ作成機能

 

NOVAバージョン1.6で追加されたランディングページ作成機能です。背景に画像を入れたり、画像やテキストを横並べにするのなどリッチな表現が可能で、ブロック単位でコピペで継ぎ足していくだけで簡単に作成できます。

 

フリースペース追加

 

NOVAは3カラムレイアウトに対応していません。そこで3カラム目に使用されていたサブメニュー上段と下段の２つのフリースペースを、トップメニュー下と記事途中へそれぞれ追加しました。

 

 

追尾型広告

 

サイドバー下段のフリースペースはスクロールに合わせて追尾します。ここに広告を貼れば一定の効果が期待できるでしょう。（アドセンスでは規約違反になるので注意が必要です 解禁されました）

 

Googleアドセンス対応

 

アドセンスで効果的とされる広告サイズにビッグバナー、レクタングル（大）などがあります。NOVAではメインカラムの幅728pxはビッグバナー、サイドバーの幅336pxはレクタングル（大）にそれぞれ最適化されています。

 

ダブルレクタングル対応

 

アドセンスでよく使われる、レクタングル（大）を横に2つ並べて表示するダブルレクタングルに対応。スマートフォン表示でアドセンス広告が2つ以上並ぶことは規約違反なので片方の広告が自動で非表示になります。

 

SIRIUS大幅バージョンアップVer1.5に対応

 

画像管理の改善、記事検索機能、サイト生成やFTPアップロードの高速化、ボタンリンク機能、Youtubeのレスポンシブ化、カスタム専用のスタイルシート機能、テンプレートの横幅調整機能、サイトの表示速度の向上など多くの要素が追加されたVer1.5に対応済み。

 

通常のSIRIUSテンプレート入手方法は？

通常、SIRIUSテンプレートの入手方法は以下となります。

 

 

公式販売の追加テンプレート

公式販売の追加テンプレートはジャンルごとに固定デザインで汎用性が無く、また数が多いためSIRIUS本体のバージョンアップによる追加要素にどこまで対応されるか不安があります。

 

無料での入手

無料での入手は、無料で公開されているSIRIUSテンプレートがほとんど存在しない、また古い付属テンプレートに少し手を加えただけのものなどで実用的ではありません。

 

自作とカスタマイズ

一から自作するのはそれこそ限られた人で無ければ難しく、カスタマイズもレスポンシブへの対応などを考えると多くの手間が掛かります。

 

SIRIUSの購入特典として入手

SIRIUSの購入特典として自作テンプレートを配布しているサイトもありますが、テンプレート作成を外注している場合が多くバージョンアップの対応に不安があります。その点、NOVAであれば私自身がSIRISUを使用、テンプレートを作成しているので細かな修正、追加要素、バージョンアップへの対応が可能です。

 

NOVAの入手方法

当サイトを経由してSIRIUSや他の商品の購入していただくことによって、購入特典として無料でご利用できます。下記のリンク「NOVAの入手方法」ボタンから特典を確認後、特典付き商品リストページからご購入ください。