トップにある画像は「Shiroi」と言うBlogger専用のテンプレートです。Bloggerテンプレートの情報が少ないと思われているので、共有できる情報を増やしたく、当ブログで実際に使用テストを行います。インストールの時点からの手順や問題解決を細かく記事にし、カテゴリーの「MyBlog」に纏めて行きます。

  Blogger用テンプレートの最大手ギャラリーの「BTemplates」に展示されていた「Shiroi」は、レスポンシブデザインでSEO一部仕込み済みの人気テンプレートですが、何故か「BTemplates」から直接ダウンロード(以降DLと略します)すると、ソースが「トカゲの尻尾」状態になっています。コードの最後部分が切れているんです、そのままBloggerに使っても、すぐにエラーを通知されてしまいます。「BTemplates」管理上の問題ですが、これで困った人も結構いるのでは?と思います。

  ご覧の通り、当ブログはようやく「Shiroi」を使える状態になり、今後徐々にカスタムをして行きたいと思っています。では、どこからこのテンプレートをDLできたのでしょうか。

テンプレートShiroiのダウンロード方法

  当ブログで使う海外テンプレートについて、別ブログ「DO IT MYSELF」の中にある関連記事を参考にして選びました。

老舗BTemplatesよりレスポンシブテンプレート数点紹介します
個性的なBlogger用テンプレートを海外ギャラリーよりピックアップします

  老舗のBTemplatesからDLしたら、上記「トカゲの尻尾」状態になりました。やり直して見ましたが同じでした。DLフォルダーの中に下記3つのファイルが残っています。



  赤い矢印の指す「Template setup」をブラウザで開くと、Shiroi作者のブログに入ります。まだ「BTemplates」からDLしていない方は、直接リンクで作者のブログに入って下さい。ブログのトップは一面のアニメ画像です。


  PC環境にもよりますが、少し下にスクロールするとメニューが現れ、赤い矢印部分の「DOWNLOAD BLOGGER TEMPLATE」をクリックすると、クラウド上に置いてある作者のテンプレート一覧が別窓で表示されます。


  少し下へスクロールすると、「Shiroi Blogger template.zip」と言うZIPファイルを見つけられると思いますが、それをクリックするだけで、フルソースのShiroiテンプレートをDLできます。DLしたフォルダーには以下の3ファイルがあります。


  無事DLが確認されたら、インストールして行きましょう。

テンプレート Shiroi のインストール方法

  新しいテンプレートをインストールする前に、必ず現在のテンプレートのバックアップを取って置きましょう。詳しくは「Bloggerのバックアップ方法、運営者なら知って置きましょう」の中にある手順に従って下さい。

  インストールの実際手順は「Bloggerのバックアップファイルをブログに戻す(復元)方法」と同じで1クリックでできますが、ここでは筆者が慣れている一昔の方法を敢えて画像付きで説明します。

  上記DLしたフォルダーにある「Shiroi Blogger template」を開きます。Windows 10以降のエクスプローラーでフォルダー表示に「プレビュー表示」を設定していたら、開く必要さえありません、そのままプレビューされたソースを「CTL+a」で全選択して反転させ、続いて「CTL+c」で丸々コピーします。


  ↓

  Bloggerの管理メニューを開き、「テーマ」→「HTMLの編集」を順にクリックします。


  ↓

  現れたHTML枠内の空白をクリックし、「CTL+a」→「CTL+v」でShiroiソースを丸々貼り付けます。


  最後は左上のオレンジ色ボタン「テーマを保存」をクリックして、インストールは終了します。とっても簡単でしょう。画像があるから記事が長く見えますが、覚えれば1分もしない作業時間ですw

  これで、ブログの見た目は当記事のトップ画像と同じになった筈です。まだ完全に自分ブログとなった訳ではありません、これから色々細かい設定に続きます。

- Copyright © 2013 サイト作りに必要なタグとか、フリー素材とか、テンプレートとか・・・ - Shiroi - Powered by Blogger - Designed by Johanes Djogan -