ブログのカスタム

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

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に変えるべき・・・・

以上で終了です。

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

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

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

●スポンサーリンク


おすすめのアフィリエイトASP ベスト3

「ASP(アフィリエイト・サービス・プロバイダ)」とは、アフィリエイトの広告主とブログ運営者を繋ぐ仲介業者のことで、ブログ運営で広告などを掲載するにはASPに登録する必要があります。そうしたASPは数多くありますが、初心者向けのおすすめのASPをご紹介いたします。

1位 A8.net

A8.netは広告主数が豊富で、ブログを始めたばかりの方もwebサイトやブログを登録できますし、手続きも簡単でアフィリエイトを手軽に始めることができます。

また、A8.netでは「セルフバック」が充実しており、自分で商品の購入やサービスを利用できるので、レビュー記事が書きやすい特徴もあります。
 
総合
商品種類
初心者向け

A8.netの詳細ページはこちら

 
2位 もしもアフィリエイト

もしもアフィリエイトはブログ運営の初心者でも成果を上げられるように詳しく書かれたマニュアルがあるなど、「ブログ運営初心者に対して嬉しいサービス」が充実しています。

また、Amazonアソシエイトと楽天アフィリエイトをまとめれるので管理がしやすく、W報酬制度やプレミアム報酬などの独自の報酬制度があります。
 
総合
商品種類
初心者向け

もしもアフィリエイトの詳細ページはこちら

 
3位 バリューコマース

バリューコマースはYahooショッピングでの報酬の取りまとめに力をいれていたり、スマートフォン向けのオーバーレイ広告が掲載できます。

また、メルカリなどのバリューコマースにしかない広告案件があり、ンのASPがすでにあったとしても広告案件の隙間を埋めたり、登録しておいて損はありません。
 
総合
商品種類
初心者向け

バリューコマースの詳細ページはこちら

スポンサーリンク