『初心者向け』はてなブログに表を入れたい場合は『Excel』からコピーして貼付けると簡単です

ことみ

ブログにExcelみたいなリストや表を入れて見たいけど難しそう簡単にできる方法はありませんか？

ブログを書いているとExcelみたいな表を入れてみたいけど表を入れるのって難しそうと諦めてしまった方に『HTML』など特別な知識がなくても簡単に表示させる方法を紹介します。

みこと

今回はExcelで表を作成してブログに貼り付ける方法を紹介します

ブログで表を作成する方法

今回作成した表はこちらです『日付』『数字』などは適当です

WordPressでは表を作るショートカットがありますが

はてなブログでは『ショートカットキー』のような便利な機能がないので『HTML』か『はてな記法モード』で書く『Excel』でコピーする3つの方法があります。

HTMLを使って表を作成する方法

先程の表をHTMLを使ってブログに表を入れる場合ははてなブログの『HTML編集』画面にこちらのコードを書きます。

<table width="310">
<tbody>
<tr>
<td width="55">日付</td>
<td width="92">アクセス数</td>
<td width="72">評価</td>
<td width="91">累計アクセス</td>
</tr>
<tr>
<td>9/22</td>
<td>299</td>
<td>C</td>
<td>352</td>
</tr>
<tr>
<td>9/23</td>
<td>1514</td>
<td>A</td>
<td>1866</td>
</tr>
<tr>
<td>9/24</td>
<td>436</td>
<td>B</td>
<td>2302</td>
</tr>
</tbody>
</table> 

みこと

簡単な4×4＝16マスの表をHTMLで書くとこのような長いコードを書かなくてはいけません

はてな記法で表を作成する方法

『はてな記法』とはHTMLの知識が無くてもはてなブログを書く上で便利な機能を簡単な記述で実現できる記述法のことです。

はてな記法で表を作成する方法は編集方法を『はてな記法モード』にする事で利用できます。

|*日付 |*アクセス数 |*評価 |*累計アクセス
|*9/22 |*299 |*C |*352
|*9/23 |*1514 |*A |*1866
|*9/24 |*436 |*B |*2302

みこと

|*◯◯◯と区切りを入れます。HTMLで書くより文字数も少なく少し簡単になりましたが慣れるまで使いにくいかもしれません

Excelから貼付ける方法

はてなブログで表を作成する場合は『HTML』で書くより『はてな記法』で書くほうが楽ですが。

◯×◯のマス目が多くなるほど表を作成するのが大変になります。そこでオススメしたいのはExcelで表を作成して貼付ける方法が一番簡単だと思います。

表を作成して範囲を指定して『コピー(Ctrl+C)』をします。次に見たまま編集で画像を貼付けたい場所で右クリックで『貼付けか(Ctrl+V)』で貼付けます。

みこと

『HTML』『はてな記法』とは違い長いコードを書かなくてもExcelで表を作り貼付けるだけなので簡単で『WordPress』にも対応しています

Excelを持っていない場合

ことみ

『Excel』を使って貼付けると簡単にブログに表を作成する事は分かりましたが『Excel』を持ってないんですよね他にいい方法はありますか？

『Excel』をお持ち出ない方は無料で使える互換ソフト『Libre office calc』を利用する方法がありブログに表を貼付ける方法は『Excel』と同じです。

はてなブログで表を貼付ける方法(まとめ)

ブログに表を貼付けたいけどはてなブログには表を自動で作る『ショートカットキー』みたいな便利な機能がありません。

みこと

『Excel』を使って表を貼付ければ作業時間を短縮する事ができます。興味があるけど諦めてしまった方はお試し下さい