日々精進ロゴ

スポンサーリンク

WordPress

素人のアドセンス初心者がSTINGERを3からPlus+に変えた忘備録。あくまでも「可愛い」にこだわりつつ、なんかちょっとそれっぽい事もやってみた

2016年11月4日

はじめに

私はパソコンの事、中身の事そういった事は何も分かりません。だからこれが正解かどうかは分かりません。

私が書くことは「私がした事」であって「こうやれば良いよ」とかって物ではありません。

あわよくば「そこは違うよ」「こうしたら良いよ」って教えてもらいたいから書いていたりする物です。

「参考にして欲しい」物ではないので、そこはご理解頂いたうえでお願い致します。

もうすぐ「stinger8が出る」という噂を聞いて、色々調べているうちに「stinger3を使っている人は自身での更なるカスタマイズを楽しんでらっしゃる方ばかり」だと気付き、

私のようにトンチンカンな人間は「最初から色々カスタムしてあるニューバージョンを使うべきなのだ」と知りました。

公式サイトでは現在、開発中のため無料のテーマは公開されていないのですが、幸運にも、あの「わー・゚・(lll´>Å<)・゚・ぁゎゎ」ってなっていた(参照:素人がアドセンス審査にこぎつけるまでの道のりのお話し)時にこちらもダウンロードしていたようでフォルダーにあった「stinger plus」にテーマを変更してみました。

⇒STINGER 公式ダウンロードページ※micata2(無料版)ダウンロードもこちらから出来ます。

有料テーマは

稼ぐサイトの設計図-AFFINGER4公式ガイドよりどうぞ(こちらからの購入で500円の値引きになるそうです)

2016年10月にアドセンス審査に通った話し⇒厳格化されようが素人でもやれば出来るよ!なお話し

学生時代、一番最初の「C言語」でつまづいて早数十年。

それっきり私にとってパソコンは「異国の文化」みたいな物です。

多くの方が「使いやすい」「最強のテーマ」だと言っているこちらでさえ当時のトラウマから

