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

ことみ

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

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

みこと

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

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

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

日付アクセス数評価累計アクセス
9/22299C352
9/231514A1866
9/24436B2302

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

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』と同じです。

mikotoniomakase.com

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

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

表の貼付方法
1:はてなブログでは『HTML』か『はてな記法モード』で書く『Excel』でコピーする方法があります。
2:オススメは『Excel』を貼付ける方法で◯×◯=マス目が多くなるほど長いコードを書かないといけないので大変
3:『Excel』を持ってない方は無料で使える互換ソフト『Libre office calc』などでも表を作る事ができる

みこと

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

#みことにおまかせ/ひきこもりのブログ講座 #ブログ初心者 #HTML #はてなブログ #wordpress #ブログカスタム #Excel #ブログ運営

投稿日2020/07/04 21:00 書いた人Mikoto Mikaka



3 COMMENTS

papa

記事がめちゃくちゃ見やすいです😊
下の方にあるシェアボタンはどうやってカスタマイズされたのですか?
もしよければcss教えてください(>_<)

返信する
Mikoto Mikaka

papaさんごめんなさい
シェアボタンはワードプレスの有料テーマのSANGOを利用しているので分かりません

返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です