ワードプレステーマSTORK(ストーク)のカスタマイズ!広告編

カスタマイズ

今日はウェブ屋さんらしくウェブに関する記事。

ノートパソコンを購入してから早くも12年。当時はユーチューブもなく、Wi-Fiの前世エアーエッジ。

ヤフーを開くのに1分はかかる代物だった。

そんな時代から今に至り、何とか独学でここまでこれた。

ワードプレスをいじりだしたのは5年くらい前かな?見よう見真似でコピペ連発。

画面真っ白。

頭真っ白。

もちろんコピペだから本質をわかっていない。そんな事を繰り返して今。

1つ言えるのはコピペでいいよ。そこから勝手に自分で工夫しだすから。

これが僕の意見。

ネットに溢れかえっているカスタマイズ。

でも、違う!こうじゃない!ここをこう見せたい!ここをこうやって表現したい!

サイト制作者なら自分の我、そしてクライアントの我。

これがあるから自然にコードをいじりだす。

どこをどういじればいいのか!?

それもネットに溢れかえっている。

そんな情報を繋ぎ合わせて自分のコードを作る。

これが一番。

さて、本題。

ワードプレステーマをカスタマイズしようZE!

ワードプレスは本当に便利だ。無料で使える様々なサービスの中でも群を抜いている。

一番の便利さはやっぱりプラグイン。

自分でコードを書かなくても、プラグインをインストールで一発解決!

そんな魅力たっぷりのワードプレス。自分のサイトやブログを作るなら、せめてワードプレスはマスターしておきたい。

ワードプレスのメリット

そんな魅力たっぷりのワードプレス。

プラグイン同様のメリットはたくさんあるけど、もう1つの大きなメリットは無料テーマがたくさんあること。

アメブロやライブドアブログでもデザインテンプレートがある。

それと一緒と考えて頂ければ問題ない。

海外のものもたくさんあるし、デザインも豊富。

でもやっぱ英語だし使いにくい。

日本のワードプレステーマは結構しょぼいんだけど(笑)

探せば結構いいのはあって、無料よりも有料テーマがオススメ。

無料はやっぱりどこまで行っても無料だから。

カスタマイズなんて思いの通りにオチャノコサイサイ!

っていう方なら無料でもいいが、本格的なブログを今スグ始めたい!

そんな方には有料テーマの方がいい。

一通りの機能がそろっているし、最近のテーマは本当に完成度が高い。

なので、そんな後者の方目線で今日はお話をすると、今話題のブロガーにも大人気!

ブログを本格的にやるためのノウハウが詰まった革新的テーマ!

圧倒的感謝!

そう、それが今日紹介するSTORK(ストーク)だ!

ちなみに僕もフル活用している。

このサイトももちろんSTORK(ストーク)。

ちょっと原型がないけど、土台はSTORK(ストーク)。

そう、STORK(ストーク)だ!

STORK(ストーク)の素晴らしさを紹介

このテンプレートの良いところは、

あくまでも僕的にだけど、デザインセンスが抜群にいい!

無駄なものもなく、シンプルを追求しながらも高機能。

まさに江戸っ子!

初心者でも15分もあれば完成度の高いブログが作成できる。

今日はカスタマイズ紹介なので、初期設定などの使い方は、

WordPressテーマ「ストーク」

こちらからどうぞ。

では早速、カスタマイズコピペ集

もちろん利用者ごとに自分なりのカスタマイズ論がある。

そして、カスタマイズの内容がある。

今日僕が書くカスタマイズが少しでもヒットしてくれれば幸いです。

ループ内に広告挿入

ブログをやるならそのブログで収益を得る。

これが自然な流れだと思うので、今日はその部分をメインに。

STORK(ストーク)にはウィジェット機能が充実しているので、最適な広告掲載箇所に広告を安易に掲載できる。

テーマファイルをいじらなくても、ウィジェットにコードを貼り付けるだけ。

でも、カテゴリーページやトップの新着記事一覧で、記事と記事の間に広告があるのを見かけたことありませんか?

イメージとしてはこんな感じ。

記事と記事の間に広告が入り、適度に目に触れる。

賛否両論あるけど僕が制作したブログでは全サイトで採用している。

この部分に入れる広告は横長のバナー系

パソコンだと 728×90

スマホだと 320×100

これくらいのサイズの方が妥当かも。

スマホの300×250やレスポンシブだと結構な面積を取るしね。

ユーザビリティを損ねては意味がない。

これはコピペで一発!

そのコードがこちらだ。

ループ内に一個の広告

<?php if (have_posts()) :$ransuu = rand(4, 7); // 広告挿入範囲
while (have_posts()) : the_post(); $loop_count++; ?>

<?php if ( $loop_count == $ransuu ) : ?>

ここに広告のコードor画像など

  <?php endif; ?>

上記より一部抜粋。

