誰もが秘めている「才能」を開花し大好きなことを実現しよう Let's Share and Creation!

サイドバーなしで全幅フル表示の固定ページを追加する【Liquid Press Magazine】

By: Rob Davies

Advertisement

 

このブログのテーマLiquid Press magazineには固定ページのテンプレートが1つしかありません。

テーマによってはサイドバーが付いてるものと付いてないものの2種類以上が用意されてるものもあります。

 

固定ページを自己紹介やポリシー作成などに使用する際、サイドバーは表示したくないという方もいると思いますので、簡単にサイドバーなしで全幅フル表示の固定ページテンプレートを作成してみましょう。

 

あらかじめWordpressに子テーマを導入していることを前提に進めます。

 

Advertisement

親テーマからpage.phpをダウンロード 名前を変えて子テーマにUP

 

まず親テーマからpage.phpをダウンロードします。

ファイルの名前を変えます。ここではわかりやすいようにpage-full.phpとします。

 

page-full.phpをエディタで開き、最初の行に以下のコードを追記します。

template nameの所は好きな名前で構いません。

保存したら子テーマのフォルダにアップロードします。

 

固定ページの新規追加を開きます。すると固定ページの属性の所にテンプレートという新しい項目が追加されています。

 

先ほど決めた名前が表示されていればそれを選びます。

 

しかし、このままでは固定ページの表示は何も変わらないのでさらにpage-full.phpに編集を加えていきます。

 

まず85行目あたりにある<?php get_sidebar(); ?>を削除します。これでサイドバーの表示がなくなります。

でもこれではサイドバーが消えただけで、メインの幅は変わっていませんので最後にメイン幅をフルに広げます。

 

次に11行目あたりにある<div class=”<?php liquid_col_options(‘mainarea’); ?> mainarea”>に注目します。

 

このWordpress theme Liquid Press magazineでは親テーマにあるfunction.phpでメインやサイドバーの幅などを決めています。

新しい固定ページテンプレートのためにわざわざ定義するのは面倒なのでこの場でメインの幅を定義します。

 

div classの””内の記述をすべて削除したら、col-md-12と書きます。以下のようになると思います。

あとは適当に文章を追加するなりして新しい固定ページを表示してみましょう。

 

 

これでサイドバーなし&全幅フル表示の固定ページテンプレートが完成しました。

固定ページはこんなにも簡単にテンプレートを増やすことができます。重要なのはサイドバーの表示部分を削除して、メインの幅はどこで表示を調整してるかを見つけるだけです。

 

Advertisement
by
WEB作成とプログラマーをやってます。 生まれも育ちも "THE 後者 アスペルガー" です!
心屋仁之助さんの前者後者論を基に誰もが自分を最大限に発揮できる世界を日々実践しています。
プロフィール詳細はこちらから
Follow