Materiapollo Blogger Theme

Materiapolloの概要と特色

Materiapolloは、マテリアルデザインのCSSフレームワークである Materialize を使用した、無料の Blogger 向けテンプレートです。レスポンシブデザインに対応したテーマですので、モバイル用・パソコン用の両方に同じテーマを適用することが可能です。

このテンプレートは Templateismopen_in_new から提供されている MLB Apolloopen_in_new というテンプレートを骨組みとし、そこに Materialize を導入した、いわば、無料テンプレートの外枠改造版です。

Materialize の有している、モダンでレスポンシブな多くの機能を比較的手軽に Blogger上で使うことができます。Materialize のもつ多くの機能については、詳しくは Materialize のドキュメンテーションopen_in_new をご覧ください。

利用条件について

オリジナルである、 MLB Apollo のライセンスと同様に、Creative Commons Attribution 3.0 Licenseopen_in_new (CC BY 3.0) にて配布いたします。ライセンスの詳細についてはこちらopen_in_new をご覧ください。

また、このテンプレートのオリジナルであるMLB Apolloでは、CC BY 3.0 の要件を満たすために、フッター部分に元々の提供元であるTemplateismのリンクを残しておくことを求めている関係上、このテンプレートでもフッター部分の右下部分にMLB Apollo や Templateism のリンクと、Materiapollo がその派生版であることを示す文言を表示しています。

ご利用の際、"Designed by Templateism" の表示と Templateism へのリンクはそのままにして頂き、その他の文言については、削除して頂いて構いませんが、何かしらの方法で (例えば、個別ページに記載するなど)、このテンプレートが、Templateism によって提供されている MLB Apollo という Blogger テンプレート を変更 (改変) したものである旨を記載して頂くようお願いいたします。

この Blogger 向けテンプレートは、現状のまま、無保証で提供されます。このテンプレートに起因または関連し、あるいは、その使用によって生じた損害・不利益等について、当方は一切の責任を負いかねます。(このテンプレートを適用する前に、現在お使いになっているテーマのバックアップを取っておくことを強くお勧めします)

このテンプレートの使用方法 (コードのカスタマイズ方法等含む)、バグや不具合に関するお問い合わせには対応致しかねます。予めご了承ください。

記事表示数の設定について

Bloggerの投稿設定で、記事表示数を 初期設定の"7"から変更している場合は、

このテンプレートの XMLファイルをテキストエディタなどで開き、

postperpage

というキーワードで文字検索をかけて、

図のように postperpage の値をBloggerの記事表示数と同じ値に変更してください。

上のスクリーンショットは、 Sublime Text というフリーのテキスト編集ソフトウェアのものです。

Blogger のテンプレートをカスタマイズするときは、テキストエディタを使って編集し、その後ブラウザに戻ってから、Blogger のメニューの format_paintテーマ ＞ 右上の バックアップ/復元 からその XMLファイルをアップロードするというやり方のほうが、間違えて必要なコードの箇所を削除してしまった場合などに取り返しがつきやすく、何よりコードも見易いと思います。

Scriptを記述する位置について

このテンプレートでは、こちらのサイトopen_in_new のスムーススクロールのコードを使わせてもらっています。このコードを、Materialize の Javascript 関連の機能を使うための初期化を行うコードよりも前に配置してしまうと、Materialize の機能の一部が上手く作動しませんでした。

もしも新たに、<script>…</script>を追加する場合には、</body>の真上ではなく <!--Smooth Scroll-->よりも上に入れるか、スムーススクロールのコード自体をカットした方がよい場合があるかもしれません。

記事の抜粋の文字数設定について

Index やラベルページなどに表示される記事の抜粋の文字数を変更したい場合は、テンプレート中を

item_summary

で検索し、文字数を設定してください。

このスクリプトでは、記事の中で半角スペースが使われない限り、設定した文字数を超えて、文章が表示されてしまうので、小さい値にしてここで止めたいというところで半角スペースをひとつ入れるか、Blogger の記事編集画面から、

'追記の区切りを挿入' ボタン (HTML編集画面の場合は、<!--more--> と記述すれば同じ効果) を使って記事を区切ることで、文字数を調節するという手もあります。