SANGO公認子テーマPORIPUサイドバーに設置したアドセンス広告。この白い背景、気になりませんか?ヨメ気になって記事が書けません...それはいけない。アドセンスのウィジェット背景だけ消してしまいましょう。こんな感じSTEP.1ウィジェット番号を調べるGoogleChromeを使ってウィジェットの個別番号を調べる方法を紹介します。STEP.2サンプルコードに追記するアドセンスを貼っているウィジェットの番号を、サンプルのコードに追記します。STEP.3style.cssにコピペするWordPress管理画面「テーマの編集」より、style.cssに追記します。概要Wordpressのウィジェットにはユニークな番号が振られています。その番号を指定して背景を透過させる方法を紹介します。ウィジェットの番号を調べるウィジェットの番号を調べるために、GoogleChromeを使います。Chromeブラウザ「要素の検証」で、ウィジェットの番号を調べましょう。動画で流れを確認STEP.1クロームブラウザで右クリック→「検証」を選択STEP.2変更したいウィジェットを選択して、「id="custom_html-数字"」を探すコードをスクロールして、ウィジェットが書かれているHTML文を探します。STEP.3数字の部分をメモするここに表示された数字が、ウィジェット固有に設定された番号です。STEP.4準備完了サンプルコードにウィジェット番号を追記する先程調べた数字を、以下のコードの赤字の部分に入れます。none;}CSSにコードをコピペするあとは利用しているテーマのstyle.cssに、追記しましょう。これで、全ての設定が完了しました。消したい場所のウィジェット背景だけ、白背景が透過されます。ヨメみんなもやってみよう!!目次へ戻るおまけ...アドセンス「スポンサーリンク」用CSSPORIPUユーザー様へ「スポンサーリンク」の装飾に使っているCSSを公開します。カスタムHTMLウィジェットに以下のコードを入れて利用します。class="adblock">☆ここにアドセンスコード☆</div>ぽりぷ子テーマPORIPUは、コピペするだけで使えます。最後までお読みいただき有難うございました。美しく居心地のよいサイトを作って、居心地のよいサイトを作っていきましょう。次に読みたいアドセンスの記事アドセンスのリンク広告を設置してクリック数1.5倍に上げようSANGO公認のカスタマイズ子テーマでアドセンス枠を増やす雑記ブログを13万pvに成長させた8ヶ月間の戦略を公開しました目次へ戻るこの商品をAmazonで安く購入する方法Amazonで買い物するなら、Amazonギフト券の購入がおすすめです。Amazonに現金をチャージするたびに、最大で2.5%分のポイントが貰えます。Amazonプライム会員なら、使わないと損ですよ。マサオカしかも今なら、初回Amazonチャージで1000円分のAmazonポイントがプレゼントされるキャンペーンが!還元率20%、信じられないほどお得です。公式Amazonチャージの特典マサオカマサオカブログのLINE@はじめました!ブログの更新情報やお得情報を最速でお届けしています。気軽に友だち登録してくださいね!LINE@を友だち追加するめんどくさいカスタマイズを終わらせようマサオカブログチューンのSANGO子テーマ"PORIPU"をリリースしました!カスタマイズが苦手な人、面倒な人のために、役に立つ機能を詰め込んでいます。