Blogger プレミアムテンプレート MagOne の特徴

Google が提供するブログプラットフォーム Blogger は、無料で利用なブログサービスでありながら、多機能で柔軟なブログを構築することが可能です。無料ブログとしては、突出した高機能を提供し、さらにサービス側による広告表示は一切ないとても魅力的なブログプラットフォームです。Bloggerは、無料ブログでありながら、制約も少ないため、カスタマイズなどの拡張性にも優れています。

Bloggerは、標準テンプレートのデザインがシンプルで、機能が限定されているところが少し弱点であるとも言えます。日本では凝った表示機能を持つデザインのブログが普及しています。特にWordPressのテンプレートと比べると、デザイン的にBloggerが少し見劣りする印象があります。

実のところ、Bloggerはサードパーティーによって、多くのテンプレートが提供されています。Bloggerのサードパーティーテンプレートは、英語のものが多いため、日本ではあまり普及していませんが、デザインにも優れたテンプレートもあります。

MagOneは、Bloggerのプレミアムテンプレートです。Blogger プレミアムテンプレートの中でも、突出した高機能を備え、デザインも優れています。MagOneを使用すると、WordPressに見劣りしないBlogger ブログを構築することができます。

本ブログサイト、Blogger101はMagOneを使用しています。
[post_ads]

MagOneの特徴

記事ウィジェットを使用した多彩な記事レイアウト表示

MagOneは、様々な形式でラベルで分類した記事を表示する記事ウィジェットを備えています。以下の様な表示形式がサポートされています。

• グリッド
• スライダー
• スティッキー
• コンプレックス
• カルーセル
• 3列
• ブログ
• 左右
• 1列
• 2列

複数の記事ウィジェットを組み合わせることで、魅力あるデザイン表示レイアウトのホームページを作成することができます。

以下はMagOne スライダー記事ウィジェットのデモ表示例です。
 MagOneの記事ウィジェットによる表示例は、MagOneを販売するThemeForest（EnvatoMarket）のライブデモをご覧になられると良く分かると思います。

トップメニューの"Home"の右にある"Demos"をクリックすると、様々な（12種類）表示レイアウトのデモを選択できます。これら12種類の表示形式は、記事ウィジェットの組み合わせを変えて作成した例です。

MagOneを使った日本語のサイト例

ブロギングライフがサポートする 銀木食堂さんも MagOne テンプレートを使用したBloggerのサイトです。Blogger 101と同じテンプレートでも、ウィジェットの組み合わせで見た目の印象も随分異なります。（以下のリンクボタンは、MagOneのスマートコンテントのボタン機能を使っています。）
[銀木食堂のごはん日記 ]

ウィジェットの表示設定機能

MagOneでは、WordPressと同様にページの種類によって表示、非表示を設定することができます。例えば、パソコンページでサイドバーに表示するウィジェット（の一部）を、モバイルページでは非表示にすることができます。

またウィジェットに表示される記事のタイトル、著者名、コメント、日付、メタ情報、スニペット（概要）などを特定して表示、非表示の設定ができます。

ウィジェットの表示設定について

ウィジェットの表示設定機能を使用して、AdSenseの広告フォーマットでもモバイルとパソコンで異なる広告フォーマットを設定したりすることができます。

上で紹介した銀木食堂さんのサイトでは、記事下にパソコンではダブルレクタングルと関連コンテンツ、モバイルではレスポンシブ広告と関連コンテンツを表示させています。パソコンでは、メニューバーの下に横長のリンクユニットを設置し、モバイルでは非表示に設定しています。

専用ショートコード

MagOneは、以下の専用ショートコードを提供しています。

• ロック：ロックをかけた部分のコンテント部は非表示となり、ユーザーがシェアするとアンロック（表示）します。
• コンタクト：　コンタクトフォームを表示します。
• ネクスト：　長い記事をページ分割（ページブレイク）します。
• 広告：　広告を表示させます。
• フル幅：　サイドバーを非表示にします。
• サイドバー左表示：　ショートコードを入れたページの左にサイドバーを表示します。
• サイドバー右表示：　ショートコードを入れたページの右にサイドバーを表示します。

スマートコンテント

• カスタマイズ可能なタイトルとサブタイトル
• アイキャッチ画像
• ドロップキャップ
• ボタン
• メッセージボックス
• 水平タブボックス
• 垂直タブボックス
• アコーディオン
• 記事エリアを縦に分割
• コードボックス

メッセージボックスの例

背景色、テキスト色、フォントサイズ、装飾などを自由にタイトルとコンテントに設定できます。

• [message]
• ##check## メッセージボックスのカスタムデザイン例
• 上のタイトルの始めのチェックマークはFontAwesomeのアイコンをショートコードで表示しています。

アコーディオンの例

• [accordion]
• アコーディオンの利用例
• アコーディオンは良くある質問などでも使えます。
• モバイルでのUXの向上
• 長い記事は、モバイル端末ではスクロールを多くする必要があります。セクションごとにアコーディオンを設置すると、モバイルでのユーザーエクスペリエンスの向上に繋がることもあります。
• 要点をまとめる
• 要点を箇条書き形式にし、クリックするとその項目の説明を表示させることで、重要なポイントをハイライトして伝えやすくする効果があります。

ヘッダーレイアウト

タイトルの位置を中央寄せにしたり、SNSのアイコンボタンの表示位置を左上にして、右上に広告などを設置したりすることもできます。

SNSアイコンボタンをヘッダーやフッターに表示させる機能も備えています。

以下はタイトル画像とSNSボタンを設置したモバイルページのヘッダー表示例です。

MagOneの特徴紹介ビデオ

MagOneの制作者が投稿したMagOneの紹介ビデオです。とても良くまとまっています。

ブロギングライフのMagOneサポート

上で紹介したようにMagOneは多彩な機能を備えています。しかし、初期の設定は複雑です。マニュアルも英語になります。

MagOneの機能を活かした設定を行うためには、ある程度以上の英語の理解力とサイト関連の知識が必要となります。一般の人がMagOneの機能を活用したブログサイトを構築するのは、敷居が高いです。また、機能の使い方を理解するだけでも時間がかかります。

ブロギングライフでは、MagOneを利用したブログサイトの構築サポートを行っています。詳しくは、別途記事を投稿予定です。

ご興味のある方は、お気軽にお問い合わせ下さい。