はてなブログの太字にする方法【スマホで表示できないときの対処法付き】

記事の種類	はてなブログの使い方
SEO対策	関係なし
SXO対策	やや関係あり
難しさ	かんたん
重要さ	人によっては重要

※こちらの記事は次のような方に対して書きました°˖☆◝(⁰▿⁰)◜☆˖°

• はてなブログで太字を使いたい
• はてなブログの太字にする方法を知りたい
• スマホで太字が表示されない

今回は、はてなブログのテキストを太字にする方法を紹介します。

HTML編集以外	ボタンを押す
HTML編集	太文字にしたい部分に<strong></strong>を入力する 見たままモードとHTML編集でbタグは使えない
スマホで表示されない	CSSにコード入力する
bタグを使いたい	はてな記法またはmarkdownで記事を書く

このようにはてなブログのテキストを太文字にする方法は簡単です。

テキストを太文字にできるようになれば、ブログ記事の見た目が良くなりますよ。

この機会にはてなブログの太文字にする方法をマスターしちゃいましょう！

ぴっぴ（@hiyoko_no_pippi）です！

現役のはてなブロガーで、はてなブログに関する記事を書いています。

「ぴっぴのはてなブログでアフィリエイト」のコンセプトは、はてなブログの使い方が分からなくて困っている方を一人でも減らすことです。

おかげ様で、毎月4000人以上の方が本ブログを利用してくださっています。

はてなブログでテキストを太文字にする方法

はてなブログでテキストを太文字にする方法は次のとおりです。

HTML編集以外	①太字にしたいテキストを指定 ②太字ボタンを押す
HTML編集	①<strong>を入力 ②その後ろに太字にしたい文を入力 ③文の後ろに</strong>を入力

HTML編集以外

HTML編集以外のはてなブログのテキストを太字にする方法は次のとおりです。

1. 太字にしたいテキストを指定する
2. B（太字）ボタンを押す
3. テキストが太字になる

この手順でテキストを太字にできます。

詳しい内容は、次をご覧ください。

STEP

太字にしたいテキストを指定する

太字にしたいテキストを指定してください。

STEP

B（太字）ボタンを押す

太字にしたいテキストを指定したら、Bボタンを押します。

STEP

テキストが太字になる

ボタンを押すと、指定したテキストが太字になります。
スマホでも太字になっているか確認し、太字になっていない場合はスマホで太字にならないときの対処法をご覧ください。

見たままモードとHTML編集の太字はstrongタグです。見たままモードとHTML編集は、bタグによる太字を使えません。bタグを使う場合、はてな記法やmarkdownを使ってください。

HTML編集

HTML編集でテキストを太文字にする方法は次のとおりです。

1. <strong>を入力
2. 太字にしたいテキストを入力
3. </strong>を入力
4. テキストが太字になる

この手順でテキストを太字にできます。

詳しい内容は、次をご覧ください。

STEP

<strong>を入力

<strong>を入力してください。

STEP

太字にしたいテキストを入力

<strong>の後ろに太字にしたいテキストを入力します。

STEP

</strong>を入力

太字にしたいテキストの後ろに</strong>を入力してください。
これでテキストは太字になります。

STEP

テキストが太字になる

上の画像はプレビュー画面です。
このように太字になります。
スマホでも太字になっているか確認し、太字になっていない場合はスマホで太字にならないときの対処法をご覧ください。

見たままモードとHTML編集の太字はstrongタグです。見たままモードとHTML編集は、bタグによる太字を使えません。bタグを使う場合、はてな記法やmarkdownを使ってください。

スマホで太文字にならないときの対処法

スマホで太字にならないときの対処法は次のとおりです。

1. デザイン設定
2. カスタマイズ
3. デザインCSS
4. コード入力
5. 変更を保存する

この手順を行えば、スマホで太字が表示されます。

詳しい内容は次をご覧ください。

STEP

デザイン

矢印をデザインに合わせます。
デザインボタンを押してください。

STEP

カスタマイズ

ボタンを押すと画面が変わります。
左上にあるカスタマイズに矢印を合わせ、ボタンを押してください。

STEP

デザインCSS

するとサイドバーが、カスタマイズのメニューに変わります。
一番下にある「デザインCSS」を押してください。

STEP

コード入力

するとエディターが開きますので、次のコードを入力してください。

/* strongタグの変更 */
 article strong{
 font-weight:bold;
 }

STEP

変更を保存する

コードを入力したら、画面上にある「変更を保存する」ボタンを押してください。

太字でユーザビリティアップ

今回、はてなブログの太字にする方法を紹介しました。

HTML編集以外	ボタンを押す
HTML編集	太文字にしたい部分に<strong></strong>を入力する 見たままモードとHTML編集でbタグは使えない
スマホで表示されない	CSSにコード入力する
bタグを使いたい	はてな記法またはmarkdownで記事を書く

これらの方法によって、テキストを太字にできます。

はてなブログで、テキストを太字にするのはスゴク簡単です。

太字で見栄えが良くて読みやすい記事にしてくださいね。