SINKA(シンカ)テンプレートのサイドバー幅を変えてみた。サイト幅も1100pxに!

この記事は2分で読めます

参代目です。

僕はテンプレートは賢威大好きなんですが、
このブログでは現在SINKAテンプレートを使っています。

賢威はカスタマイズ前提な感があって色々大変なので・・・w

賢威もカスタマイズするとこうなります。

http://info-analyze.com/

 

賢威はデフォルトで使いたくないんですが、

その点SINKAテンプレートは結構デザイン的にもスッキリしていて好きです。

 

サイドバーのウィジェットもデフォルトで追従とかできるしね。

 

でも、3カラム表示にした際にサイドバーの幅が狭くなる。

というのが気になるところ。

あとサイト幅自体ももうちょっと広くしたい。

 

なので、CSS弄って広げてみました。

 

BEFORE

1

 

AFTER

2

 

サイドバーのバナーとかが見やすくなりました!

 

広げたい方は参考にしてくださいませ。

バックアップは取っておいてくださいね。

実行は自己責任でお願い致しますm(__)m

 

僕はサイト幅1100でサイドバー250にしているので、

全く同じようにしたい人はそのまま真似ていただけるといいと思いますが、

この数値が変わる場合は色々調整が必要です。

 

SINKAのコンテンツ部分のサイト幅を変更する

 

設定はすべて テーマの編集⇢style.css でやっていきます。

 

1

まずコンテンツ部分のサイト幅を変更するために、

上のように width:1100px にします。

 

CTRL+Fキーを押して検索モードにして、

#contents

と検索するとたどり着けます。

 

 

SINKAのサイドバーの幅を変える

お次はこちら

1

 

「.three_column #side_col」

「.three_column #side_col 2」 の部分を250にしました。

 

微調整していく

 

これだけだとデザインが壊れるので、調整します。

幅を1100とか250とか以外にする場合はここの数値で調整してください。

 

1

3カラム時のメインコンテンツのマージン調整です。

僕は margin:0px -261px 0 278px; という数値にしました。

 

コピペ用「.layout3 #main_content」

 

 

SINKAのヘッダー幅を変える

ヘッダーロゴが表示される部分ですね。

ここは1100にするとなんかバランスが気に食わなかったので、

1050にしてみました。

1

今まで同様に 「#header」 で検索してください。

 

上のグローバルメニューの部分はそのままです。

 

とりあえずサイドバーの幅を250にしたかっただけなので、

ちゃちゃっと設定しました。

 

素人なのでやり方間違っているかもしれませんが、

SINKAテンプレートを使っている方でサイト幅を広げたい場合は参考にしてください^^

 

 

  • このエントリーをはてなブックマークに追加
  • LINEで送る

購読無料:目指すはアフィリエイトで稼ぐこと。

メルマガ登録バナー
  • どうしようもないノウハウコレクターでも開始3ヶ月で30万を稼ぎ出せる方法とは!?
  • トレンド、アダルトアフィリエイトで稼ぐ実践講座を完全開放!
  • 初心者でもしっかりと取り組むことで初月から高額報酬を獲得することが可能!
  • 読者限定で無料PDFノウハウのプレゼント有り!


    1. この記事へのコメントはありません。

    1. この記事へのトラックバックはありません。

    このサイトについて

    03

    自分の人生、自分らしく楽しんで生きるをモットーに、
    自分だけの自由な時間を得るための手段としてアフィリエイトをやっています。

    メルマガ登録でプレゼント差し上げてます。
    ⇒メルマガ詳細はこちら

    <参代目ってどんな人?>
    ⇒プロフィール
    • このエントリーをはてなブックマークに追加
    • LINEで送る