「なんの話をされているのかサッパリ分からん┐(´д`)┌」です。

c言語なんて全然どこにも必要ないのですが、「パソコンを操作するという行為」に頭がフリーズするのです。理解しようというベクトルに向かないのです…

けど、私は昔から「やりながら学習していく」タイプの人間なので「やらなきゃ何にも分からない」

よって、「やってみる」しかないのです。

スポンサーリンク

ホリエモンも言ってたもん

「何でもいいから、自分があればいいと思うウェブサービスを作ると、実践的で早いよ。金もかからないし、作り方はネットに書いてあるし」

(略)

加藤氏(オンラインプログラミング学習サービスProgate(プロゲート)を運営する株式会社Progate CEO 加藤將倫氏)は大学の情報系学部でプログラミングを学び始めたが、そこで最初に取り組んだのはC言語だったという。これはもちろん重要な言語ではあるのだが、簡単な言語ではなかったこともあって「イマイチ楽しさを感じることができなかった」と加藤氏は話す。

ホリエモンも、「最初にC言語をやらせるのはおかしいよね」とこれに同意。

ウェブサイト「HORIEMON.COM」より抜粋

全文はこちら⇒ホリエモン「ぶっちゃけ、プログラミングって難しくないよ!」初心者必見の勉強法を堀江貴文が伝授!/堀江貴文Q&A vol.620~プログラミングは誰でもできる!?~

ウェブサービスっていうか、「うちのフェレッ娘。エルちゃん可愛いんです♡」ってデレデレしてる場所を作りたいだけなんですけどね。私の中では立派な動機ですから、これ。

テーマが変わろうが何だろうが目指すのは「可愛いサイト」

 

いちごとフェレット

ヘッダー画像で最後まで悩んで悩んだ一枚です

どちらも過去記事のアイキャッチに使用しています。

お気に入りなのです。

ご覧の通り、エルちゃんには「可愛い」が一番似合うのです。

そして私は「見た目から入る」人間なのです。さらにウェブサイトは「サクサク見れなきゃ嫌」なのです。

読み込みに何分もかかるサイトはすぐに「もういい!!」ってなります。短気だから。

まあ、それは「作りこんだり」出来ない私にはサイトを重くする技術さえないので心配する必要はないのですが…

まず、見た目

テーマの変更をするとウィジェットの設定はやり直しだと椎名さん※に教わりました。あとは自分でサイトをチェックしながら「ここをこうしたい」って箇所をその都度ググって試してみました。

前の仕様とあまり大きく変わっていないように見えるのは、気に入っていた前回の物はそのまま引き続き変更したからです。以下は引き継がれなかったのでまた設定し直した箇所です。

  • サイドバーにちょっとしたプロフィールを載せて念願だった「詳細はこちら」にしました。
  • ヘッダー画像をエルちゃんにしました
  • サイトタイトルをロゴ画像にしました

サイドバーにプロフィール

前回と同じやり方でサイドバー(sidebar.php)をいじってみても、今回は上手いことピシっとプロフィールが収まりませんでした。なので今回はウィジェットを使いました。

※現在のテーマはAFFINGER4です。この仕様ではありません。

外観→ウィジェット→テキスト→サイドバーウィジェットにチェック

タイトルに「プロフィール」とかそれっぽい言葉を入力

<div class="kanren kadomaru">
<dl class="clearfix">
<dt><img src="画像URL"></dt>
<dd>
<h5>名前</h5>
<div class="smanone2"><p>メッセージを入力
<br>
<a href="プロフィールページURL" style="text-decoration: underline">プロフィールページへ</a></p></div>
</dd></dl>
</div>
当サイトでは「アタチはなこです」の文言を見栄え良く収めたくて「タイトル」と「名前」の入力を逆にしています。
本来は上記が正解です。プロフィールページURLは運営者情報(固定ページ)のURLを「プロフィールページへ」は「詳細はこちらで」にしました。←これが、やりたかった。なんかそれっぽく見えるじゃん(*゚▽゚)

こちらのコードは下記のアドセンス広告をh2タグ上に1つだけ入れる方法の詳細は「こちら」でご紹介させて頂いております、⇒伝えたい想いを自分らしく・・・Kanamiiさんの

⇒Kanamii「サイドバーのサムネイル付きプロフィール欄をSTINGER+で作成する方法」より、ずっと無断で勝手に掲載していた物です。

こちらでも、こうしてご挨拶させて頂かなければいけないのに、「している」気でいました…

サイト運営者様、本当に…大変申し訳ありませんでした。

本当にごめんなさい。

STINGER系のテーマをお使いの皆さまは是非、一度ご訪問下さい。

本当にカスタマイズの「教科書」みたいなサイトです。

可愛くのお手本です。

Kanamiiさん…無断でずっと本当にすみませんでした。

ヘッダーをエルちゃんにしました

どれもこれも可愛いので散々悩みましたが、花いたちの副代表が撮ってくれた写真でちょうど良い、素晴らしく可愛いのがありましたのでそちらを使いました。

微調整は設定→メディア→画像編集機能でどうにでも出来ます。私でも出来たのだから。

可愛いでしょう♡

前回より画像が大きいのでstinger設定でトップページのみの表示にしました。

サイトタイトルを画像に

前回もそうだったのですが、「サイトタイトルのフォントが可愛くない」のでロゴを作って貼り付けました。

今回お世話になったのは⇒「結城友奈は勇者である」風ロゴジェネレータ

アニメのタイトルロゴ風らしいのですが、こちらのサイトで作ったものは商業利用じゃなければ問題無いそうです。

桜とか色合いが気に入ったので作ってみましたが、そのうちそのアニメも見てみようかと思います。

これまで使用していたこちらは
いたちのおうち.xyzロゴ

Cool Text

 

いずれも無料です。

NAVERまとめ⇒無料でロゴが作成できるサイト一覧

やっておいた方が良いっぽいこと

トンチンカンな私が書くサイト運営ネタのこの記事をここまで読み進めて下さっているあなたはきっと、この事だけに興味がおありなのだと思います。なので「分からないなりにゴチャゴチャいじってるけど警告とかきてないよ、まだ」な

  • アドセンス広告の設定
  • アドセンス広告の設定
  • アドセンス広告の設定

こちらについてそろそろ書きます。

充実のウィジェット機能をそのまま使えばO.K.と思っているので、そのまま何も「目立つ広告の貼り方」的な特別な事はあまりしていません。

本文中に

入れるなら[ adsense ]半角でスペース無しです

私がしたのはh2タグ上に1つだけ広告をいれる方法です⇒詳細はこちら※現在はしていません

上限はありませんが「アドセンスポリシー」には「コンテンツがほとんど無いページにはアドセンス広告を貼ってはいけない」とありました。

なので「お問合せ」ページ(コンタクトフォーム)とプライバシーポリシーのページには広告がない方が望ましいんじゃないかと思ったのでそこは1カラムにしてサイドバーを無くしました。

※stinger+は記事ごとにカラムの設定ができます。そしてnoindexにしました。お問合せはnofollowにもしました。

これで大丈夫なら、審査までの間ヘルプフォーラムを徘徊していたあの日々のかいがあるってもんです。

運営開始からすぐ「AdSenseポリシーを再確認しましょう」というメールがきましたが、それもヘルプフォーラムで何度か「慌てるような事ではない」とトップレベルユーザーさんが答えているのを見た事があります。

そこに書いてある内容をきちんと読んで冷静に対処すれば良いのです。

ちなみにこれは「ミスをおかしがちな初期の頃に「再確認しておいてくださいね」って感じでくるもの」だそうです。

もし自分で間違って広告を踏んでしまっても慌てる事はありません。申告する必要もないとありました。その代わりにGoogle publisher Toolbarを使えば良いとGoogleは教えてくれています。

その使い方はまたいつか˙³˙)ノ♡←実は使い方がまだあんまり分かってないだけです。それを入れたら広告が緑色になりました。

アドセンスと楽天アフィリエイトのお話し

アドセンスの広告枠に「楽天モーションウィジェット」が表示されているのを見ました。

楽天アフィリエイトも始めてみようと思っていたので、その現象について調べてみたら

椎名さん※のサイトに詳しく書いてありました。⇒アドセンスと楽天アフィリエイトでのクッキーの上書き

私の頭ではうまく説明できませんので、ぜひ自身でご確認頂ければと思います。

※椎名さんとはなんかそういうののすごい人みたいです。私にはレベルが高すぎて「椎名さんの無駄遣い」だとつくづく思ってはいるのですが、聞けば何でも教えてくれる有り難い存在なので頼り倒しています。すごく丁寧で色々勉強になります⇒椎名さんの物語

そんなゴッチャゴチャした奮闘記はカテゴリー「WordPress」にまとめてあります。何かの参考にして頂ければと思います。

 

-WordPress