Dinesh Bafna

Successful Entrepreneur and Business Leader

はてなブログ 書き方 目次 4

目次にしたいところに大見出しをクリックします。 3.目次アイコンをクリック. はてなブログは、ボタン1つで目次を挿入することができます。デフォルトの目次もシンプルで良いのですが、もう少し見やすくしたいと思い、細かいところのカスタマイズを行いました。少し変えるだけでもグッと見やすくなっていると思います。 はてなブログの広告収入で稼ぐ4つの手順を、初心者のかたに向けて丁寧に解説しています。徐々にステップアップして月に5万円以上稼ぐ方法をお伝えしています。楽天アフィリエイト、Amazonアソシエイト、Googleアドセンス、ASPの商品紹介のやり方。 まだ初めて間もないころは、見出しや目次、続きを読む、文字の装飾などわからないところがたくさんありますよね。, 読み終わったあとには「はてなブログマスター」になれるほど知識が身に付いているはずです!, ブログ初心者の人だと慣れるまでは大変かもしれませんが、慣れたらなんてことないのでぜひマスターしておきましょう!, などの基本的なところから説明していくので、自分のブログで試しながらやってみましょう!, というようなタイトルだと目を引きやすいし、内容も端的に表されているのでクリックされる可能性も上がりますよ!, というような短いタイトルだと、他の人が書いた記事タイトルと比べて劣ってしまう可能性があるので、ユーザーもクリックしてくれないかもしれませんね。, テーマによって見出しのデザインは異なりますが、とあるテーマの場合はこういった見出しになりました。, というように「大見出しの下に中見出し」「中見出しの下に小見出し」のように構成するのが一般的です。, その中に文字を入力すればOKです。次の箇条書きへ移動する際には「Enterキー」を押せばOK。, はてなブログで「箇条書きに囲い線をつけたい」という場合は別途コードを追加する必要があります。, 続いては「1.2.3.」というように箇条書きに数字をふってある「番号付きリスト」の使い方です。, 番号付きリストのマークをクリックすると、「1.」のリストが挿入されるので、エンターキーで改行していけば自然に次の数字が表示されるようになっています。, 記事の中で他のサイトを紹介したい場合は、「リンクを挿入」(チェーンのマーク)をクリックします。, 「タイトル」を選ぶと、「はてなブログ」というようにURL先のタイトル名で表示されます。, このやり方だとこちら側で文字列を指定できませんが、「〇〇はこちら!」というように自由な文章にリンクを挿入したい場合は、, 「選択範囲」にチェックを入れて「選択した形式でリンクを挿入」ボタンを押せばOKです。, 他のサイトやブログを読んでいるときに、「続きを読む」というボタンを見かけたことがありませんか?, ただし、これはトップページから記事を選ぶときにだけ反映されるので、それ以外では正常に機能しません。, 自動的に目次が挿入されます。編集画面では「contents」と表記されていますが、実際に記事を投稿すると, ただ目次を作るには「見出し」を使っていることが前提です。見出しがないと目次は正しく表示されませんので要注意。, 脚注をつけたい文章を選んで「脚注」マークをクリックすると、上記のように「ここに脚注を書きます」という文字が表示されるので、そこに注意書きを入力します。, などを自由に変更することができるので、これをやっておかないと「読みにくい記事」になってしまいますよ!, 「B」と書かれたボタンをクリックしてから、太字にしたい文章を入力するだけでOKです。, 「i」のマークをクリックして英文字を入力、あるいは英文字を選択してから「i」マークを押せば反映されます。, 文章の中で「こんな感じで」訂正線を入れたいときは、Tが打ち消されている「T」マークをクリックして文字を入力します。, そのまま文字を入力してもいいし、下線をつけたい文字を選択してからアンダーラインのボタンを押せば反映されます。, 参考書とかにアンダーラインを引きまくる人もいますが、読む側としては下線が多いとどこが重要なのかわかりにくいので、こちらもほどほどに使いましょう。, 文字の大きさを変えて、文章に強弱をつけたいときは「TT」というマークをクリックします。, の全4種類の大きさが選べるようになっていますが、参考までにその全サイズを試してみました。, あまりにも文字の大きさに違いがあると読む側が疲れてしまうため、本当に強調したい箇所にのみ使うようにしましょう!, 上記画像をみてもわかりますが、あまりにもカラフルにすると逆に読みにくくなるため、1つの記事内で使う色は3色以内が望ましいですね。, など知っておかないと後で損することもあるので、ここはしっかりと理解しておきたい部分ですよ!, アップロードできたら挿入したい画像を選択して、下部にある「選択した写真を貼り付け」を押せば、, 各記事を編集しやすいように、またユーザーにもわかりやすく記事を示すため「カテゴリー」を作って記事をそれぞれ分類しておくのがおすすめです。, 編集オプション(歯車マーク)をクリックすると、その中に「投稿日時」という項目があります。, 記事のURLは特に何もしなくても自動的に生成してくれるんですが、こちらが指定しないと, これは自分が作成しなくても自動的に生成して表示されるんですが、この文章でユーザーがクリックしてくれるかどうかも変わるので、できれば興味を引くような説明文を書いておきたいところです。, この画面のまま記事を書くことはないと思いますが、「アフィリエイトリンクを入れたりする場合に使う」と覚えておけば大丈夫です。, 記事のレイアウトが崩れていないか、読みにくくなっていないかなどを途中で確認できるので便利ですね。, 削除したい記事にチェックをいれてから「チェックした記事を削除」ボタンを押せば、ゴミ箱にその記事を送ることができます。, 削除してから30日を超えると復元はできないので、イマイチな記事は「下書き保存」しておくことをおすすめします。, 慣れないうちは戸惑うことも多いですが、1ヵ月くらい経てば自然と操作方法も身に付いているはずです。, 専業主夫のもすけ。 noAdsTag="na"; //広告を設置しないタグを指定 はてなブログ ... 「こんなふうに書きたい」と思えるようなブログを探してみましょう。 週刊はてなブログには、注目のブログ紹介やブロガーインタビューなど、はてなブログ編集部が手がけるさまざまなコンテンツがそろっています。ブログ探しのお供に、ぜひチェックしてみてください。 はてなブログ グループで、興味のある分野のグループを探してみましょう� ブログを報告する, 【無料版はてなブログ】はじめて1か月でGoogleアドセンスに受かる方法を考えてみた!. ブログを報告する, これは、見出しを2つ以上設定したら、自動的に記事の上に目次が表示されるのでとてもラクちんなのでオススメです。, 読書の秋は、Amazon Kindle Unlimited(キンドル アンリミテッド)がおすすめ!?, 『go to Eat 予約サイト』ポイント還元おトクはどこ?予約方法や実施店情報まとめ. * Date: 2014-12-10 break; はてなブログで目次と見出しを作る方法を図解でご説明いたします。また、デフォルトのままだと目次がしょぼいので、タイトルをつけたり番号をつけたり背景色をつけたりなどの最低限やっておきたいカスタマイズ方法もあわせてお伝えしたします。 | 今回は、はてなブログの目次と見出しの作り方をお伝えしていきます。作るのはとっても簡単なのですが、いかんせん初期段階の見た目がとっても残念なので、かっこよく(可愛く)カスタマイズしていきます。, 難しく感じるような箇所もあるかもしれませんが図解の通り順番にやっていけば必ず目次と見出しを付けられますのでご安心ください^^, また、はてなブログを作ることによりユーザビリティが上がりアクセスアップにつながりますが、どのブログサービスを使うにしても肝心なのは「キーワード選び」です。, また私の主催する無料ブログ講座では実際にアクセスの集まるお宝キーワードの作り方を公開しております。, このように目次が記事の冒頭にあることにより、記事全体の流れを把握できますし、目当ての見出しにすぐにジャンプできるのでユーザーにとってメリットだらけです。, 例えば上記の目次であれば、美味しいお店の「第一位」をクリックすれば一気にその項目まで飛ぶことができます。, 今や個人ブログでも目次は当り前のようについています。ぜひ今回の記事を参考にサクっと目次を作ってしまいましょう。, また大見出し、中見出し、小見出しと絶対に全部を使わないといけないわけではありません。私の場合は基本、使うのは大見出しと中見出しの二つです。, 闇雲に記事を書いていくと途中で意味が分からなくなり「もういいや!」と全部消してしまった経験はありませんか?, これを解消するために「見出し」を前もってつけておくと便利です。途中で意味が分からなくなったとしても見出しを目印に戻ることもできますし、次の項目へ進むこともできます。, また見出しがあることにより、ユーザーさんもストレスなく読むことができます。教科書や参考書でも、もし見出しが無ければと思うとぞっとしますよね^^, このように見出しをつけることは「読み手だけでなく書き手にとってもメリットだらけです。, はてなブログの登録がまだの方は、はてなブログの作り方の記事を参考にしてサクッと作ってしまいましょう。, まずはこのように大まかに項目を並べていきます。あとから修正できるので難しく考える必要はありません。, 見出しにしたい文字を選択した状態で「見出し」と書かれた横の「▼」をクリック。大・中・小それぞれ付けたい見出しをクリックします。, ちなみに私はブログアフィリエイトで人生が激変しました。もし現状が不安な方はぜひ私の稼いでいる秘密をご覧ください。, 使っているテンプレートによっても表示は異なりますが見出しをつけた部分はこのように目立ちます。ユーザーにとってもメリハリがあって読みやすいですね。, 見出しができたら後はやる事は超簡単です。10秒で出来てしまうので一緒にやってみましょう。, すると、このように[:contents]という文字が入力され、ここに目次が入ります。, でもデフォルトのままだとちょっと寂しい感じがしますね・・・。ですので目次をかっこよく(かわいく)カスタマイズしていきましょう。, はてなブログの目次を作る事ができたら、次はコチラをご覧ください⇒無料ブログで最大に売るためのレポート, 他にもCSSを勉強すれば色々とできるのですが、この3つだけで問題ありません。(凝り過ぎても意味がないので), 実は私が稼げるようになった理由は美しいデザインや画像、文章力などの小手先のスキルを諦めて「最短で稼ぐためのノウハウに集中して取り組んだから」です。, 先ほど目次にタイトルを付けた時と同じ流れで「デザインCSS」を開いて下記をコピペします。, デフォルトの目次はお使いのテンプレートによっても異なりますが、基本的には地味な背景色が使われています。目次なので地味でも良いのですが、せっかくなら他のブログと差別化したいですね。, ※上記をそのまま使うと水色背景色になります。色を変えたい場合は#の後ろの「f0ffff」をお好きな色に変更して下さい。, 冒頭でもお伝えしたように、綺麗な目次を作れたからと言って決して稼げるわけではありませんね。, もし今回の記事を読んで「分かりやすかった」と感じられたら是非私のメルマガを読んでみてください^^, ブログでは語れないような極秘ノウハウや、売るための直接的なキーワードなどを限定公開しております。, 今回ははてなブログに見出しと目次を作ってカスタマイズする方法をお伝えしました。本文中でも書きましたが最近は皆さん当たり前のように記事に目次をつけていますね。, ただし、いくら記事のユーザビリティが高くてもアクセスが集まらなければ意味がありませんね。, そこでブログで最短最速で売るためのポイントをまとめてみましたので、ぜひお時間の許す限りご覧ください。, 【追伸】 今さらですが、本当にブログをやってきて良かったと心から思っています。このままずっと書き続けて将来は愛娘にバトンタッチするのも面白いかも^^. * Copyright (c) 2014 http://hapilaki.hateblo.jp/ 猫ちゃんが大好き はてなブログで使える目次のカスタマイズを紹介しています。コピペしてすぐ使えるものや、当ブログで使用している「大学ノート風」の目次も公開しています。ご自身でカスタマイズできるように個別に指定する方法も解説しているので、ご覧下さい。 「AdSense Invalid Click Protector」をCocoonで設定して使う方法!. での勤務経験があります。 アイコンは「特徴のない顔」という点が似てる } Copyright © fujiguchi All Rights Reserved. スポンサーリンク ブログやウェブページのタイトルは僅かな情報しかありません。 グーグルなどの検索結果として表示される場合や、SNSでシェアされる場合は、一定の文字数までしかタイトルが表示されないことがあります。 記事中の内容を全てタイトルに盛り込むことも無理があります。 見に来てくれた人にページの内容を的確に伝えるために、目次は非常に有用なツールです。 また、ブログの目次は見たいところをクリックすると、その項目 … document.write('