【AFFINGER3】子テーマを使って、トップの記事一覧に広告(Adsense)を入れてみる。【AFFINGER3】子テーマを使って、トップの記事一覧に広告(Adsense)を入れてみる。設定方法を画像で解説!2020年2月12日TwitterSharePocketHatenaLINESTINGER5を使ってた時もやってた事だけど、テーマ変更に伴いこのへんの設定はやり直し。AFFINGER3はリリースからまだ日が経ってないので当然情報も少ない。ベース部分は変わってないだろうってことで、AFFINGER2で情報を探してみるとそれらしいのが見付かった。参考にさせて頂いたのはこちらAFFINGER2でトップ記事一覧に広告を入れる方法♪~サクセスクエスト様~とりあえずAFFINGER2のカスタム方法をそのまま試したらいけた。僕の場合は子テーマでカスタムしてみたので、そっちの方法を少し説明してみます。親テーマAFFINFER3から、itiran.thumbnail-on.phpファイルを子テーマにそのままコピーします。やり方は人によって違うと思いますが、まずFFTPを使って[自身のページ>public_html>wp-content>themes>sffinger3]の中にあるitiran.thumbnail-on.phpをダウンロード。どこにダウンロードしてもいいですが、わかりやすいのでデスクトップがいいでしょう。次に[自身のページ>public_html>wp-content>themes>sffingerchild3]を開いて、さきほどダウンロードしたitiran.thumbnail-on.phpをアップロード。これでitiran.thumbnail-on.phpを子テーマの中に設置完了。itiran.thumbnail-on.phpの編集WORDPRESS画面を開いて[外観>テーマの編集]を開き、右上の編集するテーマを選択からaffingerchild3を選択します。その中にitiran.thumbnail-on.phpがあるのを確認してください。なければファイル移行がうまくいってないので、上の項目を見直しです。次に同itiran.thumbnail-on.phpファイルのまま下方へ移動し、上図赤線部分にコードを挿入します。>のうしろにカーソルを合わせて、エンターキーで改行しスペースを空けると良いでしょう。?>このコードを挿入します。挿入した後の画像がこちら。ここまでできたら、『ここに広告のコードを挿入』の部分にAdsenseコードを入れてやればオッケーです。広告はレスポンシブが良いみたいです。レスポンシブ広告ってなんぞ?って方はコチラ左下の【ファイルを更新】を押すのを忘れずに。右側からstyle.cssを選択し、以下のコードを追記します。1pxdotted#999;追記するとこのようになると思います。*/』のように買いておくと良いでしょう。*/』は注記を意味するコードで、この中にある文字列はページに反映されません。ここでも忘れずに【ファイルを更新】を押して作業終了です。記事一覧の3行目、7行目に広告が挿入されます。この挿入位置にはAdsenseの規約的な意味(同時表示時にいくつまでしか表示しちゃダメ的なやつ)があるので、触らないほうが良いでしょう。上の画像でわかるように広告の表示がおかしくなってます。広告ユニットを作ったばかりだと、設定から表示まで最大60分ほどかかる場合があるようです。今回新しく広告ユニットを作ってみましたが、設定から反映までには5分ほどでした。こんな風に表示されても、少し時間がたてばこの通り。AFFINGER3author関連記事phpMyAdminでインポートできない場合「...バックアップの復元とかデータベースいじる必要がある時にやる作業だと思うんですけど、僕は今回ドメイン変更の作業をする中でやらかしました。子テーマとは、簡単に言うと「元のテーマを変更する事なくテーマのカスタマイズをする物」です。サイドメニューにツイートを表示させてみたので、そのやり方をお話しようと思います。...エックスサーバー内でドメイン変更する方法(手順...※本記事はエックスサーバー内でのドメイン変更の手順になります。ドメイン変更を決意してからいろんなサイトで情報収集してたんですが、どうにも人によって書いてる内容が違うんですよね。...PREV【STINGER5】から【AFFINGER3】へテーマ変更!今回は最初から子テーマも適用させた!NEXT【Wordpress】自分でできるSEO対策1。カテゴリーを整理するといいらしい。独身が果たす先祖への責任。