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級独学合格法!おすすめテキスト問題集から勉強時間まで紹介!

買い物場面

社会人アラサー男が買ってよかった人生が捗る、満足度が上がったオススメのもの

オタクでも好きになれる画家ミュシャ