2017年8月30日Googleアドセンスの広告といえば、「テキスト広告とディスプレイ広告」が一般的ですが、その中にある「リンクユニット」というものをご存知ですか?現在、AFFINGER4を利用している当ブログでは、サイドバーの広告の下と...記事下のカテゴリーとタグの下に、いずれもレスポンシブサイズのリンクユニットを設置しています。こんな時に限って英語のイマイチなテキストが表示されていますが(笑)、リンクユニットは頻繁にデザインが変更されている印象です。前までは、ランキング形式のこのような表示になっていました。日本語テキストで関連性の高い内容が表示されています。アドセンスのリンクユニットは、クリック後に表示される広告を再度クリックされた場合に収入が発生する仕組みですが、サイトの利便性や収益性アップのために設置してみてはいかがでしょうか。style.cssにコードを追加リンクユニットのコードを取得Googleアドセンスにアクセス→左側のメニューの「広告の設定」→「+新しい広告ユニット」→「テキスト広告とディスプレイ広告」を選択します。広告に名前をつけて、広告サイズは「リンク広告」を選択。レスポンシブリンク(自動サイズ)を選択→必要に応じて「テキスト広告のスタイル」でカラーを設定→「保存してコードを取得」をクリックです。当ブログの設置方法です。WordPressダッシュボード→外観→ウィジェット→「サイドバートップ」内に「カスタムHTML」をドラッグ&ドロップ→アドセンス広告の下に取得したリンクユニットのコードを追加します。下記のように、広告とリンクユニットの間に改行コードを入れています。余談となりますが、パソコンではラージスカイスクレイパーで表示される、サイドバーのレスポンシブサイズのアドセンス広告をレクタングル表示に変更する方法は、下記ページで説明しています。当ブログのサイドバートップには、アドセンスのレスポンシブサイズの広告を設置しています。子テーマの作成こちらのカスタマイズは「single-type1.php」と「style.css」、さらに必要に応じ「single.php」を編集します。style.cssは、あらかじめ子テーマが用意されていますが、テーマのアップデートによってカスタマイズ内容が消えてしまわないように、必ず「single-type1.php」と「single.php」の子テーマを作成してください。「single.php」は、初回カスタマイズのみ編集が必要になります。他のカスタマイズで既に作成済みの場合は、新たに作成する必要はありません。AFFINGER4で初めて「single-type1.php」の編集をされる方はこちらの項目をご確認の上、必ず「single.php」の「TEMPLATEPATH」を「STYLESHEETPATH」に修正してください。前ページでは、WordPressのファイルとデータベースのバックアップ方法をご紹介しました。トラブルに備えてバックアップ方法をマスターしたら、次のステップはテーマのカスタマイズです。...single-type1.phpにコードを追加WordPressダッシュボード→外観→テーマ→テーマの編集→「single-type1.php」(子テーマ)を開きます。入力してマークされる下記部分を探してくださいね。?></p>上記コードのすぐ下に、下記コードを追加します。class="ad-link">【リンクユニットのコード】</div>【リンクユニットのコード】の部分は、あらかじめ取得しておいたコードに書き換えてください。style.cssにコードを追加WordPressダッシュボード→外観→テーマ→テーマの編集→「style.css」(子テーマ)を開きます。最下部に下記コードを追加してカスタマイズ完了です。{margin-bottom:20px;}※リンクユニットの下に20pxの余白を指定(数値はお好みで変更可能です)子テーマのstyle.cssに追加したコードが反映されない場合は、キャッシュをクリア及び、追加場所を先に入力しているコードの前に変更して再度お試しください。以上、AFFINGER4のサイドバーと記事下にアドセンスのリンクユニットを設置する方法をご紹介しました。最後までお付き合いくださりありがとうございます。meKanami(かなみ)40代、4児の母、認知症の義母と同居中です。何気ない日常に幸せを感じるマイペースなヒト。子育てと介護の傍ら「自分にできることってなんだろう?」を模索しながらブログを書いています。Posts10,041viewTwitterカードが表示されない・タイムラグがある・修正後もエラーが出る場合の確認ポイントと対処法こちらの記事内容とカスタマイズは、AFFINGER4でも応用できます。OGP設定をしっかり行っているはずなのにTwitterカードが表示されない。時間を置かないと表示されない。...2,127view【AFFINGER4】サイドバーの見出しの文字サイズを変更する方法WordPressテーマ「AFFINGER4」のサイドバーの見出し。日本語の場合はそうでもないけど、アルファベットにするとちょっと小さいかな?...。...2,113view【AFFINGER4】AMPページのアドセンスの中央寄せと「スポンサーリンク」のラベル追加方法こちらのカスタマイズは、AFFNGER5「WING」でも応用できます。...1,875view【AFFINGER4】AMPページの最初の見出し(h2)の前にアドセンスを追加する方法コードの追加場所を「子テーマ」のfunctions-amp.phpに変更しました。...3,430view【AFFINGER4】「この記事を書いた人」にプロフィールページへのリンクを追加する方法ご紹介している追加コードにタグの閉じ忘れがあり修正を行いました。先に参考にしていただいた方には大変ご迷惑をおかけいたしますが、コードの変更をお願いいたします。当ブログで利用しているWordPressテーマ「AFFINGER4」ver20170905(2017年9月)のアップデート後に、一時的にスクリプトエラーが出るようになってドッキリしました。ステッチ風~こちらのカスタマイズは、STINGER8・AFFINGER4でも応用できます。AFFINGER4での見出し(h3)のカスタマイズコードの指定先の変更を行いました。~カスタマイズの引継ぎ・注意点など~当ブログで利用しているWordPressテーマ「AFFINGER4」に専用子テーマ「JET」を導入しました。...1,208view【AFFINGER4】通常ページのアイキャッチ画像の下に追加したアドセンスをAMPページで非表示にする方法こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。PLUS」「STINGER8」「AFFINGER4」のカスタマイズ情報です。現在見ていただいている当ブログで行っている全てのカスタマイズ方法を記録しています。※AFFINGER5「WING」のカスタマイズにつきましては、現在確認作業とまとめ記事の作成中です。備忘録(WordPress)ウィジェットに追加したアドセンスが保存できない・余白ができる場合の対処法WordPressのウィジェットエリアにアドセンスコードを追加する場合、つい最近までは「カスタムHTML」を利用するのが一般的でしたが、WordPress4.9よりHTMLのエラーチェック機能が新たに加わったことで、エラーにより保存できない状態になることがあるようです。上記のように「!」の警告が表示されていても保存できる場合は問題ありませんが、保存ボタンをクリックしても保存されない場合は「カスタムHTML」ではなく「テキスト」にアドセンスコードを貼りかえることで対処することができます。備忘録(WordPress)カエレバ・ヨメレバを女性向けのかわいいデザインにCSSカスタマイズ記事内でおすすめの商品や書籍を紹介するときには、Amazonや楽天、Yahooショッピングなど、複数の商品リンクをひとまとめにすることができるブログパーツ「カエレバ・ヨメレバ」がとても便利。カエレバは商品の紹介用、ヨメレバは書籍の紹介用に使い分けることができます。利用されている方も多いですよね。当ブログでも導入を検討中に、お世話になっている方からタイムリーなご質問を受けたことをきっかけに、CSSカスタマイズに挑戦してみることにしました。N」ver20180117を追加しました。style.css及びst-amp-css.php内の画像パスに拡張子(.png)の記載もれがあり、コードの修正を行いました。...ReadMoreSTINGER・AFFINGERカスタマイズ【AFFINGER4】関連コンテンツを通常ページとAMPページに設置する方法こちらのカスタマイズは、AFFINGER5「WING」でも応用できます。WordPressテーマ「AFFINGER4」の通常ページとAMPページにアドセンスの関連コンテンツユニットを設置する方法をご紹介します。最近になって、新たに「インフィード広告」や「記事内広告」などのネイティブ広告が追加されたことで、どこにどんな風に広告を置けばいいんだろう?と戸惑っている方も多いのではないでしょうか。ページ以外のアイキャッチ画像(トップページ含む)」にて設定可能になりました。先日Twitterでトップページをシェアしていただいたことをきっかけに、トップページのみ「Twitterカードの画像が表示されない」ことに気がつきました。下記は、TwitterとFacebookのOGPチェックツールでの検証結果です。数年前、右も左もわからず挑戦したWordPressでのサイト作成。当時はWeb上の沢山の情報に助けられました。初心に戻り、WordPressにゼロから挑戦したい方を応援!難しい説明や専門用語は極力省いて、初心者さん目線でレクチャーします。ゼロからのWordPress入門【21】プラグインの設定方法について加筆修正を行いました。前回までは、更新情報の受け取りツールとして、サイト名で登録することができる「Facebookページ」の作成方法とページプラグイン設置方法、さらに、Twitterのフォローボタンと埋め込みタイムラインの設置方法をお伝えしました。WordPress.comを利用して、FacebookページとTwitterへ更新情報を自動投稿する方法をいくつかの注意点などを含めてお伝えしていきます。前ページでは、ユーザーさん向けの更新情報受け取りのツールとして、サイト名で作成することができる「Facebookページ」の作成方法とページプラグインの導入方法をご紹介しました。今回は、サイドバーやフッターへのTwitter埋め込みタイムラインウィジェットとフォローボタンの設置方法、さらに埋め込みタイムラインの背景を透明にする方法を説明していきます。・・実は埋め込みタイムラインの設置方法については、以前にも記事内で一度お伝えしているのですが、その後変更があったようです。前ページでは、WordPressのカスタマイズと子テーマについてご紹介しました。次のステップは、ブログの『更新情報発信』についてのお話しです。無料ブログサービスのように、コミュニティ間での「読者登録」のツールがないWordPressでのサイト運営では、更新情報の受け取りに必要なツールは自身で設定する必要があります。前ページでは、WordPressのファイルとデータベースのバックアップ方法をご紹介しました。トラブルに備えてバックアップ方法をマスターしたら、次のステップはテーマのカスタマイズです。WordPressでは、自分の好みに合わせてテーマファイルを自由にカスマイズすることが可能となっています。このカスタマイズ時に便利なのが「子テーマ」です。ここでは、実際に「FFFTP」を利用したファイルのバックアップとWordPressプラグイン「WP-DBManager」を利用したデータベースの自動バックアップ方法を順を追って詳しく説明していきます。バックアップ作業はいくつものステップがあって大変ですが、2回目以降は面倒な設定がないのでとても楽チンです。子育て心は一緒に♪娘へのプレゼントはお揃いのくまのお守りに決めましたクリスマスまであと1か月を切りましたね。お子さんをお持ちの方はプレゼント選びや準備にワクワクの季節。それも含めてクリスマスは親子の一生の思い出に残る楽しいイベントだと思っている私です。我が家では毎年、4人の子供たちが小さな頃からサンタさんからのプレゼントの他に、母企画の「家族Deビンゴ大会」というイベントをクリスマスイブに開催しています。一人ひとりが驚くような。嬉しいサプライズプレゼントはなんだろう?と心を弾ませるこの季節。AdSenseフォローアップセミナー(札幌)に参加してきました。当日は受付を担当させていただいたものです。参加者の方々には謎の人物だったかもしれませんね。んくらさん(@matari39)とは8年前、無料ブログサービスで子育てブログを書いていた頃に出会い、私にとっては、恩師でもあり...そうですね。友人というよりも、先生というよりも「お兄さん」という位置づけがぴったりの。備忘録(WordPress)カエレバ・ヨメレバを女性向けのかわいいデザインにCSSカスタマイズ記事内でおすすめの商品や書籍を紹介するときには、Amazonや楽天、Yahooショッピングなど、複数の商品リンクをひとまとめにすることができるブログパーツ「カエレバ・ヨメレバ」がとても便利。カエレバは商品の紹介用、ヨメレバは書籍の紹介用に使い分けることができます。利用されている方も多いですよね。当ブログでも導入を検討中に、お世話になっている方からタイムリーなご質問を受けたことをきっかけに、CSSカスタマイズに挑戦してみることにしました。今までブログやSNSでのプロフィール画像は、フリー素材でお借りしたものを使っていましたが、2018年のスタートと合わせて似顔絵アイコンに変更しました。周囲にはご自身で綺麗に絵が描ける方もいらっしゃって、常々「すごいなぁ。そんなことができたら素敵だな。」と思っているのですが、なんせ人一倍絵心がなくてですね。