「エフィシエントWPサイト横幅を修正する」に徹夜したよの巻き

さてさて、昨日の晩からエフィシエントアフィリエイトのサイトをいじくっていて
七転八倒したのでここに書き留めておきたい。
⇒　エフィシェントアフィリエイトのサイトはここ

このエフィシェントアフィリエイトのWPテンプレートはご存じのとおり非常に優れもので
数日前からサクサク作っていたのでありますが、
あるとき、ふと、今まで作業していたノートパソコンのモニターではなく
デスクトップパソコンのモニターで自分のサイトを見て愕然としたのである。

そう、サイトの横幅が大きすぎて、モニターからはみだしていたのだ。
で、上記画像のように　スライドバーまでにょっきり出ていたのである。

「み、見にくい。。。」

あわてて、あちこちの　エフィシェントテンプレートサイトを見てみると、
うーーーん、みなさん気付いてないのか、それとも、そういうことより
もう稼げちゃってるから、気にしないのか、どのエフィシェントサイトも
モニターからあふれだしまくりなのだ。

「これは、イカン。。。」

で、検索、検索、「エフィシェント　アフィリエイト　横幅」などなど。。。

するとふたつのサイトで　エフィシェントサイト　横幅修正関連の記事をみつけた。

⇒　サイト横幅の変更方法・詠美さんのサイト

⇒　テーブルタグの端が切れてしまうときの対処法・キョウコさんのサイト

「うーーーむ。」しばし考えたが（詠美さんからテンプレートをもらおうかとも考えた。）

「自分でやろ。」。。。。ということになった。。。のが午後１１時。

さっそく、先の　⇒　エフィシェントアフィリエイトのサイトへ
出向き、頭悪いんで、重要個所をプリントアウトして、それぞれ、計算しつつ、
サイトの横幅の修正を行う。

⇒　詠美さんのサイトでは

ヤフーの採用している９５０PIXに合わせたようだが、それだとどーも、サイトが狭苦しくなってしまう。
んで、いろいろ試行錯誤して１０００PIXという値にたどり着いた。

整理すると

最大横幅（最外幅) ・・・１０００PIX
メインカラム・サイドカラムの囲い枠・・・７７０PIX

メインカラム・１カラム・・・７４０PIX（そのまま）
メインカラム・２カラム・・・７４０PIX
メインカラム・３カラム・・・５４０PIX

サイドカラム２カラム・・・２００PIX
サイドカラム３カラム・・・２００PIX

ま、きっと、最大幅１０００PIXだと、また、別のモニターでみるとあふれちゃうかも
しれんのだが、とりあえず、わしんとこのパソコンモニターでは
これでいっぱいいっぱいでギリギリサイトが画面におさまるのだ。
（もちろんアンダースライドバーは出ない。）

うーーーむ、なんとか、うまくいったか～ーーーー？？　と思ったのも束の間

新たなる障害にぶつかってしまった。
ななな、なぜか、３カラム時右横サイドバーのたて線が消えてしまっているのだ。
また、２カラム時も左サイドバーの右横たて線が消えてしまっている。
そして、おまけに商品リンクの矢印も半分消えかかっておるし、
件名の載る横棒も角々が丸っこくならず鋭利にスパットなってしまっているのであった。

以下　画像

これはなぜなのか？？（と　考え出したのが　午前３時）

悶絶、抱腹、頭抱える、走る、わめく、、、、しかし、一向に解決しない。

どのPIXをいじってもどーーしても解決しないのだ。

夜は白々と明け、廃人顔になりつつ、「もう、これしかない。。。」と

⇒　つかささん（エフィシェント作者）に教えてもらうことに
しました。

そうやって、朝日を浴びながら、茫然としていると、閃いた
この閃きは　窓際に舞い降りたすずめちゃんが持ってきてくれたのだろうか？

「単に、なんかの画像が邪魔してるだけではないか・・・・」

で、過去記事の中に、ばーーーんと無造作に貼りつけた　某画像を見つけたのである。
そいつをスポーーーーンと記事ごと削除する。。。

オッケー♪　

まるで　四月から「いいとも」レギュラーになったローラちゃんのように私は歓喜した。

・・・・解決。したのである。。。

再度、問題個所の画像
↓↓↓

実際に、このサイトをウロウロするとわかりますが
線も元に戻ったし、矢印も　全部　見えとります。
（ただ、件名の載る横棒はカドカドしいまま、ま、これは　良しとしよう。）

はあ、はあ、、、、

さっそく、「ほぼ解決」の内容をしたため、つかささんに送信。

そして、わたしは、その場で失神した。。。

。
。
。
ともあれ、

⇒　エフィシェントアフィリエイトのテンプレートは
最強です。

P.S.

「件名の載る横棒も角々が丸っこくならず鋭利にスパットなってしまっている件」も
h2-600×44.png　を　幅５４０PIXに改造し、ファイル名はそのままにして
wp-content/themes/blog/images/backgrounds/lightblue/post/h2-600×50.png
に上書き。

無事　解決。（カドカドもまるまるもりもりになった。）

⇒　カドカドがまーるくなった　横棒

以上　　これにてすべて解決　！