すいません、できてしまいました。
アドセンスマネージャーというプラグインでできました。
アドマネにアドセンスコードを覚えさせて、ショートコードを記事内にはるというやり方でした。
で、たいへん恐縮なのですが、もう一つ質問です。
raindropsはレスポンシブデザインですが、私のブログの場合、320ワイドぐらいのスマホだと、文章が横に飛び出してしまいます。
現在は、閲覧者に「スマホを横向きにしてご覧下さい」と初めに注意書きしています。
できれば「WP TOUCH」のようなプラグインは使わず、スマホで縦にして見ても綺麗に表示させたいのですが、どうでしょうか?
宜しくお願い致します。
こんにちは
アドセンスが、個別に設定しているスタイルによって、サイドバーが、強制的に広げられているためだと思います
例えば、
<ins class="adsbygoogle my_adslot" style="display: inline-block; width: 336px; height: 280px;" data-ad-client="ca-pub-*******" data-ad-slot="*******" data-adsbygoogle-status="done"><ins style="display:inline-table;border:none;height:280px;margin:0;padding:0;position:relative;visibility:visible;width:336px"><ins id="aswift_2_anchor" style="display:block;border:none;height:280px;margin:0;padding:0;position:relative;visibility:visible;width:336px"><iframe width="336" height="280" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){w.location.replace(h)}}" id="aswift_2" name="aswift_2" style="left:0;position:absolute;top:0;"></iframe></ins></ins></ins>
等のようにwidthなどの設定があるため、個別に詳細に見直しを行わないとなかなか解決は難しいかもしれないです。
また、場合によっては、javascriptなどで設定が行われている可能性もあり、調整が困難な場合も考えられます。
なので、今すぐ答えを書く事が出来ません。
ざっと見た感じでは、1000px程度のブラウザ幅では、本来300pxのサイドバーが、380px程度に広がっており、
640pxよりブラウザ幅が小さい場合には、ナビゲーションメニュー幅が560px幅に固定されているため、スクロール領域が発生しているようです
強制的に幅を詰めるだけだと、アドセンスが途中で切れてしまったりしそうです。
ご回答有難うございます。
ご指摘があったので、アドセンスバナーをサイドバーから外してみたのですが、結果は同じでした。
あと、スミマセン何度も、、、
ヘッダーの縦幅を短くしたいのですが、可能でしょうか?
ヘッダーの縦幅を短くしたいのですが、可能でしょうか?
style.cssの最終行に以下を追加してください
#hd {
padding: .5em 1em;
min-height: 1em;
}
デフォルトの設定では、min-height:5emになっていますので、その部分の値を調整していただき、さらに高さを低くする場合は paddingの.5emのところを、もっと小さな値に変更してみてください。
ご指摘があったので、アドセンスバナーをサイドバーから外してみたのですが、結果は同じでした。
ちょっと時間をください。あとでもう一度チェックしてみます
ご指摘があったので、アドセンスバナーをサイドバーから外してみたのですが、結果は同じでした。
調べてみましたところ、ver1.131 raindrops fonts.cssでは、
body {
font:13px arial,helvetica,clean,sans-serif;
line-height:1.231;
}
記述されている部分が、
body {
font:17px arial,helvetica,clean,sans-serif;
line-height:1.231;
}
と書き換えられている事が判明しました。
Raindropsテーマは、レイアウトの基本的な単位を emで計算します。相対的な単位なので、
ベースフォントサイズの変更により、全体のレイアウトに影響が出たものと、判明しました。
なので、bodyのベースフォントサイズは、13pxと戻していただき、文字の大きさを変更する場合は、article 要素や entry-title entry-contentクラスなど適用領域を狭めて、指定していただけますようお願いします。
nobitaさん、すみません、そうだったんですね!
お手数をかけて申し訳ありませんでした。
entry-title entry-contentクラスでフォントサイズを変更するってことは、
style css内で変更すればいいってことでしょうか?
場所は、fonts.cssでもかまいません
日本語のワードプレスの場合は、languages/css/ja.css でもいいです(このファイルは、言語設定が日本語の時だけ読み込まれるスタイルシートです)
style.cssでもいいですが、次回のバージョンでは、style.cssのフォントの設定は、fonts.cssに引越しします(メディアクエリでのフォント指定は除く)
ご自身でわかりやすい場所に、記述してください
ただ、いずれにしろ、広告等のスタイル指定が何らかの影響を与える事はあると思いますので、
13pxに戻していただいて、モバイル環境の表示をチェックしてOKであればの話ですが、、、
raindropsはレスポンシブデザインですが、私のブログの場合、320ワイドぐらいのスマホだと、文章が横に飛び出してしまいます。
の質問に対して
アドセンスが、個別に設定しているスタイルによって、サイドバーが、強制的に広げられているためだと思います
と回答していましたが、Raindropsのバグであることがわかりました。
Raindropsでは、レイアウトやフォントのサイズのコントロールに、emというサイズを採用しており、ベースフォントサイズが変更された場合に、カラムの幅などが本来のあるべきサイズよりも大きくなってしまうという問題で、ver1.135(9・24レビュー審査提出済み)で、その対策を行いました。
この変更により、本来あるべきサイドバー幅に修正されると、貴サイトの表示が従来と異なる可能性がありますので、お知らせします。
修正方法等につきましては、別途、できるだけ、対応させていただきたいと思っていますので、問題が出た場合には、書き込んで頂けますようお願いします。