ATLASでカエレバCSSカスタマイズする方法

全くのブログ初心者で何もわかっていなかったのですが最近カエレバを綺麗にカスタマイズできる方法があると知ったので意気揚々とやろうとしたのですがめちゃくちゃ簡単なことなのにもの凄く四苦八苦しました。

普通は楽に出来るんでしょうけど自分みたいな素人が同じように困らないようにやり方を書きたいと思います。

カスタマイズはCSSで行う

ブログをやっているほどんどの人はカエレバを使っているんじゃないかと思っています。アマゾンやヤフーのアフィリエイトを一括にまとめて表示してくれるので非常にありがたいツールです。

この一括表示を綺麗に編集できるやり方がCSSをカスタマイズすればいいのです。

もう早速意味が分からないですよね。自分も全くわかりません。

なんとなくの素人知識で語ればHTMLと同じプログラミングということだと思います。

プログラミングなんて文系で無意味な日々を過ごしていた自分には全くの未知の世界です。そんな状況でCSSでカスタマイズなんて言われても無理に決まっています。

しかし現代はネット社会。優秀で優しい人たちがブログ収益を上げようとタメになる記事をたくさん書いてくれています。

自分はCSSコピペでOK!カエレバ・ヨメレバ・トマレバをまとめてカスタマイズというサイトを参考にしました。

他にも色々な表示方法があるので調べてみるのもいいかもしれませんが自分はこのカスタマイズが好みだったので導入しようと思いました。

コピペでOKと言われるが

実際に導入するにはサイトに記載されているコードをコピペして貼り付ければいいとあるので「こんなの楽勝じゃん!!馬鹿でも出来るな!!」なんて思っていましたがここから大苦戦・・・

どのサイトでもstyle.cssにコピペすればいいとあったので外観→テーマの編集→style.cssでコピーしたコードを張り付けたが反応なし。この時点で絶望。

悔しいので色々調べたらstyle.cssと一口に言っても適当に張ればいいのではなく張る場所をしっかりとしないと機能しないということがわかりました。

早速やろうと思ってもそもそも場所が特定出来ないし上の方に張ればいいとあったので張ったらエラーでファイルが壊れるとか尋常じゃなく恐ろしいことが書かれたので撤退しました。ここでさらに絶望です。

style.cssでOKってどこのサイトでもあるのでこれ以上はもう無理かと思ったのですがブログを始めたころにふとCSSという文字を見たのを思い出しました。

外観→カスタマイズ→一番下の追加CSS

ここにどうせ駄目ならと張り付けた場所が正解でした。見事に自分が想像していた通りの素晴らしい見た目のカエレバが出来ているじゃないですか。正直踊り狂いました。脳内麻薬ドバドバ出ましたね。

追加CSSがstyle.cssのことなのかよくわからないんですがとにかく追加CSSにカスタマイズしたいコードをコピペすれば誰でも出来ます。

上手くいかない人はやってください。また、カエレバの設定もCSSカスタマイズ用で張ってなかった人は全て貼り直しなので注意してください。簡単な直し方もあるらしいのですが自分は気合で一つ一つ直してやりました。

それにしてもブログってプログラミングの知識がなんだかんだでいるので勉強できる機会がもらえてありがたいです。

 

 COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

簿記2級は意味がない?転職に有利?取得して良かったメリットを紹介

スノボーが上手くなる筋トレ!オフシーズンに自宅で出来るオススメ方法

ウーバーイーツ配達員

稼げないけどウーバーイーツは楽しい!副業としてオススメの理由

FP2級は独学でも合格が可能!勉強法と勉強時間・テキストを紹介

舞台初心者でもわかる劇団四季のオペラ座の怪人は本当に凄い あらすじ見所など

仕事に役立つ漫画の名言!やる気、モチベーションアップに繋がる言葉