MagOne Blogger テンプレートのインストール

MagOneは、多彩な機能を備えるBloggerのプレミアムテンプレートです。本記事では、MagOneのインストール手順を紹介します。

事前に用意するもの

Notepad++などのプレーンなテキストエディター。Macの場合は、TextEditがお勧めです。

作業はパソコン（含むMac）で行うことをお勧め致します。（Bloggerの操作は、パソコンを使用することが前提となっています。）MagOneのアクティベーションは、ブラウザーはChromeの機能を使うため、Chromeをご利用でない場合は、事前にChromeをインストールして下さい。

[post_ads]

MagOneのインストール手順

テンプレートソースコードのコピー

ダウンロードしたzipファイルを解凍します。".xml"と言う名前のファイルがテンプレートのファイルです。MagOneのテンプレートのファイル名は、magone-template-code.xmlです。

テンプレートファイルをテキストエディターで開きます。ファイルを開く時は、無効にします。


開かれたファイルのコードを全て選び、コピーします。

Bloggerのテンプレートの設定

Bloggerにログインし、テンプレートを設定するブログを選びます。ダッシュボードのメニューの［テーマ］をクリックします。ブログで使用中のテンプレートのプレビュー表示の下にある［HTMLの編集］を押します。


テンプレートのソースコードが表示されます。コードを全て選び削除します。


（上書きするのでも構いませんが、先に削除してから、新しいテンプレートコードを貼り付けた方が作業を確認しやすいと思います。）

MagOneのテンプレートコードをコピーし、Bloggerのテンプレート欄に貼り付けます。

［テーマを保存］を押して、テンプレートコードを保存します。

モバイルテンプレートを無効に設定します

Bloggerは、デフォルトのテンプレートは、パソコン用とモバイル用の2種類が有効に設定されています。MagOneはレスポンシブデザインのテンプレートです。レスポンシブデザイン テンプレートを使用する場合は、モバイルテンプレートを無効にする必要があります。

ダッシュボードの［テーマ］のページを表示し、右側にプレビュー表示されているモバイルテンプレートの下のギアアイコンをクリックします。

モバイルテーマの選択で「いいえ。」を選択します。

「いいえ」を選択するとプレビューが表示されなくなります。［保存］を押します。

テンプレートの設定ページに戻ります。モバイルテンプレートを無効にするとモバイルプレビューがグレーになります。

上の画面の状態は、モバイルテンプレートが無効になり、レスポンシブのテンプレートがモバイルでも使えるようになったことを示します。