BLOGのテーマを使用したブログにてカエレバのデザインを【amazlet風-2(cssカスタマイズ用)】を使用し自分好みにカスタマイズしたい時の注意点について説明していきます。カエレバのデザインのカスタマイズはCSSで行えるようになっています。CSSの知識がほぼゼロだった私は他サイト様で紹介されているデザインのCSSを流用しようかと思いお気に入りのデザインを探しCSSの変更を行ってみたのですが何故かそのデザインが反映されず苦戦することになりました。BLOGではこのCSSの変更の仕方がやや特殊であり、それに気づかずに一般的なCSSの変更のやり方を行っていたためうまくいってなかったようです。同じようなことで悩んでいる方の参考になればということで記事にまとめておきます(=゚ω゚)ノAdvertisement通常のカスタマイズ方法(失敗例)通常カエレバのデザインをカスタマイズする時の変更方法も一応載せておきます。私がやってしまった失敗例ですね。カエレバのカスタマイズ機能のことを知った私はCSSの知識が全く無かったので、とりあえず参考になるものが無いものかと検索してみることに。するとたくさんの方が自分でカスタマイズしたデザインとそのCSSをコピペOKで公開してることが判明!これはありがたい~とさっそくいくつか公開されているデザインの中から自分好みのデザインを探し、そのCSSを流用させて頂くことに。WordPressでブログを作成している場合のカスタマイズはCSSのコードを使用中のテーマの「style.css」に貼り付ければ良いとのことでさっそく変更してみます。通常のCSS変更方法WordPressの管理画面から「外観→テーマの編集」から「style.css」を開き、後で分かり易いように一番下にコピーしたコードを貼り付けてみました。その後「ファイルを更新」をクリックで完了!無事ファイルが更新されたようなので、さっそくプレビュー画面でデザインを確認してみたところ以下のような感じに。デフォルトから変わってないし!!(;゚Д゚)なんだかよく分かりませんが失敗した模様。CSSの変更がうまくいってないのかなと思い再度「style.css」を確認してみますが貼り付けた内容はきちんと反映されていますし、貼り付けミスなどでコードに抜けがあるとかでも無さそうです。́Д`;)という感じでハマりだした私は今度はCSSの変更が反映されない原因を探すことに。試行錯誤した話は置いといて、色々と調べていくうちに使用しているテーマが怪しそうなことが分かってきました。BLOGの使い方をよく調べてみると原因が判明!どうやらCSSの変更方法が間違っていたようです。GoogleAdSenseの話に興味がある方はコチラ。BLOGでのカエレバのデザインのカスタマイズ方法が以下の通り。BLOGは初心者の人が下手にCSSを触って失敗しないようにCSSのカスタマイズ機能がもともと付いていたようです。CSSを直接編集するのではなく用意されたカスタマイズ機能から編集を行ってあげる必要があるとのこと。BLOGのCSSの変更方法WordPressの管理画面より「外観→カスタマイズ」を選択しブログのカスタマイズ画面を開き、カスタマイズメニューの下の方にある「追加CSS」を開いて下さい。追加CSSの入力欄が開くのでカエレバのデザイン用のCSSコードを貼り付て「公開」をクリック。́∀`)環境によってはプラグインやWAF機能の設定によってもうまくいかないことがあるようです。上記の方法でうまくいかなかった方はプラグインを一度OFFにしてみたり、使用中のサーバーのWAF機能をOFFにしてみたりすると解決するかもしれません。BLOGでカエレバのデザインをカスタマイズする時の注意」でした。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目ですコメント名前メールサイトプロフィール管理人のがちょです。趣味はゲームとブログ。私が生活する上で役に立った情報等を個人的にまとめて発信しています。中の人は『かえる』好きです。WordPress.。