Lifehackスマートフォン用の表示で見るLifehack日々の生活をより良いものに!生産性を高めるためのノウハウや健康に生きるための知識を提供。問合せ2019-06-25【見出しをオシャレに】はてなブログで見出しをオシャレにするのは超簡単ブログ装飾シバさん!見出しって何ですか?見出しっていうのは簡単に言うと文のタイトルのこと見出しが無いと何のこと書いてるかわからないのです是非その見出しの作り方について教えてくださいよし今回は特別に見出し作りから装飾の仕方まで教えてあげよう!*見出しの作り方までわかる方は、3番の装飾までスクロールするか、目次をクリックしてください。1見出しって何?2見出しを作るには?3見出しの装飾コピーしたcssコードの貼り付け次にスマホ版の設定ですはてなブログproに登録している方はてなブログproでない方まとめ1見出しって何?見出しとは上↑の「見出しって何?」って書いてある部分のことです。見出しには種類があって、はてなブログでは・大見出し・中見出し・小見出しの3種類があります。当ブログでは主に大見出し、中見出しを使っています。大見出し→中見出し→小見出しの順に文章が詳しくなっていくイメージです。一般的な文の構成としては、大まかに言うとこんな感じです。小見出しは、中見出しの文中に必要であれば入れる感じです。起承転結を意識して書くのが一般的ですね。ちなみに私の我流ブログの場合はこんな感じの構成になっています。大見出しの中に、中見出しや小見出しを差し込んでいます。知識を伝えることが多い私のブログには、この構成が1番しっくりきました。あなたも、文の構成を意識しすぎて書きたい内容が書かなくなるようであれば、まずは見出しを気にせず文章を書いて、その後で、見出しを取り付けて見てもいいでしょう。記事数を増やせば増やすほど、自分に合ったブログの書き方が身についていき、上昇意欲があれば、あなたなりの我流がより良いものに磨かれていくでしょう。2見出しを作るには?はてなブログで見出しを作る方法は物凄く簡単です。見出しを装飾するにはcssコードをいじらなければいけません。そんなのわかんないよ〜という人!安心して下さい。私と同じ見出し構成でよければ、手順を一から公開していきます。type="text/css">〜<style>までのコードをコピーします。ここからは、はてなブログproの方と、proではない方で分かれます。はてなブログproに登録している方スマホ版とPC版の設定が同じでいいのであればスマートフォン→詳細設定→レスポンシブデザインにチェックスマホ版とPC版の設定を変えたい方スマートフォン→ヘッダ→タイトル下のところでスマートフォン用にHTMLを設定するを押して、貼り付けします。記事上の枠に貼り付けます次にスマートフォン→記事→記事上下のカスタマイズのところにチェックを入れますスマートフォンの編集のところの記事をクリック記事の上下のカスタマイズのところにある「PCと同じHTMLを表示する」にチェックして変更を保存しますこれで全ての作業終了だよ〜お疲れ様でしたまとめここで覚えた手順は、今後も目次を装飾する時や、ブログ自体をオシャレにしたい場合などに使うことがあると思います。暇な時にでもcssについて、簡単に勉強することをお勧めします。勉強より実践で学びたいという方は、下記の記事から、目次装飾や吹き出し会話の設定を、やってみるのが良いでしょう。手順を一から書いてるので、どなたでもできる用になっています。はてなブログPro「心理学×プログラミング×ブログネタ」を中心に記事UPします...雑学も多いかも。運動時間の目安は週150分-案外簡単にクリアできるアメリカのガイドライン1日20分でできる「瞑想+ウォーキング」がすごい!研究者も驚くほど不安度がガッツリ下がるワーキングメモリを鍛える4つの方法-情報処理能力を高めて生産性を向上させよう!プライバシーポリシー(プライバシーポリシー)月別アーカイブお問い合わせ(お問合せフォーム)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。