カテゴリー:HTML・CSSの記事一覧

ワーキングマザーのアフィリエイト記録

40代、パート主婦、3人育児中。忙しいけどアフィリエイトをはじめてみました。その備忘録と記録

tableテンプレート: カエテンWP用

テンプレート用の表を作成

行1列1 行1列2 行1列3 行1列4
行2列1 行2列2 行2列3 行2列4
行3列1 行3列2 行3列3 行3列4
行4列1 行4列2 行4列3 行4列4

 

引き篭もりアフィリエイターかんなさんの
2つの商品を比較するとき(見やすい表の作り方)を参考にさせていただきました。

 

ありがとうございます。(ここでお礼を言っていいかしら)

 

テンプレート用に置いておきます。
自分用ですが、良かったらどうぞ。
カエテンWP 用 です。

 

↓こちらも置いておきます。

コピペでどうぞ。

 

<table class=”table-01″ style=”margin: 0px; width: auto;”>
<tbody>
<tr style=”height: 25px;”>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #fce8e8;”>行1列1</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #e3e3e3;”>行1列2</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #cdf0fa;”><strong>行1列3</strong></td>
<td style=”width: 150px; height: 25px; text-align: center; color: #ff0000;”><strong>行1列4</strong></td>
</tr>
<tr style=”height: 25px;”>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #fff2f2;”>行2列1</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #e3e3e3;”>行2列2</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #e8faff;”><strong>行2列3</strong></td>
<td style=”width: 150px; height: 25px; text-align: center; color: #ff0000;”><strong> 行2列4 </strong></td>
</tr>
<tr style=”height: 25px;”>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #fff2f2;”>行3列1</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #e3e3e3;”>行3列2</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #e8faff;”><strong>行3列3</strong></td>
<td style=”width: 150px; height: 25px; text-align: center; color: #ff0000;”><strong>行3列4</strong></td>
</tr>
<tr style=”height: 25px;”>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #fff2f2;”>行4列1</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #e3e3e3;”>行4列2</td>
<td style=”width: 150px; height: 25px; text-align: center; background-color: #e8faff;”><strong>行4列3</strong></td>
<td style=”width: 150px; height: 25px; text-align: center; color: #ff0000;”><strong>行4列4</strong></td>
</tr>
</tbody>
</table>

 

プラグインを使わずに 目次を書いてみた。

今まで、記事は 段落ごとに書いてました。
でも ちょっと長い記事になると、自分で読み返したときに
わかりづらいなって思ったりすることも。

で、
【目次】というものを 入れれば 読みやすくなるはず!
と思い立ち、
【目次】の入れ方を調べました。

 

 

・・・・・

 

 

・・・・・。

 

プラグインで目次を入れる方法があるんだって。
でも なんだかプラグインって あまり入れたくないなあ。

 

私の場合【目次】使う頻度は低いと思うので
WordPressでプラグインを使わないで
目次を入れる方法を試してみまます。

 

・・・・・。

 

 

・・・・・。

 

 

・・・・・。

 
結構大変でしたヨ、ふ~っ。
初心者がよく頑張ったよ。
なんだかうまくいったみたい。
これ↓

 

見出し1

見出し1について つらつらと ここに書く。

 

見出し2

見出し2について つらつらと ここに書く。

 

 

 

やった~。

(あ、これカエテンWP限定バージョンだよね、きっと。)

 

 

そこじゃない、記事を書くのに力を注げって感じでしょうか → コンテンツの充実。
でも 目次って ユーザビリティ 的には いいですよね。

 

※コンテンツとかユーザビリティていう 言葉を使いたいだけ みたい(^^ゞ
アフィ系のブログ見てたら登場する言葉ですよね。

 

正直、最近 知ったばっかりです。
意味もわかってる。。。つもり。

 

また一歩 進んだかな。

こんな感じで少しづつ成長してます。(遅っw)