WordPressテーマ|TCD010 スマホ表示で外枠を外すカスタマイズ

TCD010 スマホの外枠を無くすカスタマイズ3

WordPressテーマ・TCD010は、ブログスタイルに特化したテンプレートです。小回りが利くことと・やや大型サイトにも向いている為非常に人気のあるテーマです。

このエントリでは、意外と質問が多い「TCD010 スマホ画面の外枠を外すカスタマイズ」について解説します。TCDテンプレートは「スマホの画面が狭いので広くしたい」という要望がある為情報をシェアします。※自己責任でお願いします。
TCD010 (BlogPress)まとめ記事
TCD・賢威6.1テンプレート人気ランキング

スポンサードリンク

TCD010 スマホ画面の外枠を無くすカスタマイズ

TCD010 スマホの外枠を無くすカスタマイズ  TCD010 スマホの外枠を無くすカスタマイズ2

左の画像がデフォルトの状態で・右側の画像が外枠を外した状態です。
※右側と同じようにするセッティング方法。※広告が広がるのでアドセンスは有利かも

WP管理画面>外観>テーマ編集>style_sp.css(右サイドの一番下)

変更前

/* layout */
#content_wrap { }
.side_col { padding:0 10px; }
#main_col_wrap { }
#main_col { }
#content { background:#fff; margin:0 10px 30px; border:1px solid #ccc; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; box-shadow:0px 0px 3px 0px #aaa; }

変更後

/* layout */
#content_wrap { }
.side_col { padding:0 10px; }
#main_col_wrap { }
#main_col { }
#content { -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; box-shadow:0px 0px 3px 0px #aaa; }

#contentの(background:#fff; margin:0 10px 30px; border:1px solid #ccc;)
カッコの部分を削るとスマートフォンの画面を全体に使えるようになります。
※#content内をいじれば調整できます

コンテンツのご案内

ほぼ、吉田が使っているWordPressテーマをランキングにしました
TCD・賢威6.1テンプレート人気ランキング
資産ブログ構築する為の日刊無料メールマガジン
40STYLEメールマガジン
ブログワールド(このブログ)は、TCD013テンプレートで運営しています
TCD013 (Gorgeous)特徴と他TCDテーマ比較・使った感想


スポンサードリンク

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

関連記事

コメント

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

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

ページ上部へ戻る