Blogger(ブロガー)に関連した情報をお伝えしていきます。

BootSimpler | 日本語Bloggerテーマ

はじめに

日本語に対応したBlogger(ブロガー)のテーマ「BootSimpler」を
無料公開しましたが、まだベータ版です。

最低限、作者自身が納得いくところまで作成できた為、公開に踏み切りました。
まだまだ、使いにくい点も多くあります。

少しずつになりますが、改善していく予定ですので、使ってみた感想など、いただければ今後の励みにもなります。

既にBlogger(ブロガー)のブログを作成している方も多いと思いますが、まだ作っていない方は、作成するところから始めてください。


BootSimpler」の設定方法については、まだ詳細な手順が作成できていません。
デモサイトもまだ用意できていませんが、今見ているこのWebサイトで導入しています。
これから徐々に進めていきます。

※ 注意点

  1. テンプレートデザイナーに対応していません。
  2. WindowsなどのPC環境から操作してください。
  3. スマホ環境での操作は未確認です。



ざっくりとした手順のですので、それでもよければ、下記を読み進めてください。


BootSimplerの特徴

  1. シンプルなデザイン・レイアウト
  2. レスポンシブ対応
  3. 日本語対応
  4. 7種類のSNSボタン
  5. アドセンスが設置可能
  6. CSSフレームワーク「Bootstrap 4」に対応
  7. シンタックスハイライター「Prism.js」を標準装備
  8. SEO対策済


ブログを作る

既にBlogger(ブロガー)のブログを持っている方は、スルーしてください。
下記「ダウンロード」へお進みください。

まだ、Blogger(ブロガー)のブログを作成していない方は、作成する必要があります。

  1. Googleアカウント
    Bloggerのブログを作成するには、Googleのアカウントが必要です。
    Googleのアカウントのアカウントを取得していなければ、まず先に取得してください。
    または、既にGoogleアカウントを持っているが、違うアカウントで使いたいという場合も先に取得をしてください。

    Google アカウント作成

     
  2. ブログ作成
    Blogger(ブロガー) のWebサイトを開いて、ブログを作成してください。
    ・【タイトル】に、ブログ名を入力します。
    ・【アドレス】に、サブドメインのホスト名を入力します。
    ・【テーマ】は、どれでも良いので選択します。
         無難に「シンプル」を選択していただいて結構です。
    ・最後に、【ブログを作成】ボタンをクリックすれば、作成完了です。


ダウンロード

ご利用により損害が発生したとしても保証や補償はいたしかねますので
同意していただける方のみダウンロードしてください。

下記リンクから BootSimpler-0.1.0 をダウンロードしてください。
BootSimpler バージョン 0.1.0 ダウンロード

ZIPの圧縮ファイルになっているので、解凍してください。
中に、下記のファイルが入っているはずですので、確認しておいてください。

BootSimpler-0.1.0.xml


テーマ「BootSimpler」を適用する

ダウンロードしたテーマ「BootSimpler」を適用していきます。

テーマ適用手順1

  1. 上記でダウンロード・解凍した「BootSimpler-xxx.xml」をテキストエディタで開き、そのままで待機させておきます。(後で内容をコピーします。)
    xxx の部分は、バージョン番号になります。
      
  2. Bloggerの管理画面を開きます。
     
  3. 左メニューの【テーマ】をクリックします。
     
  4. HTMLの編集】ボタンをクリックします。
     
  5. テキストエリアを空の状態にします。
     
  6. 上記テキストエディタで開いた「BootSimpler-xxx.xml」の内容をコピーします。
     
  7. 空にしたテキストエリアにコピーしたデータを貼り付けます。
     
  8. テキストエリア上部にある【テーマを保存】ボタンをクリックします。
     
これで、「BootSimpler」のテーマが適用されているはずです。

今見ているこのWebサイトで「BootSimpler」を導入していますので
同じようなデザインになれば、成功です。

後は、お好きなようにカスタマイズしてください。
テンプレートデザイナーに、まだ対応していませんので、CSSで色の設定をしてください。

テーマ適用手順2

テーマを適用する方法はもう一つあります。
この方法は、現在設定されているテーマのデータが継承される為、適用前のデータの影響を受けます。
後で調整すれば同様の状態にすることは可能ですが、一時的にレイアウトが崩れたりしますので、理解した上で設定する必要があります。

  1. Bloggerの管理画面を開きます。
  2. 左メニューの【テーマ】をクリックします。
  3. 右上の【バックアップ/復元】ボタンをクリックします。
  4. 【ファイルを選択】ボタンをクリックします。
  5. 上記でダウンロード・解凍した「BootSimpler-xxx.xml」を指定します。
  6. 【アップロード】ボタンをクリックします。すれば、テーマが適用されます。


使用ソフトウェアについて

CSSやJavaScriptは、一部オープンソースのソフトウェアを使用しています。



著作権について

著作権は、作者の hitsug に帰属します。

フッターの著作権表示については、削除しても結構です。


「BootSimpler」の利用について


  • 利用は無償・無料です。
  • 再配布可能です。
  • 商用利用可能です。
  • 利用により損害が発生しても一切保証・補償をいたしません。




不具合やご要望は、サポートページで受け付けています。
サボートページにコメントを入力してください。
BootSimpler サポートページ


以上、Bloggerの日本語対応テーマ「BootSimpler」の設定方法でした。



0 件のコメント: