はてなブログのテキストを斜体にする方法【メイリオも斜めにできるCSS付き】

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

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

• はてなブログで斜体を使いたい
• はてなブログの斜体にする方法を知りたい
• テキストが斜体にならない

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

斜体にする方法	斜体にしたいテキストを指定 斜体ボタンを押す 太字になる
はてなブログの斜体タグ	編集モードによって違う
メイリオを斜体にする	CSSを使う

斜体は、アンダーラインや太字と同じく記事を装飾できます。

なので斜体の使い方を覚えて記事を装飾しましょう！

ぴっぴ（@hiyoko_no_pippi）です！

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

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

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

はてなブログでテキストを斜体にする方法の詳細

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

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

この手順で、テキストは斜体になります。

HTML編集の場合、見たままモードにしてから斜体ボタンを押してください。
または定型文にコードを入力しておくという方法もあります。

STEP

斜体にしたいテキストを指定する

斜体にしたいテキストを指定します。

STEP

i（斜体）ボタンを押す

斜体にしたいテキストを指定したら、iボタンを押します。

STEP

テキストが斜体になる

ボタンを押したらプレビュー画面で、テキストが斜体になっているか確認してください。
記事作成画面上、テキストに変化はありません。
なので必ずプレビュー画面で斜体になっているか確認しましょう。

メイリオを使っている場合、通常斜体になりません。斜体にしたい場合は、後述のメイリオを斜体にする方法をご覧ください。

はてなブログで使える斜体タグ

はてなブログの斜体タグは、編集モードによって違います。

見たままモード	<em>ここに斜体にしたいテキストを入力</em>
HTML編集	<em>ここに斜体にしたいテキストを入力</em>
はてな記法	<i>ここに斜体にしたいテキストを入力</i>
markdown	<i>ここに斜体にしたいテキストを入力</i>

はてな記法やmarkdownも<em></em>タグは使えます。
ただしボタンを押しても使えません。
なので入力してください。

メイリオを斜体にする方法

メイリオは、斜体になりません。

メイリオを斜体にするには、次のCSSコードを貼る必要があります。

/* メイリオを斜体に変更 */
 @font-face {
 font-family: Meiryo;
 src: local('Meiryo'), local('メイリオ');
 }
 .italic{
 font-family: Meiryo, "メイリオ", sans-serif;
 font-style: italic;
 }

このCSSを貼ると、メイリオを斜体にできます。

STEP

デザイン

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

STEP

カスタマイズ

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

STEP

デザインCSS

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

STEP

コード入力

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

/* メイリオを斜体に変更 */ @font-face {
 font-family: Meiryo;
 src: local('Meiryo'), local('メイリオ');
 }
 .italic{
 font-family: Meiryo, "メイリオ", sans-serif;
 font-style: italic;
 }

STEP

変更を保存する

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

斜体で記事をキレイに装飾

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

斜体にする方法	斜体にしたいテキストを指定 斜体ボタンを押す 太字になる
はてなブログの斜体タグ	編集モードによって違う
メイリオを斜体にする	CSSを使う

これらの方法で、テキストを斜体することができます。
はてなブログのテキストを斜体にする方法は簡単です。
なので、斜体を使って記事をキレイに装飾してくださいね。

これから記事を書く方へご案内

ぴっぴのはてなブログでアフィリエイトでは、編集画面の使い方が分かる「画像でわかる【はてなブログの記事の書き方】」をご用意しています。

記事の内容

• 使用頻度の高い【機能の使い方を21枚の画像】で紹介
• オススメの記事の内容
• ネタの探し方
• 記事の品質の上げ方

このような盛りだくさんの内容になっています。

「良い記事を書きたい」または「検索する手間を省きたい」という方は、下記のリンクより「画像でわかる【はてなブログの記事の書き方】」をご覧ください。

▶「画像でわかる【はてなブログの記事の書き方】」を読む