サブブログのデザインテーマが完成しました。

f:id:Kawan0116:20210323101432j:plain

かわんです。

いやぁ・・・。。。

大変でした(笑)。

下の記事を参考にしながらデザインテーマを作成しました。

help.hatenablog.com

ザックリ言うと、

  • サブブログを作る
  • あらかじめ用意されているCSSを読み込む(任意)
  • 自作のCSSを書く
  • ブログは非公開で(僕の場合は)

という流れです。

そしてできたのがこちら。

独自ドメインが余っていたので、それを使いました。

coool.blue

3日ほどかかりましたね。

あぁ~。疲れたぞ(笑)。

  • androidスマホ(数種類)
  • PC(ノート,15インチ)
  • iPhone(縦画面。全ての種類ではない)
  • iPad(縦横対応)
  • iPad Pro(縦横対応)
  • Edge
  • Firefox
  • Chrome
  • IE(トップページのみ)

上のモノに対応。

それ以外のモノは確認出来ません。

執筆時点の最新の環境で対応済み。

先ほど、あらかじめ用意されているCSSを使ったと書きましたが、だいぶ楽できましたけどね。

それを使っていなければ、恐らくもっと時間がかかったでしょう。

それにしても、作業環境をちゃんとしないと辛いと思いましたね。

作業は設定画面の「デザインCSS」で行いましたが、コード補完機能がありません。

なので、最初から最後まで手打ちする訳ですね。

例えば、Atomであれば、先頭の文字を打てば候補が沢山出てきますので、その中から選べばOK。

しかし、「デザインCSS」だと、先ほど書いたように最初から最後まで手打ちする必要があります。

Atomで書いて、「デザインCSS」に貼り付ける方法がありますが、めんどくさいので手打ちしました。

ちょっと思ったのは、HTMLやCSSに詳しくない人はデザインテーマを作成するのはオススメ出来ません。

なので、ギャラリーから良さげなモノを選ぶのが良いかと思います。

正直、「簡単やろ!」って思っていたのですが、結果的には3日もかかりました。

これから、そちらにも記事を投稿していく訳ですが、恐らくデザイン的にアウトなモノが出てくると思います。

その都度対応でって感じで思っています。

しばらくの間、そちらのブログの更新をメインにしたいと思いますので、気になる人はチェックして下さいね。

おわり。