[メモ]テーマの横幅を子テーマ作成して変えました

いや〜、ジタバタしてたら10日ぶりのアップです(^^;

先日、YouTubeを貼付けれるようにしてから気になっていたのが横幅なんですよね。

16:9で配信をしているんですが、そのサイズで張り込むと、はみ出してしまってますorz

で、すこ〜し、横幅を広げました(^^)v

スタイルシートをいじるとできる(はず?)ので、ソコに書いてある基本構造のパラメータを変更します。

もちろん、そのまま編集しちゃうと、バージョンアップで消えちゃうので、子テーマを作成しました。

■子テーマの作成方法

1.編集するファイルを格納する子テーマ用のディレクトリを作成する
  例:themes/stinger3ver20131217_child

2.スタイルシートを作成し、下記のように設定します。

/*
Theme Name: stinger3ver20131217_child
Template: stinger3ver20131217
*/

@import url(‘../stinger3ver20131217/style.css’);

・Theme Name:子テーマのディレクトリ名称と同じにします。
・Template:親テーマのディレクトリ名と同じにします。
・import_url:親テーマのスタイルシートを全部コピーします。でないと真っ白になります(^^;

3.テーマを切り替えます.

■横幅を変更します。

「外観>テーマ編集」で子テーマを選択し、style.cssを呼び出します。

今回は、下記のように変更しました。

@import url(‘../stinger3ver20131217/style.css’);
#header-in, #wrap-in, #navi-in, #footer-in, #gazou-in {
/* width: 986px; */
width: 1026px;
margin-right: auto;
margin-left: auto;
}
#wrap #wrap-in #side {
float: right;
width: 336px;
}
#wrap #wrap-in #main {
float: left;
/* width: 550px; */
width: 640px;
/* padding-right: 39px; */
/* padding-left: 39px; */
padding-right: 19px;
padding-left: 19px;
padding-top: 20px;
border: 1px solid #ccc;
background-color: #FFF;
border-radius: 4px 4px 4px 4px;
padding-bottom: 20px;
}

■エピローグ

ヘッダー画像が寸足らずになりましたorz

The following two tabs change content below.
くまかけ
齢50を過ぎたオッチャンプログラマーです。 元々は、COBOLerでしたが、いつからかCをやるようになり、いまはiPhoneアプリの開発を中心として、活動をしています。 ワードプレスとの関わりはFacebookと連携しての情報ストック源として考え始めてから。 一緒に活動するメンバーから、ワードプレスの使い方等を訪ねられるようになり、支援をしていく中で、月額500円(ワンコイン)で利用できるレンタルサーバーの提供およびワードプレスの設定代行を行っています。 レンタルサーバーの初期費用には、既存テーマを利用した、ワードプレスの基本設定も含まれています。 「顔の見えるサポート」が必要なレンタルサーバーや、ワードプレスの設定代行が必要な時は、ぜひお声がけ下さい。 主な情報提供はFacebookですが、@kumakake でもたま〜に、つぶやいています(^^)
くまかけ

最新記事 by くまかけ (全て見る)

Loading Facebook Comments ...

この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL