アフィリエイト戦略ガイドAll rights reserved.

賢威7の記事レイアウトを分割して多段カラムにする方法

賢威テンプレートなら、多段カラムを簡単につくることができます。リストなどを表示させるには、カラムがある方が分かりやすいです。


このブログのサイトマップはプラグインを使っていますが、記事の数が増えてくると読みたい記事を探すのに時間がかかります。


なので、パソコンの表示画面の場合は、横にもリストを作成すると良いのではないかと思います。このほうが、より分かりやすくなるはずです。


そこで、4カラム、3カラム、2カラムの作り方と使い方を紹介します。






4カラムを作る

ケント

まずは4カラムでテキストだけのプログラムから見ていこう!

4カラムでテキストを表示させる

テキストのみで4カラムにするとこちらのようになります。ここはわかりやすいように文字に色を付けています。(ただし、スマホの場合は縦にしか表示されません。)


テキスト1が入ります。
テキスト2が入ります。
テキスト3が入ります。
テキスト4が入ります。

下のコードをコピペで貼り付けて下さい。


4カラムの2/4をつなげる場合

4つに分割したカラムの半分だけを統合することが出来ます。


テキスト1とテキスト2を合わせた幅のテキストを入力することが出来ます。
テキスト3が入ります。
テキスト4が入ります。

4カラムの3/4をつなげる場合

テキスト1、テキスト2テキスト3を合わせた幅のコンテンツを入力できます。
テキスト4が入ります。


3カラムをつくる

ケント

次は3カラムだよ!

テキスト1を入力
テキスト2を入力
テキスト3が入力

3カラムの2/3をつなげる場合

ここにテキスト1とテキスト2が入ります。
テキスト3が入ります。


2カラムをつくる

テキストの1が入ります。
テキストの2が入ります。


カラムに見出しと記事のリンクを設置する場合

カラムに見出しを付けて記事のリンクを作成することも出来ます。




下のようにすれば、サイトマップとしても利用できるかと思います。




4カラムの2/4をつなげて見出しと記事のリンクを作成する



ケント

記事の中にカラムを入れるなら、表示画面の確認をしてね!
特にパソコンとスマホでは、表示が違うから注意が必要になるよ。