2018年11月28日SHAREツイートシェアはてブLINEPocketプラグイン化しました。[SANGO]2カラム広告ウィジェットをプラグイン化しましたWordPressのテーマ「SANGO」で、トップページ記事一覧の下に複数広告を貼ろうとすると、こうなってしまいます。カスタムHTMLを2個並べているので、そりゃあそうなるよって訳ですが、出来ればこうしたい。いうことで、上記の画像のように広告を貼れるウィジェットを作ってみました。適当な箇所にコピペしてください。子テーマを導入していない場合は、まず子テーマを導入した上で行ってください。'カスタムHTMLを2カラムレイアウトで表示します。上記ソースをfunctions.phpに追加すると、ウィジェット画面に「広告用2カラムのカスタムHTML」というウィジェットが出現します。これを「トップページ記事一覧下」のウィジェットエリアに配置します。中を開くとこんな感じです。タイトル通常は空欄で構いません。「スポンサーリンク」の表記が必要な場合は、ここに記述すると「カスタムHTML」ウィジェットを使った時と同様の表示をします。PC用:左側に表示するカスタムHTML「カスタムHTML」同様、ここに広告コードを貼り付けます。2カラムの左側に表示されます。PC用:右側に表示するカスタムHTML同様です。モバイルの設定モバイルとパソコンで、別々の広告コードを貼り付けることが出来ます。パソコンは大きいバナーを貼るけど、モバイルでは小さいバナーを貼る、といった用途に使います。広告を分ける必要がない場合は、PC用と同じ広告コードを貼り付けてください。こんな感じの見た目になります。モバイル時は縦並びにするデフォルトでオンになっています。前述の画像のようにモバイルでは縦並びで表示します。オフにすると、モバイルでも2カラムで表示します。試しに3つ追加してみると...もちろんサイドバーなど、ウィジェットが配置出来る所なら、どこでも設置できます。すごく窮屈そうですが...。上記のウィジェットエリアは最初から「モバイル」と「PC」に分かれています。ここに「2カラムウィジェット」を設置するとどうなるか...。「PC用」の欄に入力した広告はタブレットで見た時に表示されます。「モバイル用」の欄に入力した広告はスマホで見た時に表示されます。「PC用」の欄に入力した広告はPCで見た時に表示されます。「モバイル用」の欄に入力した広告は基本的に表示されませんが、ウィンドウ幅をスマホ並に狭めると表示されます。これは僕が作成したウィジェットは画面サイズ(PCの場合はウィンドウサイズ)で、モバイル、タブレット、PCを判別しているのに対して、「記事タイトル下広告」のウィジェットエリアは(恐らく)wp_is_mobileで判定しているためです。これを利用することで、「記事タイトル下広告(モバイル)」で、スマホとタブレットで広告を分けることが出来ます。まとめ表示がうまくいかない場合は、キャッシュの削除を試してください。CSSの更新はキャッシュ削除しないと、反映されないことが多いです。ASPは「A8.net」、「もしもアフィリエイト」で確認しています。広告貼り付け用として作りましたが、やっていることはカスタムHTMLと同じはずなので、使いようによっては色々可能性はありそうです。アクションフックに無名関数を使っているので、PHP5.2以下だとエラーになると思います。register_widget("Widget2ColumnCustomHtml");'));に変更すれば動くと思います。...が、PHP5.2環境が無いので確認はしてません。他の部分でもPHP7じゃないとダメな所があるかも。最初はコピペしやすいように、functions.phpだけで済ませたかったのですが、wp_is_mobileだとiPadもモバイル判定されてしまうため、泣く泣くstyle.cssにスタイル要素は分けました。スタイル要素はCSS、と分けるのが作法として正しいと思うので結果的には良かったかな。:SANGOアフィリエイト[SANGO]2カラム広告ウィジェットをプラグイン化しましたSANGOのタイトルにキャッチフレーズを表示バリューコマースのおまかせ広告をSANGOに設定する手順[SANGO]カテゴリー一覧やタグ一覧ページにも「トップページ記事一覧上・下」ウィジェットエリアを出力させるカスタマイズスマホアプリの紹介にアプリーチが使いやすくってオススメ。SANGO用にカスタマイズ。サルワカさんの見出しをSANGO用に変換するツールを作成しました。この記事を書いた人ぺらラボ永遠のダイエッターツクール、Cocos、Unityと触ってきて、最近ようやくWEBに手を出した移り気な人。直近の目標はダイエッター卒業。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。次の記事[SANGO]2カラム広告ウィジェットをプラグイン化しましたぺらラボツクール、Cocos、Unityと触ってきて、最近ようやくWEBに手を出した移り気な人。直近の目標はダイエッター卒業。人気記事mixhostを1ヶ月試用したら注意点がポロポロ出てきた。初心者にオススメするならエックスサーバーかなと思った。Audible(オーディブル)レビュー。flier(フライヤー)が実用的で面白かったのでレビュー。開封&AirPodsと接続ColorfulBox(カラフルボックス)実際に使ってサーバーの実力をレビュー。