今度は、BizVektorをお借りしてサイト作りの勉強を始めました。レスポンシブタイプのテンプレートの場合、サイドバーに多少横幅の大きい画像を放り込んでも、横幅内に縮小して表示されるので、そういうものだと思い込んでいたのですが、広告の場合はその限りにあらずなんですね。BizVektorのサイドバーに300px横幅の本番広告を入れてみたら、横幅220pxに対して300pxですから見事にチョン切られた広告が表示されました。長い目で見れば幅広のサイドバーにカスタマイズしておきたいですよね。ニーズ通りの記事を書いて下さった先輩がいらっしゃいました。記事タイトル:「BizVektorのサイト横幅を変更&サイドバーを300pxにする方法」サイト:http://singoro.net/cms/wordpress/bizvektor-width/Author様、ありがとうございました。おかげさまで希望通りのサイドバーに仕上がりました。ここまでできたらさらに欲が出てきました。一か所横幅を広げたくなったのです。<サイドバーBefore><サイドバーAfter>スポンサーリンクサイト・サイドバーの横幅拡張成功です!実は、サイト構成のサイズを変えるということは、基本寸法を変えることですから、身長が変われば上着もズボンも靴も変えなければならないように、あちこち細々とした調整が必要になるとばっかり思っていたのです。基本設計がしっかりしていればポイントを押さえるだけの少ない手数で変更できるようなので、とても勉強になりました(もっとも、解析作業は大変だったのでしょうけど)。上記記事との相違点などカスタマイズの作業要領は上記記事に従い、全く同じように実施しました。デザインスキンの違いなどはありましたが、結果カスタマイズ効果は同じように得られました。参考までに適用条件の比較を記載しておきます(カッコ内は上記記事)。いうページを見つけてしまいました。「ご連絡」や「サイトマップ」のページがそれです。sidebar」に相当するページですね。カスタマイズ前は、全画面(1カラム)表示でしたが、カスタマイズ後は、サイドバー領域が空白になった画面になりました。好ましいページは1カラムにするという考えに一票です。決まれば、原因と対策の検討になりますが、はたして自分で分かるかが問題となります。だめならあきらめましょう。ブラウザchromeの便利ツール「ディベロッパーツール」で、縮んだ領域のあたりをつつき回したら分かりましたよ。今回のカスタマイズにより「#content」幅は640pxにしなさい、と明確に規定されたことによるものですね(注:香風は650px)。sidebar」では「#content」の値を読み込まないことにしましょう。「#content」の名前を「#content1」にでも変え、「#content1」には前に「#content」が読み込んでいたであろう950pxぐらいのサイズを入れておいてやればいいですよね。この対応をサイトマップのテンプレートを使って試験してみました。<テンプレート><スタイルシート>左が、サイトマップ用のテンプレート「page-sitemap-page.php」の中身。変えて、上書き保存すれば完了。650px(香風の場合)を「950px」に変えて、これも上書き保存して作業終了。383行目をコメントアウトしているのは、上記記事とはデザインスキンの相違によりメニュー方式が異なるためであり、香風の場合は削除しても構わない行となっています。これでサイトマップは、前出写真(「さらにカスタマイズ」)1カラム全画面で表示されるようになりました。修正が必要になります。QAアイコンが消えてる!!「ご連絡」ページで違和感を感じます。何か変だなあと思ったら、せっかくテンプレート開発者様が用意してくれていた(BizVektor専用の)「Q・A」アイコンが消えていますね。「content」の横幅との関連性はないと思っていたので、しばし?状態になりました。したがって、ここも「content1」用に定義し直す必要があったんですね。カスタマイズ作業をしていて、ファイルの構成・階層・フォルダ名等はデフォルトのままですが、その場合は上記でQAアイコンが復活しています。media文)の小画面領域側に置いています。