WordPress

Stinger8のサイドバーを無くす方法

投稿日:2017年3月14日 更新日:

Pet 関連サイトのリスティングサイトなんですが、大きく地図を使うレイアウトにするため、サイドバーをなくしてメインを1コラムにすることにしました。単にsidebar.phpを開いて内容を消去する方法もありますが、ここでは敢えて各ページや一覧ページから削除していきます。

サイドバーが表示されないように下記のphpファイルから<?php get_sidebar(); ?>を削除します。*全てStinger 8 の子テーマを作成して、変更しましょう。

  1. [404 テンプレート] 404.php
  2. [アーカイブ(一覧)] archive.php
  3. [投稿ページ] home.pho
  4. [メインインデックスのテンプレート ] index.php
  5. [個別投稿ページ ] page.php
  6. [個別投稿] single.php
  7. [検索ページ] search.php

Style.cssの最後の方にPCのレイアウト(右サイドバー)を見つけて、.st-mainの「margin-right」を0にします。下記の赤マーカーの通り。*cssの場合は「/* */」で挟むとスタイルには影響しませんので、メモを残しておくと、どこをどう変更したか目安になって便利です。不必要なコードを削除する代わりに、「/* */」を前後に付けることも出来ます。

/*——————————–
PCのレイアウト(右サイドバー)
———————————*/
#contentInner {
float: left;
width: 100%;
margin-right: -300px;
}
.st-main {
margin-right: 0px; /*2コラムは320px*/
margin-left: 0px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 30px 50px 30px;
}
#side .st-aside {
float: right;
width: 300px;
padding: 0px;
}
/*– ここまで –*/

スポンサーリンク

-WordPress

関連記事

blog

投稿ページごとに違うサイドバーを表示

投稿ページごとや固定ページごとに違うサイドバーを表示 カテゴリーが沢山あって、一括でメニューを作成したら複雑になったので、カテゴリーAを選択したら、A関連だけのナビゲーションメニューをサイドバーに、カ …

blog

サーバーのセキュリティーをパーミッションで強化

WordPressのセキュリティーについてはこちらで書きましたが、サーバーのセキュリティーも重要です。初期設定ではクラッカー&ハッカーに狙われますので、コントロールパネルでパーミションを変更しましょう …

blog

コメント欄をごっそり消す方法

WordPress管理者ログインするとメニューに「プラグイン」がありますね。クリックします。 右上の検索でキーワードを選択して「disable comment」と入力。コメント欄をカスタマイズできるプ …

blog

All in One SEOでディスクリプションとMetaタグを追加

ブログ運営に当って、SEO対策は重量です。Google等の検索エンジンにかからなければ、ブログを公開しても誰も見てくれません。そこで、All in One SEO Packプラグインを使って、「ディス …

blog

WordPressのテーマで選択でトラブル

WordPressで作り替えたい古いサイトがあったので、Stinger8以外でやってみることにしました。 基本は現サイトからあまりイメージを変えずに、レシポンシブサイト(スマホ対応)にすることでした。 …

Author Profile
こつこつインフォの筆者こつ子です。
いつも兀々やってます。
出版関係のグラフィックデザイナー。
趣味はWebsiteを作ること、ヨガ、犬と山歩き、フルーツ酒作り。
読んでくれてありがとう〜!
**ご意見はこちらへ**