ワードプレス賢威のカラムを変更してレイアウト変える方法


賢威のサイトでカラムを変更してレイアウトを変える方法について書いていきます。

カラムとは?

まずは、カラムについて解説します。

カラム(Column)とは、柱とか円柱を意味する英単語で、ウェブサイトの世界ではサイドバーやメインコンテンツがどのくらい並んでいるかを数える時に使います。

例えば、1カラムサイト。1カラムサイトはサイドバーが一切なく、ヘッダーやフッターの他に、記事の本文、つまりメインコンテンツだけが表示されるサイトのことです。

以前は、ランディングページ(商品成約ページ)や、読者に集中して読んでもらいたいページなどに1カラムが多用され、ブログの運営で1カラムを使うのは少数派とされていました。

ただ、最近はスマホの表示が1カラムの為、1カラムをメインでブログ運営をする人が増えています。

このサイト(ネトレピ)も、1カラムと2カラムの2種類を併用しています。

2カラムはヘッダーやフッターの他に、サイドバーとメインコンテンツが並列して並んでいるレイアウトになります。

またはメインコンテンツが2つ並んでいるサイトなども2カラムのサイトです。

この並列して並んでいる数が3つだと3カラム、4つだと4カラムということになります。3つ以上のカラムのサイトだと、ポータルやニュース系のサイト、あるいは写真などを公開するギャラリー的なサイトでよく見られます。

ただ、3カラムや4カラムは、メインコンテンツ(記事本文)とは関係のないコンテンツが沢山並ぶ為、「読者がメインコンテンツ(記事本文)に集中できない。」などのデメリットがあります。

また、スマホでは3カラムや4カラムは表示されない為、スマホからのアクセスが多い近年では、活用の機会が減ってきています。

こういった時代背景もあって、賢威テンプレートも賢威7のバージョンから、3カラムを廃止しています。

特に何かしらの意図が無ければ、1カラム、もしくは2カラムでのブログ運営を推奨します。

賢威7のサイトカラムを変更する

では、賢威7のサイトカラムの変更方法から解説します。

まず最初に、サイトの基本レイアウトを変更します。

サイトの基本レイアウトを変更するには、

ワードプレスのダッシュボード→賢威の設定

の順にクリックして頂くと、以下の画面が開かれます。

賢威7 サイトの基本レイアウト

上記画面が開かれたら、下のほうにある『サイトの基本レイアウト』から、好みのレイアウトを選択することができます。

左から、『1カラム』『2カラム』『2カラムリバース』と並んでいますので、好みのレイアウトを一つ選びます。

好みのレイアウトを選択しましたら、そのまま下のほうまで画面をスクロールし、『変更を保存』をクリックします。

これでサイトの基本レイアウトの設定は完了です。

賢威7でトップページや一覧ページごとにサイトレイアウトを変更する方法

上記のサイトの基本レイアウトを設定することで、基本は『サイトの基本レイアウト』で設定したカラムが適用されます。

ただ、ブログを運営している時、

「トップページだけ2カラムにしたい。」

「カテゴリページやタグページなどの一覧ページのカラムだけを変更したい」

などのように、個別で『サイトの基本レイアウト』以外のカラムにしたい時があります。

この場合の設定方法について解説します。

まず、トップページのカラムだけを変更する場合、

ワードプレスのダッシュボード→賢威の設定→トップページ

の順にクリックし、以下の画面を開きます。

賢威7 トップページ カラム変更

あとは、『サイトの基本レイアウト』を設定した時と同様に、好みのカラムを選択し、下のほうまでスクロールして『変更を保存』のボタンをクリックすることで、設定が反映されます。

次に、カテゴリページやタグページなどの一覧ページのカラムを変更する場合、

ワードプレスのダッシュボード→賢威の設定→一覧ページ

の順にクリックし、以下のページを開きます。

賢威7 一覧ページ カラム変更

あとは、『サイトの基本レイアウト』を設定した時と同様の手順で、任意のページで好みのカラムを選択し、『変更を保存』をクリックすることで、設定が反映されます。

賢威7・賢威6.2で特定の『投稿ページ』や『固定ページ』のカラムを変更する方法

ブログ運営をしていて、

「この記事(投稿ページ)だけ○カラムにしたい」

「この固定ページだけ○カラムにしたい」

などのように、特定の『投稿ページ』や『固定ページ』だけカラム数を変更したい時があります。

記事や固定ページの投稿画面から設定を行うことで、そのページのみのカラムを適用することが可能です。

設定方法は、記事や固定ページの投稿画面の右側に表示される『レイアウト』の項目(以下の画像)から個別に変更できます。

<賢威6.2>賢威6.2 レイアウト 個別

