Materiapollo Blogger Theme

Materiapolloの概要と特色

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

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

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

利用条件について

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

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

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

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

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

Materiapollo v1.0.9

  • insert_drive_fileMateriapollo v1.0.9Download
  • insert_drive_fileMateriapollo v1.0.9 HeaderNav非固定版Download

"HeaderNav非固定版" は、ページ上部のナビゲーションバーが固定されていないタイプです。

  • View Previous Versions (クリックかタップで開きます)

    Materiapollo v1.0.8


    • insert_drive_fileMateriapollo v1.0.8Download
    • insert_drive_fileMateriapollo v1.0.8 HeaderNav非固定版Download

    Materiapollo v1.0.7


    • insert_drive_fileMateriapollo v1.0.7Download
    • insert_drive_fileMateriapollo v1.0.7 HeaderNav非固定版Download

    Materiapollo v1.0.6


    • insert_drive_fileMateriapollo v1.0.6Download
    • insert_drive_fileMateriapollo v1.0.6 HeaderNav非固定版Download

    Materiapollo v1.0.5


    • insert_drive_fileMateriapollo v1.0.5Download
    • insert_drive_fileMateriapollo v1.0.5 HeaderNav非固定版Download

    Materiapollo v1.0.3


    • insert_drive_fileMateriapollo v1.0.3Download
    • insert_drive_fileMateriapollo v1.0.3 HeaderNav非固定版Download

    Materiapollo v0.9.4


    • insert_drive_fileMateriapollo v0.9.4Download
    • insert_drive_fileMateriapollo v0.9.4 HeaderNav非固定版Download

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

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

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

postperpage

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

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

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

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

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

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

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

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

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

item_summary

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

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

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