はてなブログのCSSを独自CSSに変更する方法

はてなブログでテンプレートをカスタムしたいとき管理画面→カスタマイズ→デザインCSSにカスタムしたいCSSを記入するようになっていますがCSSの優先順位の問題などで中々思うようにいかないといったことはないですか?

そんな時は元のCSSを解除して独自のCSSをリンクさせると早いですよ!

そうすれば直接CSSを触れるので煩わしさが半減されると思います。

  1. サーバーに独自のCSSをアップロードする
  2. 設定→詳細設定→head要素に追加にCSSのリンクを記述する<link type=”text/css” rel=”stylesheet” href=”自分のアップしたCSSへのパス” />
  3. デザインCSSの中身を削除する

ざっくり説明するとこんな感じです

doropboxを使う方法など見ましたが私の環境では何度やってもうまくいかず、かなり試行錯誤しましたが無理でした。

また現在借りているサーバーなどあればそこにアップロードすれば使えますが初期ドメインではうまく行きませんでした

おそらくsslではなかったのが原因だったかもしれません。

最終的に安いサーバーとドメインを新規で所得して対応しました。

ミームードメインとロリポップサーバーの安いプランでしたら年間1300円ほどで利用できます。

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。