魂を揺さぶるヨ!

ブログを通じて「魂を揺さぶり情熱を燃やせる何か」を探すゲーム制作を生業とする30代の男です。 アウトドア、インドア、なんでも好きです。

【図解あり!】簡単なブログにリストや表を作成する方法【リストの表示方法】

この記事を読むのに必要な時間は約5分です。

スポンサーリンク


f:id:soul-vibration:20170926221315j:plain

 

こんにちはユレオです。

 

以前からブログの記事にエクセルのようなリストや表を作りたいなーと思い、いろいろと作り方を調べたところ「はてな記法モード」で作成出来ることは分かっていました。

 

ただレイアウトが細かく設定するのが難しい事や、編集モードを切り替える必要があり、手軽に利用できないので使うことはありませんでした。

 

その後も引き続き はてな記法モード以外で表を作成する方法を調べていたところ、手軽に作成できる2種類の方法が分かりました。

 

それらの方法で作成したのがこちらです。

 

項目 費用 備考
食費 50000円 肉が少なかった。
家賃 100000円 再来月から上がるらしい。
光熱費(電気、水道、ガス) 18000円 電気代がやや高くついた。
通信費 8500円 格安simに変えるべき・・・・

  

本日は手軽にブログにリストや表を作成する2種類の方法についてご紹介したいと思います。

  

【この記事の目次】

[表示]

スポンサーリンク

はじめに

今回ご紹介するリストや表を手軽に作成する方法ですが、以下の2通りになります。

 

①:エクセルを使用した表の作成方法

②:テーブルタグ作成ツールのWebサービスを利用した作成方法

 

「①」の方法で表を作成するには「Microsoft Excel (エクセル)」が必要です。

 

エクセルが無い方は「②」の「テーブルタグ作成ツールのWebサービスを利用した作成方法」をお読みください。

 

スポンサーリンク

①:エクセルを使用した表の作成方法 

1:エクセルを起動してブログに掲載したい表を作成します。

f:id:soul-vibration:20170926210153j:plain

 

2:掲載したい表を選択して右クリックから「コピー」を押します。

f:id:soul-vibration:20170926210636j:plain

 

3:はてなブログを開き、表を配置したいところにペーストすると完了です。

一度張り付けさえすれば、通常の文字入力で編集も可能です。

 

項目 費用 備考
食費 48000円 肉が少なかった。
家賃 100000円 再来月から上がるらしい。
光熱費(電気、水道、ガス) 18000円 電気代がやや高くついた。
通信費 8500円 格安simに変えるべき・・・・

 

ものすごく簡単ですが、この方法は「Microsoft Excel (エクセル)」が必要という欠点があります。 

  

②:テーブルタグ作成ツールのWebサービスを利用した作成方法

1:以下のテーブルタグ作成ツールのWebサービスページを開きます。

テーブルタグ作成ツール - 無料ツール.net

  

2:ブログに掲載したい表を作成します。

「編集エリア」に表として掲載する内容をWebページに直接入力します。

f:id:soul-vibration:20170926212125j:plain

 

3:行や列を増やしたり、減らしたりは以下の箇所を操作することで可能です。

f:id:soul-vibration:20170926212141j:plain

 

4:「プレビュー」を確認して作成したい内容に仕上げます。

f:id:soul-vibration:20170926212333j:plain

 

5:表が完成したら画面下部の「テーブルタグ」のコードをコピーします。

f:id:soul-vibration:20170926212601j:plain

 

6:はてなブログを開き、「見たまま」から「HTML編集」に切り替えます。 

f:id:soul-vibration:20170926213003j:plain

 

7:表を配置したいところにコードをペーストします。

f:id:soul-vibration:20170926213437j:plain

 

8:最後に「見たまま」に戻せば完了です。

 

項目 費用 備考
食費 50000円 肉が少なかった。
家賃 100000円 再来月から上がるらしい。
光熱費(電気、水道、ガス) 18000円 電気代がやや高くついた。
通信費 8500円 格安simに変えるべき・・・・

  

以上で終了です。

 

エクセルがあれば一番簡単ではあるのですが、エクセルが無い場合でもそれほど手間をかけずにリストや表が作成できます。

 

また、一度リストや表を作ってしまえば項目だけを書き換えることで使い回すことも可能です。

 

ブログでリストや表といったものが必要な時にぜひご利用ください。 

 

 

合わせてお読みください 

スポンサーリンク