ブログ運営

はてなブログのデザインをオシャレにするテーマ「DUDE」でカスタマイズしてみた

blog-design-DUDE

こんにちは。シーアです。(@seer1118b

ブログは記事の内容が第一、とはいうものの、デザインも気に入ったものにしたいですよね。

そこで、はてなブログテーマ「DUDE」を使って、カスタマイズしてみました。

見た目をかわいく・オシャレなデザインにすれば、より自分のブログに愛着が持てますよ。

この記事は、はてなブログの頃のカスタマイズです。

当ブログは、今はWordPressに移転しています。

はてなブログを「DUDE」でおしゃれにカスタマイズする方法

はてなブログテーマ「DUDE」は、こちらからダウンロード可能です。

設定したあとは、自分の好みに合わせてカスタマイズするだけ。

シーア
シーア
カスタマイズは、たくさんの方のブログを参考にしたよ!

初心者でスキルがなくても、こうして記事にしてくれている方のお陰で、なんとかなるもの。

ライト
ライト
感謝の気持ちと備忘録を兼ねて、ここにまとめておくよ。

はてなブログテーマ「DUDE」では、背景画像の設定がうまくいかなかった

私が、どうしてもうまくカスタマイズできなかったこともありました…。

何度やっても、「背景画像の設定」が変わらなかったのです。

シーア
シーア
絶対、私のやり方が間違ってると思うんだけどね…。

ライト
ライト
原因解明できないままだね。

商品リンクのレイアウト崩れを修正する方法

ブログがかっこよくなった反面、リンクしている箇所のレイアウトが崩れてしまいました。

f:id:seer1118:20170818175759p:plain
シーア
シーア
えー、せっかくかっこよくなったのに…もうやめちゃおうかな。

ライト
ライト
ヘタレだね〜。

でも、調べたらあっさり助けてくれる記事が見つかりました。

なんでもネットで調べれば解決するものですね。

カスタマイズに詳しい方が記事にしてくれるおかげで、なんとかいい感じのブログになりました♪

PC版だけでなく、スマホ版もおしゃれにカスタマイズ

DUDEは、レスポンシブ非対応なので、PC・スマホそれぞれでカスタマイズしなくてはいけません。

ライト
ライト
ちょっと不便だね…。

シーア
シーア
今はスマホで見る人のほうが多いよね~。

スマホ版もかっこよくしたかったので、こちらも参考記事を見ながらカスタマイズしましたよ。

だいぶ見やすく、おしゃれになったので満足!

はてなブログのスマホ版って、どのブログを見ても同じような感じになりがちなので、オリジナリティが出せるデザインはありがたいな。

シーア
シーア
やっぱり写真のインパクトが大きいよね。

blog-stylish
【はてなブログ】スマホデザインを、コピペ一発でおしゃれにする方法こんにちは。シーアです。(@seer1118b) このブログを見てくださっている方の約7割は、スマホからのアクセスです。 おしゃれで...
よくばりブロガー|シーアカフェへようこそ
シーア
シーア
借金があっても、自分の力で幸せと豊かさを手に入れます!

夫の借金発覚をきっかけに、債務整理や家計の見直しを実行しました。投資や節約、陸マイラー活動について発信しています。

TwitterPROFILE

ライト
ライト
お好きなカテゴリーにどうぞ!

COMMENT

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