ぴっぴのはてなブログでアフィリエイト

ブログ初心者ぴっぴが、はてなブログでアフィリエイトに挑戦中。

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

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

記事の種類 はてなブログの使い方
SEO対策 関係なし
SXO対策 やや関係あり
難しさ かんたん
重要さ 人によっては重要
※こちらの記事は次のような方に対して書きました°˖☆◝(⁰▿⁰)◜☆˖°

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

HTML編集以外 ボタンを押す
HTML編集

太文字にしたい部分に<strong></strong>を入力する

見たままモードとHTML編集でbタグは使えない

スマホで表示されない CSSにコード入力する
bタグを使いたい はてな記法またはmarkdownで記事を書く

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

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

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

ぴっぴ(@hiyoko_no_pippi)です!

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

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

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

ぴっぴのプロフィールカード

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

テキストを太字にする方法

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

HTML編集以外 ①太字にしたいテキストを指定
②太字ボタンを押す
HTML編集

①<strong>を入力

②その後ろに太字にしたい文を入力

③文の後ろに</strong>を入力

HTML編集以外

HTML編集以外

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

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

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

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

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

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

HTML編集

HTML編集

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

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

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

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

STEP
<strong>を入力
<strong>を入力
<strong>を入力してください。
STEP
太字にしたいテキストを入力
太字にしたいテキストを入力
<strong>の後ろに太字にしたいテキストを入力します。
STEP
</strong>を入力

</strog>を入力

太字にしたいテキストの後ろに</strong>を入力してください。
これでテキストは太字になります。
STEP
テキストが太字になる
テキストが太字になる(プレビュー画面で確認)
上の画像はプレビュー画面です。
このように太字になります。
スマホでも太字になっているか確認し、太字になっていない場合はスマホで太字にならないときの対処法をご覧ください。

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

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

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

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

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

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

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

STEP
デザイン
デザインを押す
矢印をデザインに合わせます。
デザインボタンを押してください。
STEP
カスタマイズ
カスタマイズを押す
ボタンを押すと画面が変わります。
左上にあるカスタマイズに矢印を合わせ、ボタンを押してください。
STEP
デザインCSS
デザインCSSを押す
するとサイドバーが、カスタマイズのメニューに変わります。
一番下にある「デザインCSS」を押してください。
STEP
コード入力
コードを入力
するとエディターが開きますので、次のコードを入力してください。

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

STEP
変更を保存する

変更を保存するボタンを押す

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

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

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

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

HTML編集以外 ボタンを押す
HTML編集

太文字にしたい部分に<strong></strong>を入力する

見たままモードとHTML編集でbタグは使えない

スマホで表示されない CSSにコード入力する
bタグを使いたい はてな記法またはmarkdownで記事を書く

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

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

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