無料パソコン超入門の本 iPad/iPhone/Facebook/Excel/ショートカットの漫画&動画 講座 わあんメール講座

WordPress BizVektorのヘッダーにGoogle アドセンスのバナーを挿入してみる

time 2013/09/05

この記事の所要時間: 219

bannerWordPressでよく使われるテーマ BizVektorのヘッダーに

Google アドセンスのバナーを挿入してみる。
先日まではうまくいかず、再チャレンジ!

以下のサイトを参考に「子テーマ」までは作成できました。
http://bizvektor.com/setting/customize/headcontactcustom/

BizVektor

で、やっぱりうまくいきません。
そこで、header.phpを発見。
themaの中のbiz-vektorの中です。
これを子テーマフォルダーにコピーしました。

[html toolbar=””false””]
<!– [ #headContact ] –>
<!–?php biz_vektor_print_headContact(); ?–>
<!– [ /#headContact ] –>
[/html]
ここのソースがheaderの内容を表しているので・・・

[html toolbar=””false””]
<!–?php biz_vektor_print_headContact(); ?–>

ここにアドセンスのコードを貼りつける。

<!– [ /#headContact ] –>
[/html]
すると…バッチリ入りりました。

2

あとは、CSSで成型します。

子テーマのCSSに

[html toolbar=””false””]
<!– [ #headContact ] –>
<!–?php biz_vektor_print_headContact(); ?–></pre>
<div id=”header_right”>
ここにアドセンスのコードを貼りつける。
</div>
<pre>
<!– [ /#headContact ] –>
[/html]

さて、あとは css.style に右に揃えるコードを記述します。

[html toolbar=””false””]
/*
Theme Name: biz-vektor Child
Template: biz-vektor
*/

@import url(“../biz-vektor/style.css”);

#header_right{
float:right;
margin:8px 35px 1px 0;
}
[/html]

これで無事、目的の位置に掲載できました。

3


 祝・おかげさまで第4刷り 増刷決定!

↓✿クリックしておけば、Facebookがもっと楽しくなる↓

↓✿クリックしておけば、Twitterも、もっと楽しくなる↓

↓✿TwitterもFacebookもやっていなかったらメールを入力し、[ 購読 ]↓
読むだけでITライフが楽しく

↓✿面倒なので、本を注文する(笑)↓

spacer

sponsored link

iPhone・iPad入門

Windows入門

ウェブマーケティング

エクセル入門

タブレット・スマホ入門

デジタルライフ超入門

パソコン教室の様子

フリーソフト

ワード入門

漢方養生学

生徒さんの作品

たくさがわつねあき

たくさがわつねあき

はじめまして!

無料メール講座

読むだけでITライフが楽しく