JUGEMブログにカエテンジョイプラスを設置,設定する方法

JUGEMブログに「カエテンジョイプラス」の見た目の良いテンプレートを設置,設定する方法について詳しく解説していきます。

カエテンジョイプラスとは、下のような”無料ブログで使える本格的“なテンプレートです。

JUGEMブログの記事本文にa8.netのアフィリエイト広告

また、ベースカラー(基本色)も好きな色に設定できます。

カエテンジョイ ベースカラー変更

では、さっそく設定変更していきます。

カエテンジョイプラス購入後

カエテンジョイプラス」を購入すると、登録したメールアドレスに作者の坂井英晃さんから、専用の「メンバーズサイト」への案内が届きます。

カエテンジョイプラス メンバーズサイト

メールから「メンバーズサイト」にログイン後、JUGEMブログ用テンプレートは

ご購入特典」と書かれたところから、自由にダウンロードできます。

ダウンロードに「回数制限」などはないので、好きなだけダウンロードできます。

カエテンジョイプラス メンバーズサイト

また、下の【*重要*】のところにあるように、「MAC」をお使いの方は、文字化け対策用にMAC用の無料テキストエディタ「Cot Editor」を使うことが推奨されています。

ご購入特典」の「一括ダウンロード」を押すことで、下のように

“FanブログとJUGEMブログ”用のカエテンジョイテンプレートをダウンロードできます。

カエテンジョイプラス 特典ダウンロード

ダウンロードできたら、ブラウザの「ダウンロードアイコン」の「保存フォルダを開く」を押して

カエテンジョイプラス 特典

“カエテンジョイプラス”の「購入特典フォルダ」を開くと

カエテンジョイプラス 特典フォルダ

「Fanブログ」と「JUGEMブログ」用のカエテンジョイテンプレートが、収められています。

カエテンジョイプラス fanブログ jugemブログ

今回使う「JUGEMブログ」用フォルダは、下のようになります。

カエテンジョイプラス JUGEMブログ用フォルダ

テンプレートを「設置・変更」する際は、これを使います。

JUGEMブログにログインする

JUGEMブログにログインして「デザイン→HTML・CSS編集」へと進みます。

JUGEMブログ デザイン設定

順序として、最初にHTMLを、新しく「カエテンジョイプラス」のHTMLに変更します。

今使っているテンプレートのHTMLはすべて削除して、新しく「カエテンジョイプラス」のHTMLを貼り直します。

1.今使っているテンプレートのHTMLをすべて削除する

2.新しくカエテンジョイプラスのテンプレートのHTMLを貼り付ける

こういった順序になります。

今使っているテンプレートのHTMLを削除する

「HTML編集フォーム」の中で「左クリック→すべて選択」を押します。

JUGEMブログ カエテンジョイプラステンプレート

すべて青くなったら、次は「左クリック→削除」で全部削除してしまいます。

JUGEMブログ HTML編集

すべて削除されて、真っ白になりました。

JUGEMブログのHTML編集

この「空白になったHTML編集部分」に、今度はJUGEMブログ用の「カエテンジョイプラス」のHTMLを新しく貼り付けます。

JUGEMブログ用「カエテンジョイプラス」のHTMLをコピーして貼り付ける

次は、さっき”メンバーズサイト”からダウンロードした「カエテンジョイプラス」の

JUGEMブログ用フォルダの「kx_jugem_html_JOY_全カラム共通_日付あり」を選び

カエテンジョイプラス JUGEMブログ用フォルダ

その中で「左クリック→すべて選択」をして

カエテンジョイプラス HTML

すべて青くなったら「左クリック→コピー」で、すべてコピーします。

カエテンジョイプラス HTML編集

JUGEMブログのHTML編集に、カエテンジョイプラスのHTMLを貼り付ける

再度、JUGEMブログの「空白になったHTML編集画面」に戻り、さっきコピーした

「カエテンジョイプラスのHTML」を新しく貼り付けます。

JUGEMブログのHTML編集画面

できたら、下の「HTMLを編集」ボタンで確定させてください。

JUGEMブログ HTML編集フォーム

これでJUGEMブログの「HTML部分」は、”カエテンジョイプラスのHTML”に変更されました

ただ、「ブログを確認する」でどうなったか確認してみると

ジュゲムブログ ブログの確認

現状では、こんな感じです。

JUGEMブログ HTMLをカエテンジョイのものに変更

“JUGEMブログのHTML”だけが「カエテンジョイプラス」のものに変更されて、CSSは元々のテンプレートのままになっているからです。

なので、次はJUGEMブログのCSSを「カエテンジョイプラス」のCSSに変更します。

今、使っているテンプレートのCSSを削除する

CSSの編集も、HTMLの時と「同じ要領」で進みます。

