テーマNakedでは、目次が既にデザインされています。 しかしいろんな方から、リストは番号表示でなく、一般的なリスト表示にしたい！との声をいただきました。正直、この部分はカスタマイズしておくべきではなかったかなと反省しています^^;。 なのでリスト表示に戻す方法を記事にしたいと思います！ 実装図 カスタマイズ 実装図 実装図はこんな感じです。 番号リストから、一般的なリスト表示に戻しました。 カスタマイズ 実際にカスタマイズは、「デザインCSS」に、 ul.table-of-contents {list-style-type: disc;} ul.table-of-contents > li > ul {list-style-type: circle;} ul.table-of-contents > li > ul > li > ul {list-style-type: disc;} と入

テーマNaked用の記事です。 見出しをオリジナルのものに変えたい！という方もいると思うので、見出しのデザインをキャンセルする方法を書きたいと思います。 もとから書かれているデザイン 見出しをキャンセルする PC スマホ もとから書かれているデザイン Nakedはデフォルトの状態でも使えるように、見出しもデザインが組まれています。どのように組まれているかは、サンプル記事 theme-naked.hatenablog.jp を見てもらうと分かります。 このデザインにするために、もとから書かれている見出しのcssは .entry-content h1 { margin: 36px -32px 20px -32px; padding: 20px 5px 20px 20px; border-left: 5px solid #444; color: #444 ; font-size: 20px ;

PR：はてなブログのテーマ「Naked」を作成しました！デフォルトでもカスタマイズもしやすいテーマです。よろしければご利用ください！↓ www.yukihy.com 今までいろいろとはてなブログをカスタマイズしてきて、特にシェアボタンなどはいろんなところで使われているようでありがたいです！ 数も多くごちゃごちゃになってきたので、一旦まとめたいと思います。 新しいカスタマイズを行い次第、この記事にどんどん付け加えていこうと思っています。 カスタマイズ記事まとめ 見出しのデザイン SNSシェアボタン関係 旧バージョン 新バージョン SNSフォローボタン メニュー関係 スマホ版のみ グローバルメニューと両立してレスポンシブ対応にする グローバルメニュー（ドロップダウン）&トグルメニューのレスポンシブ対応 グローバルメニュー（ドロップダウン）&スライドメニューのレスポンシブ対応 レスポンシブ対応な

最近、カスタマイズばかりしているゆきひーです。見よう見まねで一通りやっています。デザインとかかなり難しそうだなと思っていたのですが、最初の数個を理解すると意外と応用範囲が広いことに驚いています。 僕がブログを始めたときに困ったのが、見出しをカスタマイズしたいのに全くできないというものでした。「見出し　おしゃれ」とかって検索すると本当に豪華なオシャレなのが出てくるんですよね…。ちょっと線入れたいだけなのに！みたいな。 なので、非常に簡単なものばかりですが、ある意味無機質な見出しコードを10個下に書いていきます。無機質なのでかぶってもOKっす。 基本的にコピペでOKなので活用してみてください！ コードを貼る場所 PC スマホ どの見出しを変える？ 下線 点線下線 上下線 よくあるや〜つ 左だけと背景 四角 角を丸める 影 ぼやかし LIGっぽいかんじ もう少しカスタマイズ 色 文字のサイズ 文

はてなブログの新しいテーマを作りました！ついに完成です！ テーマの概要 全体のデザイン PC（768pxより大きいサイズ） タブレット（768px以下のサイズ） スマホ（680px以下のサイズ） 作成コンセプト デザイン詳細 背景色・背景画像 例 コードが必要なカスタム ヘッダーのメニュー フッターをつくりこむ コピーライトを表示 まとめ テーマの概要 全体のデザイン レスポンシブ対応のテーマ「Naked」を作成しました。 全体のデザインはこのようになっています。 デモブログはこちら theme-naked.hatenablog.jp こちらでは、ブログ全体のデザインが見れるだけでなく、今後のカスタマイズ情報も更新していきます。興味のある方は、ぜひこちらも購読をお願いします。 インストールは、テーマストアからどうぞ（注：インストールをすると、デザインCSSの内容が破棄されます。必ずバックア