CSS編集方法が何となく分かったぞ！

のじぱき でございます。

あれから色々自分なりに格闘した結果、「お！？これはキタかも！？」と、若干光が見えてきましたのでご報告を。

まず、問題のこれですが

[デザイン]→[カスタマイズ(スパナマーク)]→[{}デザインCSS]

とここまで辿りつくと上記の画像のような画面になります。

私はここで「この先どうすればいいんだあああ！」となってしまい、昨日の夜はおよそ4時間、今朝も3時間と、実に7時間も無駄に過ごしてしまいました･･･。

いや、この時間は"勉強のため"の時間だったと思うこととします。

本題に戻りますが、どうやら簡単なことのようです。

「テーマストア」でデザインを選ぶと「＠import」以降の「"と"」の間に「http://･････････」と、
ごくごく一般的なURLが記載されていることに気がつくと思います。

Advertisements


画像は「公式テーマ」を選んだ場合のものですので、「＠import」以降の「"と"」の間が「/css/theme/･････」と記載されています。この場合については後述します。

戻りまして、「テーマストア」で選択したデザインを自由に変更したい！という場合、前述のURLをGoogle Chromeで開いてみて下さい。

するとどうでしょう。

CSSが表示されるではありませんか！何ということでしょう！

「公式デザイン」を選択された場合は、ご自身のはてブロURLの後ろに「"と"」の間のURLを繋げクロームなどで開くとCSSがバーっと表示されると思います。

これを頭からガーっとコピーして、デザインCSSを書き換えればOKのようです。

Advertisements


ただし、このように「！」が出ている箇所がいくつもあり、何かがおかしいようです･･･

しかし、ページ全体の幅や記事部の幅の変更ができ、今のところグッチャグチャになるといった重症な症状は出ておりません。

何せ、私は初心者も初心者でいいところの人間ですから、見る方によっては

「あの人、マズいことしてるよ･･･気の毒に･･･」

と思われる方もいらっしゃると思いますが、分かりやすく、尚且つ正しい方法を載せている記事がどこ探しても発見できませんでしたので、これが私の現時点での限界です･･･。

補足・ご指摘を歓迎しております･･･。

ではでは。