読書とプログラミングを中心とした覚書ブログ

読書とプログラミングについて、日々経験したことを忘れないようにするため、極力ブログに記録を残すように頑張る。

記事の幅を広げるカスタマイズ(V5用)

公開日 2014/09/29 更新日 2014/11/16

CSS STINGER v5 カスタマイズ

以前STINGER v3にて、こちらの記事(記事の幅を広げるカスタマイズ)で記事の幅を広げました。
今回は、同様にSTINGER v5に対して記事の幅を広げる変更をまとめます。

変更方法

と言っても、v3に比べてシンプルになりました。
変更箇所はスタイルファイル(style.css)の次の1箇所のみです。

/*レイアウト スマートフォン
----------------------------------------------------*/
#wrapper {
    //max-width: 980px;                                    //変更
    max-width: 1050px;                                     //変更
    padding: 0 10px;
    margin: 0 auto;
}

1

2

3

4

5

6

7

8

/*レイアウトスマートフォン

----------------------------------------------------*/

#wrapper {

//max-width: 980px; //変更

max-width: 1050px; //変更

padding: 0 10px;

margin: 0 auto;

}

Message コメントをキャンセル

関連記事

: 記事の幅を広げるカスタマイズ(V3用)

STINGERをインストールした状態だと、記事の幅が550pxになっています。 …

: スクロールしても記事タイトルをずっと画面に固定表示するカスタマイズ(V3用)

WordPressのSTINGERテンプレートに対して、記事タイト …

: CSSファイル数を減らしてページ表示時間を最適化

STINGERテンプレートの場合、ダウンロード対象のCSSファイルは2つあります …

: スクロールしても記事タイトルをずっと画面に固定表示するカスタマイズ(V5用)

はじめに STINGER V3からV5にバージョンアップしたのが2014/9/ …

: 記事一覧に表示する各記事の抜粋を綺麗に整形表示する

STINGERのホーム画面や月まとめ等のアーカイブ系のページに表示される記事一覧 …

: パンくずリストをもっとカッコよくする

STINGERテンプレートは、WordPressサイトのテーマとし …

: 記事に設定したカテゴリが複数ある場合「パンくず」を全件表示させる

WordPressのSTINGERテンプレートでは、パンくずリスト(ブレッドクラ …

: パンくずリストの最後の”>”を削除するカスタマイズ

STINGERテンプレートだと、パンくずリスト(ブレッドクラム / トピックパス …

: 広告フロートの動きがおかしい問題の回避方法

WordPressテーマSTINGERのサイドバーにある「スクロール広告用」は …

: 記事一覧に表示する各記事の概要を「続きを読む」タグまでにする

Information この記事はSTINGER v3用のカスタマイズ方法です。 …

PREV: WordPressテーマをSTINGER5にバージョンアップ
NEXT: 記事に設定したカテゴリが複数ある場合「パンくず」を全件表示させる

記事の幅を広げるカスタマイズ(V5用)