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

スマホ表示の幅を修正する

なんて、アホなんやー!? 記事の幅を変更しようと、CSSをいじくっていたら、スマホ表示で幅が画面からはみ出てることに気づきました。スクロールで右にやると記事は全部あるのですが… 一行ごとのスクロールで …

blog

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

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

blog

スマホのスライド式メニュー

使っているテーマのスマホのヘッドメニューは、ドロップダウンメニューなので本文が隠れるのですね。ちなみにStinger8です。 そこで、簡単にスマホのヘッドメニューをスライド式に変更しました。 実際のと …

WordPress更新エラー Briefly Unavailable…

WordPressのセキュリティやプラグインのアップデートを試みると、Briefly Unavailable For Scheduled Maintenance Error In WordPressが …

blog

ブログを始める

自分のブログ=サイトを始める 後々にアフィリエイトで収入を得たい人は特に自分が運営する独自のウェブサイトを作成たいですよね。 アメブロ等の無料ブログは便利ですが、アフィリエイトに関しての規正があります …

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