WordPress(ワードプレス)でブログを書いていて、例えば2の2乗の右上の小さい数字(指数)や脚注・注釈の※(米印)を入力したいと思ったことはありませんか?
具体的には以下の黄色の網掛け部分の入力方法です。
- 22
- 売上が100億円に到達した※1
![Wordで上付きにする方法](https://usedpc-jouhou.com/wp-content/uploads/2023/07/dd9e8065c379843d0cadf836144aa21a.jpg)
オフィスソフトのWord(ワード)でいう「上付き」というものですね。Wordなら画像のように上付きのボタンをクリックすればすぐできますが、WordPressの場合はひと手間必要です。
この記事では、2の2乗の右上の小さい数字(指数)や注釈・脚注などで使用する※(米印)をWordPressで入力する方法について、わかりやすく解説します。
- WordPressで上付きをsup要素で表示する方法
- WordPressで下付きをsub要素で表示する方法
- WordやGoogleドキュメントで入力してWordPressにコピペする方法
1、2は正攻法、3は裏技的な方法をご紹介します。コピペOKなのでぜひ参考にしてくださいね。
WordPressの上付き表示は「sup要素」を使えば簡単にできる
WordPressで上付き表示するには、sup要素を使えば簡単にできます。
例:「3の2乗」の入力方法
![sup要素1](https://usedpc-jouhou.com/wp-content/uploads/2023/07/19f9a529025f729605bcc4096002f293.jpg)
3の2乗なので、32と入力します。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/b4b535881f4fa10e33d6f0b4c8cb5673.jpg)
メニューの1番右側の3点部分(赤枠部分)をクリックし、「HTMLとして編集」をクリックします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/1953df71028e1fe8c46687023ff364c5.jpg)
<p>32</p>
このように表示されましたね。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/de83af72840635f4d53e75d7a1134920.jpg)
<p>3<sup>2</sup></p>
○乗の部分(指数)を<sup>○</sup>で囲みます。今回の場合は2を囲みます。
最初の<p>と最後の</p>は消さないように注意してください。
ちなみに注釈の場合は、2の部分を「※」や「※1」などにすればOKです。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/a940b81a8932d4a2e4f8a73aac4007df.jpg)
左上の「ビジュアル編集」をクリックします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/504266507394aeb83b32964ca05c5878.jpg)
3の2乗がきちんと累乗表示されました。
WordPressの下付きは「sub要素」を使えば表示できる
ここまで読んだついでに「下付き」の表示方法も覚えていきませんか?
下付きとは以下の黄色の網掛け部分のことを指します。
- CH2
- H2O
WordPressの下付き表示は、sup要素の代わりに、sub要素を使うだけ。とっても簡単です。
例:H2Oの入力方法
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/91824d6e192ae2deb92f0e4ed4e46ce2.jpg)
今回はH2Oなので、まずはH2Oと入力します。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/65e08eaddbe94b14e45891f628800ef1.jpg)
sup要素の時と同じように、メニューの1番右側の3点部分(赤枠部分)をクリックし、「HTMLとして編集」をクリックします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/c2c4b42fb3a61a0efe68f7ad2af365ca.jpg)
<p>H2O</p>
このように表示されていますね。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/01c2a2fb0f4f918ce7de222b1c8b78a1.jpg)
<p>H<sub>2</sub>O</p>
下付きにしたい部分(今回は2)を<sub>○</sub>で囲みます。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/58ec1cc57dec9e26a4d3a6a7e049e663.jpg)
「ビジュアル編集」をクリックします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/1d28bfc5b9439d878a9a6246d504d6d2.jpg)
H2Oの2の部分がきちんと下付き表示されました。
WordやGoogleドキュメントで上付き・下付き入力してコピペ
![WordやGoogleドキュメントに入力してコピペすればsub、sub要素不要](https://usedpc-jouhou.com/wp-content/uploads/2023/07/2f95dce02181e346059da44a6b2cc421.jpg)
WordPressで上付き表示する場合はsup要素、下付き表示する場合はsub要素を使う方法について解説しました。
実は、sup要素やsub要素を使わず簡単にできる方法があるので、最後にご紹介させて頂きます。
その方法とは、WordやGoogleドキュメントを使う方法です。
実はWord(Googleドキュメント)で上付き(下付き)入力したものをコピーして、WordPressにそのまま貼り付けるだけでOKなんです。
1:Wordで上付き入力する方法
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/687fa5d8be0eeb19d5ea2efc33c3e671.jpg)
Microsoft Wordを起動して、32と入力します。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/1307ffa1b934f88d2ca782037b392752.jpg)
2をドラッグして、上付きボタンをクリックします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/6e916f2173a1456e217bde0f37342cb3.jpg)
32と累乗表示されました。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/d82832c7f7f2206443e49610fc01c051.jpg)
32の部分をドラッグしてコピーします。ショートカットキーの「ctrl+C」でもOKです。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/8c2877d7eee825a46d36fd676fba7df7.jpg)
WordPressに貼り付けます。「プレーンテキストとして貼り付ける」ではなく、普通の「貼り付け」を選んでください。ショートカットキーの「ctrl + V」でもOKです。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/582ec7fc621a4c72f1bbb6be00604992.jpg)
32で表示されました。一応HTML表示で内容を確認してみましょう。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/142313f9941761ab47049536d9b29f11.jpg)
sup要素がきちんと入力されていますね。
2:Googleドキュメントで上付き入力する方法
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/f7860ce485b6741b82f088fea1947243.jpg)
Microsoft Officeを持っていない方はGoogleドキュメントを使いましょう。
Googleドキュメントにアクセスします。新しいドキュメントを作成から空白をクリックします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/dc1d7dd92910abcb597bdf38567f9d71.jpg)
そして23と入力してください。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/e369f1b038603923e667dee4e9029848.jpg)
3の部分をドラッグします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/cb84575c2cf76aac2a7855143919a43f.jpg)
Googleドキュメントの上付きの方法はWordと少し異なります。
上のメニューで「表示形式」→「テキスト」→「上付き文字」をクリックすると、2の3乗が表示されましたね。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/4a7bd310bb860910684a88b185fa2770.jpg)
23をドラッグして選択しコピーします。
![](https://usedpc-jouhou.com/wp-content/uploads/2023/07/3f8f1a14e0092cfb2d9bc52c76903a4d.jpg)
WordPressに貼り付けると、23が表示されました。
まとめ~WordPressで2の2乗(累乗・指数)を入力する方法
- WordPressで上付きは対象を<sup>○</sup>で囲む
- WordPressで下付きは対象を<sub>○</sub>で囲む
- WordやGoogleドキュメントで上付き下付きを入力してWordPressにコピペしてもOK
以上WordPressで上付き・下付きの入力方法について解説しました。
基本はsup要素、sub要素を使いますが、WordやGoogleドキュメントで入力したものをWordPressに貼り付けてもOKです。
特にGoogleドキュメントはアカウントを作成すれば無料で使用できますので、試してみてください。
この記事が参考になればとてもうれしいです。