【Blogger】BloggerテーマをJetThemeに変えました
Bloggerのテーマとして、JetTheme(無料)というテーマを導入してみましたので、その導入のステップを紹介したいと思います。
JetThemeの導入
JetThemeの導入は、JetThemeテーマのxmlファイルをダウンロードして、それをBloggerにアップロードして行います。
Step1 テーマのダウンロードページに行く
まず、 JetThemeのホームページに行きます。
下図のようなトップページ画面が開くと思いますので
その中のグレーのボタン
GET NOWをクリックします。
![JetTheme](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMY_gyxLodq7W6gR27LG078rjGyfEfowj4hO7wnULFSabtu9VZjtFDRAXdOwACQjrmEvUGF-2GC639la0zPASmO78Il-sSANYEz6tnIJYSXhT7WFE67ZDnu1YWOi7fewmMwgnE4RbsfGPSODv2XACwFkg0TySaZ1R6at1qFscfiEKazaJY6a779w/s900-rw/01-JetTheme%E3%83%88%E3%83%83%E3%83%97%E7%94%BB%E9%9D%A2-900_760.webp)
GET NOWをクリックすると画面が下にスクロールして次のような画面が出てきます。
Blogの方の黄色いボタン
Downloadをクリックします。
![JetTheme](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQzC1ZffPjcndw4U8J0VbPdQNHAReao1a6skpaeRpd7MczbKj33SwDDaLYFH7IfxZr3xIZ8hvBti3F5OlCBJryV8tcO_HEGhMwmfLMWueDt5-SMjXAnDg53spnPfGIn9dF1O-eEuXQpVbVW0WC8Zv47G5Kl5A89VRYYhOCxz5kayGOt8mJK0B6aQ/s900-rw/02-JetTheme-%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%82%B5%E3%82%A4%E3%83%88-900_760.webp)
Downloadをクリックすると、下図のPrivacy Policyのページに移動します。
オレンジ色のボタン
Download Hereをクリックします。
![JetTheme, privacy policy](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibYT4WNTcaA_iyxfqPXWAOOuDu-yT3S68bsncC3ABL_AbavyIMZAQ2u18hxjnnlGDhvp8l2QXDouHLfTgqWn0KZr-N-ZvGj5kmlPWCdAk-EVoCzhLrBXuUF-hEWWTmrP-kLIkDz4c_1ldRVVWMYQ3wRptLlasCqu8rhJppN_7tdFQvWMjR1TP72w/s760-rw/03-JetTheme-PrivacyPolicy-760-700.webp)
オレンジ色のボタンを押すと、Githubに飛びますのでそこからテーマファイルをダウンロードしましょう。
Step2 テーマのダウンロード
Githubのjettheme/coreに飛ぶと、ページの左上の方にCodeという緑色のボタンがありますので、
Codeクリックしましょう。
そうすると下のような画面になりますので、
Download ZIPをクリック
してテーマファイルをダウンロードします。
![Github, jettheme](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiULhSlMGXEpEZCdUerMLLtYimkkDq4zxML9wwss0fLWy5WACQuFGN6M2xjar5Typad7g5Bds-iBRJZ6SNfA-GH0MEBthoxHeiAdQntYh2RbgvBX1kF0vvw5j8NJsW-Xpp0t_Iz_Uq9cyfg3UBgFwVVfpHIHXrs9udr8tk555GdHiIR--B50B_Axw/s920-rw/04-Github%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8B%E3%82%89%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89.webp)
"core-main-zip"というzipファイルがダウンロードされますので、展開しましょう。
Final テーマのアップロード
JetThemeテーマをアップロードする前に今のテーマをバックアップを取ることを強くお勧めします。
テーマのバックアップ!!Bloggerテーマをいじる前には必ずバックアップしましょう。
Bloggerの設定画面から、テーマをクリックしてマイテーマを開きます。
マイテーマを開いたら、オレンジ色のカスタマイズというボタン
カスタマイズをクリックします。
そうすると以下のように、ウィンドウが開きますので、元に戻すをクリックします。
元に戻すをクリックすると、下の図のようなウィンドウが開きます。
アップロードをクリックして、xmlファイル"jettheme-v2.xml"をアップロードしましょう。
![Blogger, テーマをアップロード](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbrFiJvHD_OetRdwLp1iL8AJTsc9eZ6VEZYgPXrXCEMYhFB5_4jNo_U89TfbJDRC8qwXRoli2Vl7GYHmasCtBA_tQfxUxtbQ7PkB4MJerQfAyS2zWZpP_9gSI_l4EAyOzor9u5BKHElMoqYiJEFRNGDS6uXkjk-rOauqATGMMRJDaMGs3rtM6h7g/s760-rw/06-%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89.webp)
以上で、JetThemeへのテーマ変更は完了です。
まとめ
BloggerテーマをJetThemeにする手順を説明してきました。最後に手順をまとめます。
- Step1 JetThemeに行き、ダウンロードページ”Github jettheme/core”にたどり着く
- Step2 JetThemeテーマ”Download ZIP”をダウンロードしデスクトップなどに展開
- 注意:ここで一旦現在のテーマのバックアップをとる
- Final JetThemeのテーマファイルをアップロード
これからJetThemeテーマを使い込んで、いろいろカスタマイズしていきたいと思います。
最後まで記事を読んで頂きありがとうございました。
Jetthemeカスタマイズは、こちらにまとめてます
- スポンサーリンク -