楽しいことを全力に!

アニメ、ブログ、働き方について書きます。

WordpressのXeory Baseにウィジェット追加(改良)してみた。

f:id:katagirigiri:20170320182403p:plain

トレンドブログを運営しているんですが、記事の制作に追われる日々で毎回AdSenseの広告を貼るのがめんどくさい。

作業を効率化出来ないかと思いXeory Baseテンプレートをカスタマイズしてウィジェット追加することで作業を効率的に。

Xeory Baseテンプレートを選んだ理由は、バズ部というウェブマーケティングサイトが制作したテンプレートだから。

バズ部には、いつもお世話になっておりますm(_ _)m。

※Xeory Baseテンプレートはバズ部が提供する無料のワードプレステーマです。

スポンサードリンク

Xeory Baseカスタマイズ完成図

記事一覧上、記事一覧下、記事タイトル上、サーチコンソールのウィジェットをつかしました。

f:id:katagirigiri:20170320182053p:plain

トップページの記事一覧に自動的毎回AdSenseが表示される。

 

f:id:katagirigiri:20170320181921p:plain

記事のタイトル上に自動的表示される。

f:id:katagirigiri:20170320182033p:plain

スポンサードリンク

Xeory Baseカスタマイズやり方

ウィジェットを追加することで、毎回コードを変更しなくても簡単で効率化が出来るようになります。

今回の場合は、トレンドブログを運営しているのでAdSenseを毎回貼らなくても自動的毎回出てくるようにしたい。

では、Xeory Base改良のやり方を解説します!

※コードを変更してトラブルが起きても保証はしませんので、ご了承ください。

スポンサードリンク

Xeory Base変更するphp

・functions.php
AdSenseウィジェットを追加する。

・index.php
トップページの記事一覧。

・single.php
1記事のページ。

・header.php
サーチコンソールのコードを埋め込む。

この4コのコードを変更します。

functions.php

赤線で引いてある①のところに下記のコードを記入。

register_sidebar(array(
'name' => '記事タイトル上' ,
'id' => 'kiji' ,
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));

register_sidebar(array(
'name' => '記事一覧上' ,
'id' => 'taitoru' ,
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));

register_sidebar(array(
'name' => '記事一覧下' ,
'id' => 'kijisita' ,
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
register_sidebar(array(
'name' => 'サーチコンソール' ,
'id' => 'sati' ,
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));

functions.phpは、終了。

single.php

青①のコードがあることを確認↓

<?php
if ( have_posts() ) :

while ( have_posts() ) : the_post();

?>

 

青①があることが確認できたら、赤②に下記のコードを追加。


<!-- /記事タイトル上 ウィジェットです! -->
<?php dynamic_sidebar(kiji); ?>

single.phpは、終了。

index.php

追加箇所が、2箇所あります。

index.phpコード変更1箇所目

青①のコードがあることを確認↓

<div id="main" <?php bzb_layout_main(); ?> role="main" itemprop="mainContentOfPage" itemscope="itemscope" itemtype="http://schema.org/Blog">
<div class="main-inner">

青①があることが確認できたら、赤②に↓下のコードを追加。

<!-- /記事一覧上 ウィジェットです! -->
<?php dynamic_sidebar(taitoru); ?>

index.phpコード変更2箇所目

青①のコードがあることを確認↓

<?php if (function_exists("pagination")) {
pagination($wp_query->max_num_pages);
} ?>

</div>

 

青①があることが確認できたら、赤②に↓下のコードを追加。

<!-- /記事一覧下 ウィジェットです! -->
<?php dynamic_sidebar(kijisita); ?>

index.phpは、終了。

header.php

青①のコードがあることを確認↓

<?php echo get_option('analytics_tracking_code');?>
<?php echo get_option('webmaster_tool');?>

青①があることが確認できたら、赤②に↓下のコードを追加。

<!-- /サーチコンソール ウィジェットです! -->
<?php dynamic_sidebar(sati); ?>

すべてのコードの変更が終了しました。お疲れ様でした!!

もし、間違いなどありましたらコメント下さい!