比較サイトを作るときに便利なプラグイン | 副業侍見参!

比較サイトを作るときに便利なプラグイン

   

比較表が簡単に作れる「tablepress」

どうも副業侍です。

今回は、比較サイトを作るのに必要不可欠と言ってもよい「比較表」を上手に作るのに便利なプラグインの使い方を紹介していきます。

専門用語では表作成は「テーブル作成」といって、テキストで直接打つこともできます。

テーブルという項目があればそれを使って表作成ができます。

通常はそのタグを使って入れていくのですが、比較項目が多くなるとめんどくさくないですか?

一応、タグ打ちをするとこんな感じになります。

<table>
<tbody>

<tr>
<td>①の左</td>
<td>①の真ん中</td>
<td>①の右</td>
</tr>

<tr>
<td>②の左</td>
<td>②の真ん中</td>
<td>②の右</td>
</tr>

</tbody>
</table>

これを表示させるとこうなります。

①の左 ①の真ん中 ①の右
②の左 ②の真ん中 ②の右

 

こんな感じで表が出来上がります。

HTMLの知識がある人はまぁそこそこに作れるとは思いますが、きれいに作ろうと思うと無理です。

副業侍は少しだけHTMLはわかるのですが、きれいに作るレベルにはいません。

何となくサイズ変えたり、色変えたりとかはできるのですがそれ以外はできません。

しかも、ワードプレスのテーマによってはテーブルタグを手打ちしないといけないのでとっても面倒です。

比較サイトを作ろうと思っている人は、そこで脱落してしまうのではないでしょうか。

比較サイトでなくとも使えると思いますので、ぜひ参考にしてみて下さい。

今回使うのは「tablepress」というプラグインです。

プラグイン検索で「table」と検索すると出てきます。

インストール後、有効化すると、管理画面左側のメニューに「TablePress」が追加されます。

これで簡単に比較表が作成できる!

と思いきや、少しだけ手を加えた方が見やすくなります。

そのままでも使えるのですが・・・インストールしたままの仕様でテーブルに打ち込みしていきます。

テーブルの項目にそれぞれ打ち込みをして実際に表示されるとこんな感じになります。

これでもそこそこ見やすいかもしれませんが、縦線があった方が良いですよね。

ついでに、文字列を中央ぞろいにしましょう。

テーブルプレスの全てのセルに枠線を付けるタグ

.tablepress thead th,
.tablepress tbody td,
.tablepress tfoot th {border: 1px solid black;}

テーブルプレスのセル内の文字を中央揃いにするタグ

.tablepress thead th {text-align: center;}

.tablepress td {text-align: center;}

これをプラグインのオプションに入力すると

比較項目エックスサーバーロリポップヘムテルカラフルBOX
月額費用¥1000¥600¥900¥1240
容量200GB120GB200GB100GB
MySQL50個30個70個無制限
転送量70GB/日100GB/日80GB/日2TB/月

このようになりました。

最初の比較表に比べると見やすくなりましたね。

比較項目が多くなってきたりすると、文字の大きさを変えたり、色を変えたり幅を変えたりといろいろなアレンジが可能になっています。

テーブル全体を変更するタグや、一つのテーブルのみの変更を有効にするタグなどカスタマイズ次第で見やすいい比較表が作れるようになります。

シンプルですが、使い勝手に関しては非常に幅があるのではないかと思います。

比較表を作ろうと思っていた方はぜひチャレンジしてみて下さい。

カスタマイズ方法などは随時アップしていきたいと思います。

 

 

↓↓↓応援「ポチッ」とお願いします。↓↓↓


ネットビジネスランキング
にほんブログ村 小遣いブログ 副業・副収入へ にほんブログ村

副業侍的おすすめワードプレステーマ

稼ぐサイトの設計図!アフィンガー史上最強!

通常のマーケティングと似て非なる一面性を持つアフィリエイトですが、続けてきて感じるのが大切なのはブログ以上に正しい「方法」ではなく「方向」だということです。
世の中にたくさんのアフィリエイトの「方法」があり、簡単に稼げそうだったり「なるほど」と思わせられるような記事もたくさんあります。でもおそらくこれから始める多くの方がその通りにやってもなかなか稼げないと思います。
その理由は「方法」だけを知っても何を目指せばいいのかがわからないからです。凄い剣を何本持っていても敵がどこにいるのかわからなければ戦えないのと同じです。


AFFINGER PACK

副業侍的必要なものランキング

レンタルサーバー【エックスサーバー】

エックスサーバーとワードプレスの相性は抜群です。99.99%以上の稼働率を誇る高い安定性を実現。ビジネスにも利用できる環境を整えています。月額1080円(税込)~容量200GB~のハイパフォーマンスな内容となっています。同じ価格帯で比較するならここが一番コスパがよいです。独自ドメインも同時に利用出来るので管理面でも一括管理が可能になります。しかもキャンペーン時にはドメインが1つプレゼントになることがありかなりお得になります。

独自ドメインでオリジナルサイトを作る上では必須。

同価格帯での使い勝手はトップクラスです。通常独自ドメインを取得してレンタルサーバーを借りることによってサーバー使用料と、ドメイン使用料がかかるようになりますが、ドメイン1個プレゼントキャンペーン時に契約するとサーバー使用料だけでドメイン使用料がサーバー契約期間中はずっと無料になります。副業侍は月に1000円程度で独自ドメインとサーバーを使ってオリジナルサイトを運営しています。将来のことを考えるなら、無料ドメインではなく、お金を払ってでも独自ドメインを使ったサイト運営をお勧めします。

アフィリエイトASP【A8.net】

アフィリエイトをするにはASPの登録が必要です。

【A8.netを利用するメリット】
 ◇ 有名ブランドから高額報酬がもらえる広告が掲載できる!
 ◇ PCはもちろん、スマホからも広告発行が可能!
 ◇ もちろん会員登録は無料!その後も費用は一切かかりません!

サイト登録に審査がない為、誰でもすぐに始められる

A8.netの一番の利点はサイトの審査がないということです。他のASPはサイトの審査がありますので審査が下りない場合はアフィリエイト活動ができません。A8.netは登録してしまえば、独自のファンブログの利用やセルフバックといった自分でサービスや商品を購入することで報酬を得ることができるような仕組みがすぐにでも始められます。セルフバックを利用すれば、5000円から10000円はすぐにでも報酬として得ることが可能です。

 

気合い!

間違いなく最後は「気合い」でしょう。副業に挑戦し続ける姿勢と、何かを必ずやり遂げるという気持ちがものを言います。楽してお金は稼げません!努力した分だけ後で楽になるんです。最初から安易な気持ちで副業に参加する人は収入0円であきらめて終わりです。そうならないためにしっかりと準備していい情報を活かして副業に取り組むようにしましょう。たかが副業、されど副業、収入が得られればそれはもう立派な本業にもなりえますよ。

 - アフィリエイト, ワードプレス, 使えるアイテム