<?php if (have_posts()) :$ransuu = rand(4, 7); // 広告挿入範囲

この部分の数字が広告を挿入する箇所。

上記の場合だと、4個目〜7個目の間のどこかに広告入るよ!

っていう仕組み。

1ページの記事表示数が10以下なら広告は一個で十分だろう。

ページネーションの下に広告を入れてるならなおさら。

けども、1ページの表示数が20とかならもうちょっと欲張りたい!

2つか3つは広告を入れたい!

そんな人の為に複数パターン

ループ内広告複数パターン

<?php if ( have_posts() ) : ?>
<?php $count = 0; ?>
<?php while ( have_posts() ) : the_post(); ?>

<?php if($count == 3 or $count == 8 or $count == 12) : ?>

ここに広告のコードor画像など

<?php endif; ?>
<?php $count= $count + 1; ?>
<?php if($count == 3 or $count == 8 or $count == 12) : ?>

注目はこの部分。

見た通り、この場合はループ内に3つの広告が入る。

3個目、8個目、12個目の記事の間に広告が出現!

素晴らしい!

コレを2つにしたいなら、

<?php if($count == 7 or $count == 13) : ?>

4つにしたい欲張りものなら、

<?php if($count == 3 or $count == 7 or $count == 12  or $count == 17) : ?>

広告の入る位置を決める数字は任意で変更して下さいね。

コード挿入箇所

ちなみにこれらのコードの挿入箇所は、

ワードプレス管理画面左サイドメニューから

「外観」

「テーマ編集」

この部分はカテゴリーなどのループが格納されている場所。

ストークは管理画面からカテゴリーの一覧デザインを選べる。

自分が何を選んだかでイジるファイルは変わる。

管理画面からのストークカスタムは、

「外観」

「カスタマイズ」

「グローバル設定」

上記から選択可能

自分の選択したデザインのファイルを開き、

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

上記の部分を、

広告1つ表示なら、

<?php if (have_posts()) :$ransuu = rand(4, 7); // 広告挿入範囲
while (have_posts()) : the_post(); $loop_count++; ?>

<?php if ( $loop_count == $ransuu ) : ?>

ここに広告のコードor画像など

  <?php endif; ?>

広告複数表示なら、

<?php if ( have_posts() ) : ?>
<?php $count = 0; ?>
<?php while ( have_posts() ) : the_post(); ?>

<?php if($count == 2 or $count == 5 or $count == 8 or $count == 11) : ?>

ここに広告のコードor画像など

<?php endif; ?>
<?php $count= $count + 1; ?>

上記に置き換えてあげればいい。

昨日まで数十円だった稼ぎが、数百円に!

あがる!

、かもしれない。

ループ内広告の注意点は、ワンカラムなシンプル型、ビッグ型を選択すれば問題ないが、2カラム仕様の場合は表示が崩れるので注意が必要。その際は広告挿入箇所の数字を奇数にしないといけない。ご注意を。

オススメの広告は!?

カテゴリー一覧などの記事間広告。

今日はそんな広告配置のカスタマイズだったけど、どんな広告を挿入すれば効果があるかな?

何がいいかな?

そんな読者もいるはず!?

そんな方に朗報!

なんでもいいんじゃない?

これが答えだ!

基本的にはアドセンス利用者が多いので、アドセンス。

それ以外のクリック型ならなんだろ?

アクセス数が上がれば、企業などの広告主募集もありかも!?

そう!

ブログはアクセスがないと、せっかくの広告も意味がない。

広告のカスタマイズを説明したくせにあれなんだけど、まずは良い記事を書き、アクセスを集めること!

これに集中!

今日のカスタマイズは10分もかからないので、事前対策としてやっておいてもいいかも。

ブログの記事が少ない状態だと意味がないカスタマイズなので頑張ろう!

ちなみに上級者にはインフィード広告がオススメ

インフィード広告とは記事になじませる感じで、

あたかも記事かの様な存在感を解き放つ広告の事。

ネイティブ広告とも呼ばれてる。

こんなやつ。見たことあるはず!?

このタイプで人気なのはレコメンド。

記事下のオススメ記事の中に広告が混じっているパターン。

アドセンスなら関連コンテンツかな。

それの記事一覧パターン。

まとめ

STORK(ストーク)カスタマイズ!

って偉そうなタイトル付けたくせに、紹介したカスタマイズはあまり関係がなかった。。。

でも、このテンプレートをフル活用しているので、

同じ方の参考になれば幸いです。

STORK(ストーク)関連は今後も記事にしていくので、希望のカスタマイズなどあれば、教えて下さい〜

次回は広告をランダムに表示するやり方でも書きます。

僕へのご要望・お問い合わせはコチラ

STORK(ストーク)でイケイケブロガーを目指す方はコチラ

ブログ運営は継続は力なりのまさに代名詞。

気長に頑張ろう!

CHECK管理人サイト YUICHI FUKUDA.COM