<賢威7>賢威7 レイアウト 記事投稿画面

このように、記事や固定ページの投稿をする際、レイアウト(上記の画像)からカラムを選択することで、そのページのみ他のページとは違うカラムを設定することができます。

賢威6.2のサイトでカラムを変更する

次は、賢威6.2のサイトでカラムを変更してみます。

まずは、ワードプレスのダッシュボード→賢威の設定→賢威の設定に進みます。

1

設定画面の真ん中辺りに赤枠で囲んだ「サイトの基本レイアウト」というところがあります。

ここを変更して、変更を保存をクリックすると、カラムを変更することができます。

2

「サイトの基本レイアウト」では上の赤枠の用に5つ選ぶことが出来ます。

順を追って解説していきます。

賢威のレイアウト例

1カラムのレイアウト

3

1カラムのサイトはこのようになります。

サイドバーが無く、メインコンテンツのみのレイアウトです。

サイドバーの部分はメインコンテンツの下に位置づけられるので、スマホで見た時のようなレイアウトです。

2カラムのレイアウト

4

こちらが賢威のスタンダードなレイアウトですね。初期設定ではメインコンテンツの右側にサイドバーがついているレイアウトになっています。

このサイドバーにカテゴリーなどのコンテンツを追加する時は、ウィジェットの設定画面で「サイドバー」と書かれた領域に、「利用できるウィジェット」の中から各コンテンツを追加することで設定できます。

尚、ウィジェットの設定画面で「サイドバー」の隣にある「サブコンテンツ」の領域に、「利用できるウィジェット」のコンテンツを入れると、2カラムのレイアウトではメインコンテンツの下に表示されます。

2カラムリバースのレイアウト

5

2カラムリバースは、2カラムとはサイドバーの位置が逆の左側に位置しています。

こちらもサイドバーの設定方法は、2カラムの時と同様です。

3カラムのレイアウト

6

3カラムは、サイドバーがメインコンテンツの両脇に現れるレイアウトです。

ただし、左側のサイドバーは、ウィジェット設定では「サブコンテンツ」の領域になりますので、コンテンツの追加の際は注意して下さい。

3カラムリバースのレイアウト

7

3カラムリバースはちょっと特殊です。

左側がメインコンテンツ、真ん中が「サブコンテンツ」、右側がサイドバーというレイアウトになっています。

3カラムのレイアウトのうち、「サブコンテンツ」と「メインコンテンツ」を入れ替えたレイアウトですね。

このようにして、賢威のカラムを変更し、レイアウトを変えることが出来ます。

次ページ

12次

    

感想・質問コーナー

  1. いっぽとっこ より:

    初めまして!いっぽとっこといいます。
    このサイトを見て、困ったことが解決しました!ありがとうございました\(^o^)/。
    ワールドプレス初心者で、サイドバーがolder postsをクリックして、古い記事のところに行かないと表示されなくて、困っていました。
    賢威さんがbackwpupの下に表示される賢威の設定というところで、カラムの設定を変えていらっしゃたのが参考になりました。
    私の表示は、backWPupの下は、degipressという表示になっていたのですが、もしかしてと思い、そこを探してみたら、表示を設定できるところに行き着くことができました。別のところでエラー表示も出ていますが、とりあえず解決!したので、すごく感謝です!
    http://ippotokko.com/

    • ヒデアキ より:

      いっぽとっこさん

      こんにちは、ヒデアキです

      いつも僕のブログを読んで頂きありがとうございます

今回の記事はお役にたてましたでしょうか?

もし、今回の記事を読んで感想や分からない事などありましたら、下のフォームより僕にお伝え下さい。

些細な事でも構いません。

おそらく、あなたが抱いた疑問は、これからこの記事を読む方も抱く疑問です。

そういった疑問を1つ1つ解決していきます。

コメントして頂ければ気づき次第、すぐに回答いたします。

このブログは、

・アフィリエイト開始初月から9万円のネット収入が得られた秘密

アフィリエイト開始2ヶ月目で以前勤めていた会社からの給料と
 同額
のネット収入を確保した方法

・5ヶ月目で月収120万円を達成した最先端テクニック

・これから流行り始めるブログマネタイズの新しい思考法

などを書いています。

只今、ブログの内容をより体系的にまとめたビジネス教科書を
無料でプレゼントしています。

以下のフォームに教科書を受け取るメールアドレスと、
あなたの苗字を記入してプレゼントをお受け取り下さい。





記事一覧


著者:ヒデアキ
現在は、毎月100万円の収入を得ているブログアフィリエイトの知識を活かして「新たな収入源を手に入れ大切な人を守りたい」と真剣に考えている方を全力でサポートしています。
更に詳しいプロフィールはこちら


このページの先頭へ