記事一覧お問い合わせツールワードプレスのブログで列が揃った箇条書きの文章を作成する方法ハルイチ2018年6月20日ブログ記事を書くときはずーっと同じような文章スタイルで書いていくと、読んでいる方も疲れちゃったり、飛ばし気味に読まれたりしちゃいます。途中で画像を入れたり、四角い枠で囲ったりするのはとても大事。そんな文字装飾の中でもバンバン使ったほうがいいのが箇条書きです。箇条書きに出来るところは、すべて箇条書きにしてもいいくらいです。キーボードの中にも「・」がありますし、見た目的にはこれでも最低限箇条書きにはなってます。ワードプレスではタグを使うことでより見栄えよく箇条書きを作ることができます。文章の先頭行を揃える箇条書きもタグを使って実現可能です!ポチ丸コード?何それ?いきなり難しそうな単語出てきた!ハルイチ大丈夫!見たままやればできるように解説していくよ!箇条書きを使いこなして初心者感のあるブログから脱却しましょう!Contentsあなたの箇条書きはこう変わる!箇条書きにするにはliとulタグを使う。番号付きの箇条書きはliとolタグを使うリスト系のコードは最初から組み込まれているぞ!まとめ:箇条書きで文章を見やすく!あなたの箇条書きはこう変わる!この記事を読むことであなたの箇条書きはこんな風にレベルアップします。これが・箇条書きのポイントは読者にポイントを効率よく見せることです。・一つの記事の中で文章スタイルを変えることによって文章が読み飛ばされにくくなります。・タグを使えば、箇条書きの先頭のスタイルの他にも数字付きでリストを作るのも可能です。箇条書きのポイントは読者にポイントを効率よく見せることです。一つの記事の中で文章スタイルを変えることによって文章が読み飛ばされにくくなります。タグを使えば、箇条書きの先頭のスタイルの他にも数字付きでリストを作るのも可能です。キーボードの「・」でも箇条書きになりますが、タグを使ったほうが文章と文章の間が適度に空いたり、文字の先頭列が揃ってたりと、もっと見やすくなりますよね。「ちゃんとしてる感」もでます。箇条書きにするにはliとulタグを使う。簡単にタグを使う時のルールを紹介します。タグはかっこ<>で囲むというルールがあります。装飾したい文章を<>で囲みます。このとき、終わりのほうの<>には/を入れます。このかっこのなかに、今回紹介するliタグやulタグを入れることになります。ポチ丸うん、わからない!ハルイチまぁ、実際に例を見てもらったほうが早いね。箇条書きを作る時にはまず箇条書きにしたい文章をliタグで囲みます。編集画面ではこんな感じで書きます。これで文章にするとこんな感じになります。単純に文章を箇条書きだけするならリストタグだけでもできるただ、リストタグだけだと文章の先頭揃えができない文字間隔もちょっとおかしくなっちゃうこともただ、これだけだと長い文章だと先頭揃えにならなかったり、箇条書きの間のスペースがおかしくなったりします。liをつけた文章をさらにulタグで挟みます。ちなみにulタグは番号なしリストを作るためのコードです。編集画面ではこんな感じで書きます。これで文章にするとこんな感じになります。ulタグを使うことで番号ナシリストにすることが可能ulタグを使えば列の先頭揃えも自動で行ってくれる文字間隔もいい感じになるこれで先ほど紹介したような箇条書きができましたね。基本的に普通の箇条書きにしたいときはliタグだけではなく、ulタグもセットでサンドイッチして使うと覚えておきましょう!番号付きの箇条書きはliとolタグを使う先ほど番号なしリストの作り方を紹介しました。番号ありリストも作れます。番号ありリストはolタグでliタグを挟みます。編集画面ではこんな感じで。するとこんな感じになります。りんごばななみかんこれで数字付きのリストができました。リスト系のコードは最初から組み込まれているぞ!ポチ丸ねーねー、このliとかulで囲むのはわかったけど、いちいち手でこういうやつ打たないといけないの?正直めんどくさい...ハルイチわかる(笑)めんどいよね。大丈夫!ワードプレスには最初からこれらのタグを一発で出せるように組み込まれてるよ!そうなんです!実はこれらのタグは一回一回入力しなくてもボタン一つでパッと入るようになってます。投稿画面に入ったらテキスト表示に切り替えます。すると下のほうにliとかulとかolって表示があるのが見えますよね。これが今紹介したタグです。図のようにリスト化したい文章をマウスでドラッグして青くしてからliボタンを押すと自動でタグが入ります。同じようにulタグやolタグもliタグで囲った文章全てをマウスでドラッグして青くしてからボタンを押せば一発でタグが入ります。ちなみに、liのボタンを押すと編集画面で文章が右にずれたりしますが、実際にはずれないのでご心配なく!ものすごーーーく簡単ですね♪まとめ:箇条書きで文章を見やすく!色々解説しましたが、覚えておくのはたったこれだけ!箇条書きで使うのはli、ul、olの3つのタグ文章はliで囲む。liで囲んだ文章をさらにulとolで大きく囲む。文章を選択してテキストモードにあるliなどのボタンを押すだけで自動で挿入できる!箇条書きを使うだけで、文章の見た目が驚くほど変わります。専門的なことをいうと、「・」で箇条書きを作るより、タグを使って箇条書きを作ったほうがグーグルのロボットが大事な点、まとまっている点と認識しやすく評価されやすいです。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です【初心者でも!】30万PVを稼ぐブログで使ってるワードプレスのテーマを紹...ワードプレスで記事を書く前にやっておきたい設定まとめハルイチ秘密のアドセンス術!ブログを書いてるのはこんなやつNAME:ハルイチ2016年1月頃アフィリエイト開始。100サイトほど作るも売り上げ0。山あり谷ありながら月10万達成。現在は会社員時代の給料くらい。現在はアドセンスと物販アフィリエイトがメイン収益。最近は自社商品の販売もチャレンジしてたりします!▼ツイッター始めてみましてよ。@haruichiohisama▼さらに突っ込んだ自己紹介はこっち。ハルイチの自己紹介とかアフィとかサイトの考えとか!。▼アドセンス10万までの軌跡はこっち。おひさまアフィリエイト。