こんにちわ。

元SEOコンサルタントであり、現在web集客のコンサル企業で働きながら副業でアフィリエイターをしている秋田 健です。

 

最新の賢威8の表(テーブル)を記事中に入れたいけどどうやるのかわからない!

そんなあなたの為にこちらの記事では賢威8で表(テーブル)をいれるカスタマイズ方法をご紹介していきます。

どちらも簡単なので初心者の方でもご安心ください。

 

※あきけん(@akitaken0530

 

◆表(テーブル)を入れる方法1

表(テーブル)を入れる方法1

 

それでは早速賢威8に表(テーブル)を入れる方法をご紹介します。

投稿画面の+マークの「ブロックを追加」をクリックしてください。

投稿画面の+マークの「ブロックを追加」をクリックしてください。

投稿画面の+マークの「ブロックを追加」をクリックしてください。

 

次に項目の中からフォーマットを選択すると「表」と左上に記載がありますのでクリックして選択してください。

次に項目の中からフォーマットを選択すると「表」と左上に記載がありますのでクリックして選択してください。

 

すると表の詳細を入力する画面が表示されますので列数と行数の数字を入力してください。

その他上部に2箇所選択欄があります。

左側の矢印マークをクリックしていただくと表のデザインを変更することができます。

左側の矢印マークをクリックしていただくと表のデザインを変更することができます。

 

デフォルトとストライプの2種類があり、ストライプにすることで表の行のデザインが変更され見やすくなります。

矢印マークの隣の項目をクリックしていただくと表の文字の配置を変更することができます。

矢印マークの隣の項目をクリックしていただくと表の文字の配置を変更することができます。

左寄せ・中央揃え・右寄せの3パターンから選択可能ですのでお好みに合わせて選択してください。

 

入力した列数と行数の表(テーブル)が表示されますのであとは各項目に必要な情報を入力するだけで表(テーブル)は完成します。

これが賢威8に標準で搭載されている表(テーブル)の作り方になります。

 

◆表(テーブル)を入れる方法2

表(テーブル)を入れる方法2

 

賢威8に標準で搭載されている表とは別の方法で表を作成する方法をご紹介します。

こちらで紹介するのは直接HTMLを入力して表を作成する方法になります。

どこに何が入るか理解することができればコピペで簡単に作成できるのでおすすめです!

まずはコピペ用の表のHTMLをご紹介していきます。

 

左見出しの表HTML<table>
<tbody>
<tr>
<th>見出し1</th>
<td>データテスト1</td>
</tr>
<tr>
<th>見出し2</th>
<td>データテスト2</td>
</tr>
</tbody>
</table>

 

上記をコピペしていただくと以下の表が完成します。

表(テーブル)1

 

 

 

上見出しの表のHTML
<table>
<thead>
<tr>
<th></th>
<th>上見出し1</th>
<th>上見出し2</th>
</tr>
</thead>
<tbody>
<tr>
<th>左見出し1</th>
<td>データ1</td>
<td>データ1</td>
</tr>
<tr>
<th>左見出し2</th>
<td>データ1−1</td>
<td>データ2−2</td>
</tr>
</tbody>
</table>
上記をコピペして頂くと以下の表が完成します。
テーブル(表)2

基本的な表のHTMLはこの2パターンになります。あとは応用することで自分好みの表をカスタマイズすることが可能です。

指定した行にだけ色を付けたい場合は、以下HTMLを<tr>のすぐ下に貼り付けてください。
<tr bgcolor=”pink”>
<tr bgcolor=”#ffc0cb”>

 

色を英語で入力するかHTMLカラーコードを入力していただくと行が指定した色に変更することが可能になります。

 

◆スクロールできる表(テーブル)を入れる方法

スクロールできる表(テーブル)を入れる方法

 

記事内に表(テーブル)を入れたはいいけど、文章が折り畳まれてかえって見づらいケースが特にスマホなどで多く見受けられることがあると思います。

そのため文章を折りたたむことなくスクロール可能な表を入れる方法も簡単にご紹介していきます。

追加CSSに以下のコードを入力してください。

 

/*————————————–
テーブルの文字列を折り畳まない
————————————–*/
.table-number1{
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

 

 

これで追加CSSの編集は終了になりますので投稿画面に進みましょう。

投稿画面では以下のHTMLが必要になります。

 

<div class=”table-number1″>
</div>

 

上記コードの中にテーブルのHTMLを入力(コピペ)してあげればスクロールする表を入れることができます。

スクロールする表を入れたい方は是非活用していください。

個人的には表(テーブル)を使う場合は、見やすく、わかりやすくするために使用しますのでできるだけ完結にが鉄則です!

スクロールについても本当に必要な情報じゃないとわざわざユーザーはスクロールしてくれませんからね。

 

賢威公式サイトはこちら

2万人を超えるユーザーが選んだSEOテンプレート【賢威】

 

☆アフィリエイトで稼ぐ「0Start」とは☆

 

まず「0Start」とは・・・

定して継続的に稼ぐ為の放置システムを最短最速で構築するためのアフィリエイト教材」になります。

 

<こんな不安を解決>

 

 

<如何にして放置で稼ぐか>

時間がない中で、最短最速で「稼ぐ仕組み=放置システム」を作り上げること。

 

※0Startで公開しています。

 

私は普段サラリーマンをしています。

つまり、日中はほぼ放置した状態で「月収100万円」を安定して継続的に稼いでいます。

 

<どんな方でも簡単実践可能!>

 

そんなことは一切関係ありません

 

ありがたいことに、数多くの方からご質問を頂く中で多かった質問が・・・

 

「どうやって月収100万を稼いだんですか?」

 

これに親身にご回答したいのは山々ですが、とんでもない文量になってしまいます。

そこで、「本当に知りたい」「本気で稼ぎたい」という方だけにお伝えしたいと考え、アフィリエイトのバイブル「0Start~放置システム最短サイト構築~」の販売に踏み切りました。

 

後悔はさせないほどの圧倒的なノウハウと特典の数々。

そして、手にして頂いたならば、実践し、極論真似してください

現時点で私が持ちうる全てのノウハウを「0Start」に注いでいます。

 

これからのアフィリエイトライフの一助に「0Start~放置システム最短サイト構築~」がなれば幸いです。

 

≪不労所得で月収100万円以上稼ぐ教科書「0 Start」≫

☑月収100万円以上を目指すための放置システムを構築

☑誰でも「稼ぐ仕組み」を徹底的に最短で作りあげられる

☑当サイト管理人の秋田健が長い歳月を掛け、本気で作成

☑24時間365日フル稼働で働くもう一人の自分を構築

☑放置で稼ぎ続ける「不変型」ノウハウを赤裸々に大公開

本気で稼ぎたい方だけ手に取ってみて下さい☆

【公式】0Start~放置システム最短サイト構築~

 

でわ!秋田 健でした!

 

≪使うべきNo1テーマついに決定!≫

☑デザイン性・自由カスタマイズ・簡単設定

☑会話・ボックス・ランキングで脅威のCTR

☑初心者~上級者まで圧倒的な利用者を誇る

☑秋田健が太鼓判を押す間違いないテーマ

☑2つの限定特典を付け初心者安心サポート

限定特典付き「AFFINGER5(WING)」購入はこちら

限定特典付きAFFINGER PACK3(WING対応)購入へ

 

 

≪無料メルマガ「アフィマガ」好評配信中≫

☑「月収100万円への道」をメルマガで無料配信!

☑SEO・ライティング・Googleアップデート情報!

☑アフィリで稼ぐ為の必要な情報を限定配信

☑サイト未完成の方・サイト完成後それぞれで配信!

☆「あなた」の状況に応じて選んでくださいね☆

メルマガ登録

無料メルマガ「アフィマガ」について

サイト未完成向けメルマガ登録ページ

サイト完成済み向けメルマガ登録ページ

 

<合わせて読まれている記事>