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

テーマStingerで外観を変更する

アフィリエイターに人気のあるテーマを「Stinger8」に再変更する方法です。 Stinger8はコチラのリンクページからダウンロードします。http://wp-fun.com/dl/ stinger …

blog

サーバーの移行/引越しは簡単!?

運営しているサイトの5つを移行する作業を始めました。 現サーバーは残り2週間なので、それまでに新サーバーに無事に引越し出来る計算です。 まずはデータベースのない2つは簡単に終了しました。問題は残り3つ …

blog

ブログを始める

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

blog

Stinger8 トップページだけ1カラムにする

Stinger8でトップページだけをデザイン上、サイドバーが非表示の1カラムにする場合の方法です。サイト全体のサイドバー非表示の方法はこちらです。 新規テンプレートを作成してトップページ及び特定の固定 …

blog

WordPressの管理画面にログインできない

WordPressの管理画面にログインできない! 困りました。突然、ログインできなくなりました。 ログインしようとすると、ブラウザで”This Page isn’t worki …

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