旅好きアラサー女子の世界一周ブログ

働きながら休みを見つけては旅立っている三十路半ば女の旅行記と日常のあれやこれや。

【一番簡単】はてなブログにエクセルの表やリストを貼り付ける方法

f:id:zizichan1103:20200510174143j:plain

こんにちは。

旅好きアラサー女子の世界一周ブログを運営しているziziです。

 

ブログ執筆中に、エクセルの表やリストを貼り付けたいな〜と思ったことはありませんか?

はてなブログの場合、 「はてな表記モード」で編集すると表を作成することができるようです。しかし、アナログな私には難しすぎてダメでした。

 

はてな表記モードを使わなくても、めちゃくちゃ簡単に表を貼り付ける方法があったのでご紹介します!

 

 

はてなブログにエクセルの表を埋め込む方法

誰でも簡単にできる方法を2つご紹介します。

 

・エクセルをコピペするだけ

・外部サービス(無料)を使う

 

一番簡単!エクセルで作った表をコピぺするだけ

 <手順>

f:id:zizichan1103:20200509223502p:plain

まず、エクセルで表を作成します。ちなみに、我が家のハムスターの体重と食事を記録したものです(笑)

作り終わったら、ブログに埋め込みたい箇所を範囲指定で選択。

 

f:id:zizichan1103:20200509223539p:plain

編集→コピーでコピーします。そんなことしなくても、

Windowsの場合→f:id:zizichan1103:20200509223942p:plain

Macの場合→f:id:zizichan1103:20200509223946p:plain

でOKです!


f:id:zizichan1103:20200509223547p:plain

次に、はてなブログの記事作成画面でペーストします。「編集(見たまま)」タブでペーストしてOKです。たったこれだけで、エクセルの表が貼り付けられました。

 

日付 体重 エサ おやつ
5月1日 36g ペレット、キャベツ、ニンジン、豆苗 チーズ
5月2日 38g ペレット、キャベツ、パプリカ、ひまタネ 煮干し
5月3日 37g ペレット、豆苗、コーン、かぼちゃ バナナチップス

実際貼り付けるとこんな感じ。ちょっと味気ないですが、シンプルイズベストな表ができました。

 

f:id:zizichan1103:20200509223556p:plain

補足ですが、編集画面で文字の色をつけたり、サイズを変えることもできます。四隅の□を引っ張ると表を伸ばすこともできます。

とにかく簡単です。こだわりのない場合は、この方法で十分かと思います。

 

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使う

次に簡単だった方法です。

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)

を使わせていただきました。こちらは無料で利用できます。

 

<手順>

f:id:zizichan1103:20200510172050p:plain

STEP1.エクセルとかからCSV(TSV)をコピーして貼り付け、とあります。この時点でちょっと「は?」って感じだったのですが、エクセルで作った表をそのままコピペすればOK。

 

f:id:zizichan1103:20200510172056p:plain

STEP2はよくわからないので、デフォルトのまま特にいじらず(笑)

 

f:id:zizichan1103:20200510172100p:plain

こちらから背景や文字の色変更ができます。好みで変えましょう。

 

f:id:zizichan1103:20200510172526p:plain

設定が終わったら変換をクリック。するとプレビューが出てきます。

 

f:id:zizichan1103:20200510172106p:plain

最後に、STEP3の枠に出てきたHTMLを丸っとコピーして、はてなブログの編集画面の「HTML編集」タブにペーストすれば終わりです。

 

👇変換しちゃう君で作った表

日付 体重 エサ おやつ
5月1日 36g ペレット、キャベツ、ニンジン、豆苗 チーズ
5月2日 38g ペレット、キャベツ、パプリカ、ひまタネ 煮干し
5月3日 37g ペレット、豆苗、コーン、かぼちゃ バナナチップス

 

 👇エクセルをコピペした表

日付 体重 エサ おやつ
5月1日 36g ペレット、キャベツ、ニンジン、豆苗 チーズ
5月2日 38g ペレット、キャベツ、パプリカ、ひまタネ 煮干し
5月3日 37g ペレット、豆苗、コーン、かぼちゃ バナナチップス

 

補足:はてな表記モードで表を貼り付ける方法

冒頭でも触れた「はてな表記モード」でもエクセルの表を貼り付けることができます。私も挑戦しましたが、難しく?というかめんどくさくて断念。。

どうしてもはてな表記モードで貼り付けたい!という方は、こちらの記事で詳し〜く解説されてます。

www.mutant-tetsu.com

 

おわりに

何かとアナログな私でもできちゃう、エクセルの表をはてなブログに貼り付ける方法でした。誰かのお役に立てればこれ幸いです!

 

 👇初めて表をぶっこんだ記事がこちらです。

zizichan1103.hatenablog.com

 

それではまた次回よろしくどうぞ(^^)

*****************************************************

ランキングに参加しています。

応援ぽち、よろしくお願いします!

↓ ↓ ↓

にほんブログ村 旅行ブログ 女性世界一周へ
にほんブログ村

にほんブログ村 旅行ブログ 一人旅へ
にほんブログ村

 

 

◎この記事を書いた管理人

zizichan1103.hatenablog.com