今度は「CSS編集フォーム」の中で「左クリック→すべて選択」を押します。

JUGEMブログ CSS編集画面の使い方

すべて青くなったら、次は「左クリック→削除」ですべて削除してしまいます。

JUGEMブログのCSS編集設定

真っ白になりました。

JUGEMブログ 空白になったCSS編集画面

今度はこの「空白になったCSS編集画面」に、新しく「カエテンジョイプラス」のCSSを貼り付けます。

JUGEMブログ用「カエテンジョイプラス」のCSSをコピーする

また、カエテンジョイの”メンバーズサイト”からダウンロードした「カエテンジョイプラス」JUGEMブログ用フォルダのCSSファイル「kx_jugem_css_JOY_2カラム右」を選びます。

3カラム(左右にサイドバーあり)」が良い方は、下の「3カラム」を選んでください。

カエテンジョイプラス JUGEMブログ用 2カラム右

開いたファイル内で「左クリック→すべて選択」を押します。

カエテンジョイプラス JUGEMブログ用css

すべて選択されたら、次は「左クリック→コピー」で、すべてコピーします。

カエテンジョイプラス jugemブログ用CSS

JUGEMブログのCSS編集に、カエテンジョイプラスのCSSを貼り付ける

再度、JUGEMブログの「空白になったCSS編集画面」に戻り、さっきコピーした

「カエテンジョイプラスのCSS」を「左クリック→貼り付け」で新しく貼り付けます。

jUGEMブログ CSS編集画面

できたら、下の「CSSを編集」ボタンで確定させてください。

JUGEMブログ CSS編集画面

上の「ブログを確認する」ボタンで、どうなったか見てみると

ジュゲムブログ ブログの確認

こんな感じに「2カラム」の綺麗な”カエテンジョイ”テンプレートになっていました。

JUGEMブログ カエテンジョイプラステンプレート

ちなみに、元々のテンプレートはこれでした。

JUGEMブログのカスタマイズ用の「custom04ex」というテンプレートです。

JUGEMブログ デフォルトテンプレート

カエテンジョイプラスのベースカラー(基本色)の変更方法

ベースカラー(基本色)の変更は、CSS編集の最初の方にある

■ベースカラー 2ヶ所のカラーコードを変更してください」の

JUGEMブログ カエテンジョイのCSS

background:  #00080;

border-color:  #00080;

この2つの「#00080(ネイビー・深い青)」の数字を、こちらのカラーコード表のサイトからhttp://www.colordic.org/自分の好きな色に変更するだけです。

たとえば「light pink(#ffb6c1)」にしたい場合は、backgroundとborder-colorの数字を

#ffb6c1」に変更して、下にある「CSSの編集」ボタンで設定を確定することで

カエテンジョイプラス ベースカラー変更

このように「ライトピンク(light pink)」にベースカラーが変更されました。

カエテンジョイ ベースカラー変更方法

他にもbackgroundとborder-colorの数字を「dark orange(#ff8c00)」にすると

このように「ダークオレンジ」にベースカラーが変更されました。

カエテンジョイプラス ベースカラー設定

まとめ、終わりに

JUGEMブログには元々「デフォルトのテンプレート」も備わっているものの、どれも「見た目が本格的」だとは言えません。

無料ブログで使える「本格的なテンプレート」というのは元々、種類や数が少ないものですし

「カエテンジョイプラス」のテンプレートを新しく入れることで

・見た目が良くなり、本格的な雰囲気になる

・SEO効果が高くなる

などの効果が生まれますので、興味のある人は試してみてください。

基本的な「テンプレート設置」や「ブログカスタマイズ方法」などはすべて専用の「メンバーズサイト」に載っていますし、WindowsだけでなくMACでも問題なく設置、設定が可能です

それでも「わからない部分」があれば、メンバーズサイトの「お問い合わせ」から作者の坂井英晃さんに気軽に質問することもできるので便利です。

カエテンジョイメンバーズサイト お問い合わせ

当サイトだけの「特典」も用意してありますので

・本格的にブログ運営がしたい

・アフィリエイトで稼ぎたい

・アクセスアップがしたい

という方は、ぜひ注目してみてください。

当サイトから用意した特典は、いずれも「アフィリエイトに不慣れな方、現在稼げていないという方でも、報酬を得る」ための即効性の高...


1,京大工学部卒
2,MBA取得済み
3,資本金「20万円」の素人経営者から、たった1年で「年商1億円」達成
4,20代にして、億万長者

そんな異色な経歴を持つ「若きカリスマ」が、アフィリエイトビジネスに必須の
仕組み化・自動化」について、"無料セミナー"を大公開中です。

絶対に稼ぎたくない人」以外は、見てください。

加藤将太 アフィリエイト

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

トップへ戻る