Minimalism

見出しのカスタマイズの次は目次もカスタマイズ！ ミニマリズムそのままの目次だとかなりシンプルなので、もう少しデザインがあったほうがいいなと思いやってみました。 目次をカスタマイズ デザインを選ぶ CSSをコピペする 色を変える カスタマイズした目次のデザイン カスタマイズした目次のCSS 備忘録：目次のCSS 目次の外わく 目次の外側（上下）に余白をつくりたい 「目次」の文字の部分 目次のアイコン部分 「.entry-content .table-of-contents li」 「.entry-content .table-of-contents li ul」 「.entry-content …

ブログのテーマを「Minimalism」にしました。 元のデザインがシンプルなので、自分の好みのデザインに変更しやすいと思ったからです。 さっそく見出しのデザインをカスタマイズしてみました。 見出しのデザインを考えたとき、記事本文やサイドバー本文の文字の大きさとのバランスも考えた方がいいと思い、それらも調整しました。 見出しをカスタマイズ デザインを選ぶ CSSをコピペする コードの調整 色を変える カスタマイズしているときに困ったこと 見出しの文字を大きくしたい 見出しの余白について（marginとpadding） 見出しの余白（margin）を広げたい サイドバーの見出しを中央揃えにしたい…

booksch.hatenablog.com 黄昏バルコニーの詩情 作品001(Header) 都市の静寂、茜色の吐息：黄昏バルコニーの詩情ALBUM (BooksChannel Art) 黄昏バルコニーの詩情 作品002 黄昏バルコニーの詩情 作品003 黄昏バルコニーの詩情 作品004 黄昏バルコニーの詩情 作品005 黄昏バルコニーの詩情 作品006 黄昏バルコニーの詩情 作品007 黄昏バルコニーの詩情 作品008 "ReadinGood"作品 "ReadinGood"作品001 "ReadinGood"作品002 note version 内容が多少異なる場合があります。 note.…

ブログテーマを変えました はてなブログ使ってない人からしたら「何の話？」って感じだと思うのですが、ブログのデザインを変えました。 何で急にそんな面倒なことをしたかというと、2月14日に急にブログが開かなくなったのです。 いや、正確に言うとパソコンからは時間をかければ見れる、スマホからは真っ白な画面になるだけでいつまで経っても開かないという具合です。原因は不明。 私はこういうことがまったくもって得意ではないので、ひたすらGoogleで調べつつ、ブログが重くなりそうなHTMLやCSSは片っ端から削除。いろいろと調べていくうちに私が使用していたブログテーマ「DUDE」は重い、と書いてある記事を見つけ…

booksch.hatenablog.com DALL-E 3が生み出すミニマルアートのもう1つの世界 以下の本日noteにupさせて頂いた記事の「もう1つの世界」です。どうぞ、よろしくお願い致します。 note.com 本日noteには以下の5記事をupさせて頂きました。どうぞ、よろしくお願い致します。 note.com note.com note.com note.com note.com note version 内容が多少異なる場合があります。 note.com 本日のtag… #私の作品紹介 #AIとやってみた #現代アート #AIイラスト #OpenAI #画像生成AI #デジタル…

ブログカスタマイズの第9回目です！ このブログでは、「Minimalism 」テーマを使用していますが、なるべく、どのテーマの場合でも対応ができる方法で説明していきます。 今回は、ブログのページ全体の表示フォントの変更方法を紹介します。 いきなりフォントを変えると、どこに影響が出るか分からず、躊躇してしまいますよね。 そこで、ここでは、ページ全体のフォントに関する設計図を作って、全体像をつかんでから変更していく方法を紹介します。 それでは、早速やっていきましょう！

ブログカスタマイズの第7回目です！ 今回は、Minimalismの作者さんが、テンプレートとして準備してくれているカスタマイズのうち、以下の2点をやっていきます。 ナビゲーションメニュー（グローバルメニュー）の設置 ヘッダーの色の変更 また、他のはてなブログのカスタマイズを参考にさせて頂いて、以下の2つの問題点の解決についてもやっていきます。 Minimalismで、スマホで見たときに、アイキャッチ画像に余白ができる問題を解決する 白ベースのブログの場合、画像と背景の境界が分かりにくくなるので、画像に影を付ける 参考にさせて頂いたブログの方、どうもありがとうございました。 それでは、早速やって…