はてなブログテーマ制作

ガーリーな2カラムテーマ「macaron」をはてなテーマストアに公開しました。 macaron - テーマ ストア ※ サンプルサイトはございません。 デザイン PC (961px～) スマホ (～960px) テーマ「macaron」のポイント ガーリーな色づかい ＆ 着せ替え可能 ブログの世界観をつたえるビジュアル レスポンシブ対応 着せ替えカタログ ラズベリー ピスタチオ アプリコット カシス いちご ショコラ css追記の手順 着せ替え以外のカスタマイズ Webフォント ヘッダー画像の変更 グローバルナビゲーション (グロナビ) の設置 デフォルトカラーを「フランボワーズ（青みピンク）…

はてなブログテーマ「stripes」を、もっとシンプルなデザインにしたい。そんな方のためのカスタマイズです。 いずれのカスタマイズも、管理画面 > デザイン > カスタマイズ (スパナのアイコン) > 「デザインcss」に投入します。投入手順の詳細については、こちらをご参考ください。 ※ 2023.7.9 更新デフォルトのストライプの太さを変更しました。プレビューよりちょっと太め・薄めです。 デザイン & css サイドバーを白背景に変える サイドバーを白背景 + ボーダーに変える サイドバーを灰背景に変える サイドバーをグラデーション背景に変える 全体の背景色を変える + サイドバーにボーダ…

ブログタイトルに背景画像を設定すると、めちゃくちゃ残念なデザインになってしまいます。 カスタマイズすればなんとかなるだろうけど、よくわかんないし、めんどくさいからもういいや…って、あきらめた経験はありませんか。 そんな残念感を解消するため、ブログタイトルに背景画像を設定するだけでいい感じに表示するcssを、はてなブログテーマ「fade」「stripes」へ追加しました。 ぜひお試しください。 fade - テーマ ストア stripes - テーマ ストア ※ はてなブログは、わりと強めのキャッシュが残ります (=最新のcssが反映されるのに時間がかかる)。テーマを再インストールいただくと、最…

モノクロベースのシンプルな2カラムテーマ「stripes」をはてなテーマストアに公開しました。 stripes - テーマ ストア ※ サンプルサイトはございません。 デザイン PC (961px～) スマホ (～960px) テーマ「stripes」のポイント ストライプ！ モノクロベースのクールなデザイン レスポンシブ対応 ストライプカタログ 青系 きみどり系 きいろ系 むらさき系 ピンク系 css追記の手順 ストライプcssの作りかた ストライプCSSジェネレーターからcssコードをコピーする方法 ストライプ以外のカスタマイズ ブログタイトル (Webフォントの使用) グローバルナビゲー…

1年半前にブログのテーマをリニューアルしてから、デザインをほめていただくことが、まれにありました。 ほめられると即、舞いあがります。 デザインがいいね、なんて言われると、「そんじゃテーマを公開しちゃお！」ってすぐその気になる。まあまあ単純なのかも。 ところが。テーマを公開するって、なかなかにめんどうなんですよね、これが。 まずデモサイトの用意。作者によってはカスタマイズ方法をたんねんに説明しているページやら、Git (作業ファイルの公開ページ) やらを用意しておられる。めんどい。この時点で心が折れます。 それから表示の責任。どんなブラウザや機種であっても、最低限の表示を担保しなければなりません…

ストア掲載サムネイルの高画質版 blog.hatena.ne.jp レスポンシブ対応 サイドカラムを左に配置し、かつスクロール追従（sticky）するようにしてみた リンクとカテゴリモジュールでは、はてなブログのアイコンフォントを使ってみた テキストリンクは全部下線をつけた Twitterの先行きが怪しく、Webでの発信・アプトプットの中心が、何らかのブログやコミュニティへと移る日が来るのかもしれません。 note、Zenn、Qiita、WordPress、そして STUDIO CMS など、ブログ発信のツールはいろいろあります。ただ、趣味の範囲で、頑張らなくてもゆるい繋がりができる、そしてブ…

覚書シリーズ。 当ブログで採用しているアーチ型のフッターの作り方。 ▼こういうやつ アーチ型フッター