はたらきアリ新聞~会社員×副業で生き抜く時代~

会社員が抱える悩みを解決するためのブログ

はたらきアリ新聞

【年収別】会社員の給料明細
【良いとこどり】会社員×副業
【スマホ1台】会社員が取り組む副業とは?
【忘れてはいけない】会社員の確定申告

【カルタデザイン】HTML&CSSカスタムリンク集

スポンサーリンク

スポンサーリンク

f:id:finana:20190612035604p:plain

こんばんわ。はたらきアリです。@hatarakiari0818

 

3日前よりブログのデザインを更新しました。

 

 C-miyaさんがデザインした【CARTA-YEL】

 

を一目で気に入って即インストール!

 

(今までこういったデザインストアがあることを知りませんでした)

 

これだけでもう浮かれてしまって、すでにいい感じのブログになってるんじゃないかと有頂天でした。笑

 

それが三日前です。

 その時の私が下の記事です。

 

www.worker-ant0818.work

 

でも、ネットを見ていたらデザインテーマをベースにカスタムして自分のMyブログにするためのページが次から次へと出てくるわ。

 

私も他に漏れず、公開してあるCSSとその動作を見ながら取り入れたい動きをどんどん取り入れていきました。

 

私が実際に使ったCSSコピペ集とも言える、

 

恥も外聞もない記事になりますのでご容赦ください。

 

 

カルタデザインを採用

 

 カルタデザインという記事を一面に多く見ることができるデザインを採用しました。

 

単純にその方がクリック数が伸びるんじゃないかというあさ~い考えからです。

 

私などはカルタデザインのサイトを見ると、調べたいこととは関係ない記事まで読みたくなってクリックしてしまうので、同じ心理が作用すること狙いです。

 

カルタデザインのデザインカスタムといえばオーク二様です。

 

実際にサイトを見ていただければ分かるのですが、画像や文字が動きまくりです。

 

初めて見たときは目を疑いました。

 

とてもじゃないけど、同じはてなブログのものとは思えませんでした。

(4日前まで初期設定のブログでした。笑)

 

と、同時にはてなブログでもここまでデザインすることが出来るんだと思い、オーク二様のブログを端から端まで拝見です。

 

そしたら出るわ出るわ。

 

コピペしたいCSSコード。

 

(さっきも言いましたが、今日は恥も外聞も捨ててます。)

 

 欲しいものを片っ端からいただいていきました。

 

コピペ一覧

 

 

 ①おしゃれなシェアボタンがずっと画面上についてくるAddThis

www.okuni.me

 

②カルタデザインの一覧形式の画像を適切な大きさに変更するCSSコード

www.okuni.me

 ③大見出しや中見出しなどのデザイン変更のCSSコード

www.okuni.me

④カーソルを合わせるとリンクが浮かぶCSSコード

www.okuni.me

⑤aboutページのダサさ解消のためのCSSコード

www.okuni.me

⑥サーチコンソールとアナリティスクとの違いを説明

www.okuni.me

⑦見出しのHTLMコードを変更した方がいい理由

www.okuni.me

⑧適切なフォントの大きさとは?

www.okuni.me

⑨ブログを長くやっていくうえで欠かせない対処方法

www.okuni.me

 

とりあえずはこれだけのリンクを参考に自分のブログに取り込みさせていただきました。

(魔人ブウかセルのようだ。。。)

 

まとめ

 

もうすでにまとめようとするあたり、今日は全然記事が思いついておりません。

カスタムしだすと、自分の子供を育てているようでとても楽しいですね!

 

今日紹介したリンクはすでに私のブログに取り込み済みです。

ただ、オーク二様の他のCSSコードでも魅力的なコードは多くあるのですが、どうも私のサイトと連動できなかったため割愛しております。

 

原因は間違いなく私の知識不足なので、何とか取り入れれるよう頑張ります。

(そして完全体へ。。笑)

 

割愛した分が取り入れることが出来たりと、成長できた時にはまた記事にさせていただきますね!