Ver1.6 Released !

ウィジェットの設定をしよう:広告の貼り方も解説

ウィジェットの設定をする

SANGOには以下の13種類のウィジェットがあらかじめ用意されています。

SANGOのウィジェット種類一覧

  1. サイドバー 必須
  2. 追尾サイドバー(PCのみ)
  3. ナビドロワー(ハンバーガーメニュー)
  4. トップページ下
  5. フッターウィジェット左
  6. フッターウィジェット中
  7. フッターウィジェット右
  8. 記事タイトル下広告(モバイル)
  9. 記事タイトル下広告(PC)
  10. 記事中広告 アドセンス
  11. 記事下広告(モバイル)
  12. アドセンス 記事下広告(PC)
  13. アドセンス関連記事型広告

このページでは、各位置のウィジェットの役割を解説していきます。

ウィジェットの設定の仕方

WordPressでのウィジェットの設定は[外観]⇒[ウィジェット]から行います。設定方法も簡単。表示させたいものを、表示させたい位置にドラッグするだけです。

ウィジェットの設定

ドラッグした後にはそのウィジェットのタイトル(空欄でもOK)と、内容を入力します。このあたりは実際にやってみるのが早いかもしれませんね。

 


サイドバー

サイドバーの位置

いちばん重要な部分ではないでしょうか。SANGOでも他のWordPressテーマと同様に「カテゴリー」や「最新記事」「テキストウィジェット」などをサイドバーに配置できます。

人気記事をプラグインなしで挿入できる

人気記事を表示

SANGOでは、人気記事ウィジェットがデフォルトで使用できるようになっています。通常だと「WordPress Popular Posts」というプラグインを使うことが多いかと思うのですが「重い」という声も聞かれるので、今回の実装に至りました。PV数や順位を表示させることもできます。

スマホ表示では、サイドバーはページ下に

画面が一定よりも小さくなるとサイドバーはページの下に表示されるようになります。

モバイルだけ非表示にすることも

「モバイル表示ではサイドバーは非表示にしたい」という場合には、カスタマイザーの「詳細設定」から1クリックで設定できます。詳しくはこちらの記事を参考にしてみてください。

カスタマイザーでデザイン設定カスタマイザーでデザインや細かな設定をしよう

追尾サイドバー

追尾サイドバーは、一定以上スクロールした場合に固定されるウィジェットです。

目次を追尾させる例

通常のサイドバーの下に配置され、おもむろにピタッと止まります。使い方は簡単。「追尾サイドバー」に固定したいウィジェットをドラッグして入れるだけ。

TOC+(Table of Contents Plus)という目次プラグインを使っている場合には、目次を固定することもできます(TOC+ウィジェットを追尾サイドバー内にドラッグするだけ)。

MEMO
スマホでは追尾サイドバーは表示されません。

ナビドロワー(ハンバーガーメニュー)

ナビドロワーはモバイル(スマホ〜中サイズタブレット)でのみ設置されるメニューのことです。ハンバーガー型のメニューをタップすると表示されます。「×」もしくは「画面右側の暗くなった部分」をタップすると閉じます。

ナビドロワー

個人的なおすすめはウィジェットの一番上に[検索]を配置することです(タイトルは無しにしましょう)。

手前味噌
このナビドロワーにはJavascriptは使われていません。HTMLとCSSで動いています。

フッターウィジェット(左・中・右)

フッターウィジェットは、全ページの最下部に表示されます。

フッターウィジェット

閲覧デバイスのサイズによってレイアウトは変わり、PCサイズで見ると3列のウィジェットが横に並び、スマホサイズだと縦に並びます。

なお、フッターウィジェットの色はカスタマイザーの「色」メニューから変更できます。詳しくはこちらの記事をご参照ください。

色の設定をする色の設定をしよう
広告を貼る時の注意点

ここからは主にサイトに広告を貼り付けたいときに活用できるウィジェットスペースになります。広告を貼るときには、カスタムHTMLウィジェットを配置し、[内容]欄に広告コードを貼りつけます。

Googleアドセンスの広告などで「スポンサーリンク」といった表記が必要なときにはタイトルに記入すればOKです(小さめに表示されるようになっています)。

トップページ記事一覧上 ver1.3〜

トップページの記事一覧上にのみ表示されます。広告などを設置するのが良いかと思います。SANGO ver1.3〜対応しています。

MEMO
パソコンとモバイル(スマホ/タブレット)で表示を切り替えたいときには「モバイルだけで表示するショートコード」や「PCだけで表示するショートコード」をご利用ください(ショートコード解説へ)。

トップページ記事一覧下

こちらに設置したウィジェットは、トップページの記事一覧の下にのみ表示されます。広告を設置するためなどにご活用頂ければと思います。

記事一覧下


記事タイトル下広告

記事ページのタイトル(とアイキャッチ画像)下のスペースに広告を設置できます。カスタムHTMLウィジェットを配置してご利用ください(もちろん広告以外をのせてもOKです)。

「モバイル用(スマホ/タブレットでのみ表示)」と「PC用(PCでのみ標示)」を用意しています。必要に応じて広告を貼り分けてくださいませ。

MEMO

モバイル用にAdsenseの「ラージモバイルバナー(320px・100px)」を使うときには、余白調整のために以下のタグで囲って頂くと、広告が画面からはみ出ることが無くなります。

<div style="margin: 0 -15px">
広告のコードをここに
</div>

記事コンテンツ後広告

記事本文後&シェアボタン前のスペースに表示されます。こちらもPCとモバイル両方を用意しているので、必要に応じて別の広告を貼って頂ければと思います。

記事コンテンツ後広告


記事中広告

こちらに設置したウィジェットは、記事本文内の1番最初のh2見出し前に表示されます。


関連記事広告

最近よく見かけるようになったGoogleアドセンスの関連記事型広告の設置用スペースです。

関連記事広告

関連記事広告は、シェアボタンなどの下に配置されます。こちらもカスタムHTMLウィジェットを配置し、コードを貼り付けるだけで設定は完了です。タイトルは空欄でも「関連記事」などとしても良いでしょう。

この記事にもぬるっと関連記事広告を設置してみました。SANGOテーマから少しカスタマイズしてあるので、デザインはやや異なりますが、イメージは掴めるのではないかと思います。

207 Comments

プログラミングど素人

いつも勉強させて頂き、ありがとうございます。
googleのadsense広告コードをトップページ記事下一覧、記事コンテンツ後広告(モバイル)、記事コンテツ後広告(PC)の3箇所に貼り付けたのですが、PC、ipad,iphoneで確認しても表示がされてなかったり、おかしな表示になっていたりするのですが、何が悪いのか全くわかりません。お手数ですがご教示頂けますか?ご確認よろしくお願いします。

返信する
プログラミングど素人

すみません。PCは問題なく表示されていました。ipadとiphoneでChromeで見るとサイドバーとヘッダー、フッターの変な場所に広告が現れるようなのですが・・・どちらもSafariで見た場合は問題ありません。ご確認よろしくお願いします。

返信する
サルワカくん

変な場所とは具体的にどこでしょうか。
見たところ記事下の「Sponsored Link」の下あたりのコードが変なことになっています。
(そもそも「Sponsored Link」という文字はどのように入力されましたか?)
何かカスタマイズされましたか?

また、キャッシュ系のプラグインを入れているのであれば、一度オフにしてください
(というより全てのプラグインを一度停止してみてくださいますか?)
本来のテーマでは起こり得ない現象なのですが…。

返信する
プログラミングど素人

わかりました!
記事下の「Sponsored Link」の下あたりのコードが変なことになっています。で修正できました。
お騒がせ致しました。
ありがとうございますm(_ _)m

返信する
よろしくお願いします。

始めまして。ウィジェットにアドセンス広告を設置していますが、特定ページには広告を設置しないことはできますか?

返信する
サルワカくん

SANGO Ver1.3〜は、投稿編集画面で「この記事には広告を表示しない」というチェックボックスが表示されるようになりました。こちらにチェックを入れるとその記事には表示されなくなります。

返信する
土井仲

はじめまして。このページを参考にして追尾サイドバーに目次を配置したのですが、目次のタイトル部分だけが表示できません。これは何が原因なのでしょうか?
参考資料としてこの現象が発生しているサイト(記事のページ)を載せます。

返信する
土井仲

確認したのですが入力しています。具体的には「目次の上にタイトルを表示」のチェックボックスを入力し、その下にあるテキストボックスに「目次」と入力しています。

返信する
サルワカくん

それはTOC+の設定でしょうか。
ウィジェット設定のタイトルは入力していますか?
管理画面⇒外観⇒ウィジェット⇒追尾サイドバー⇒TOC+のタイトル欄です。

返信する
土井仲

解決しました。タイトルが表示されなかったときは、ライブプレビューで管理→ウィジェット→追尾サイドバー(PCのみ)から設定しました。この時「エラーが発生しました。リロードしてもう一度お試しください。」とエラーメッセージが出ていたのですが、管理画面⇒外観⇒ウィジェット⇒追尾サイドバーから設定するとタイトルを表示できました。ありがとうございました。

宜しくお願い致します

お世話になっております。
サイドバーにアドセンスの広告を入れたいのですが、ウィジェットの「カスタムHTML」を使用すればよろしいのでしょうか。
その場合、上下左右の空白を調整するとしたら、どのように行えばよろしいのでしょうか。
どうぞ宜しくお願い致します。

返信する
サルワカくん

はい。カスタムHTMLをご利用ください。
上下左右の余白を調整するのであれば、ウィジェットには
<div class="sidebar-ads">
ここにAdSenseコード
</div>
と書き、クラス「.sidebar-ads」に対して、CSSのpaddingかmarginで余白調整をします。
paddingとmarginの書き方はこちらで解説しています。
https://saruwakakun.com/html-css/basic/margin-padding

返信する
宜しくお願い致します

早速の返信ありがとうございます。
「カスタムHTML」に

ここにAdSenseコード

と記述し、SANGO子テーマのスタイルシートに教えて頂いたページを参考に
.sidebar-ads {
margin: 5px
}
と記述したところ、上左右に余白は取れたのですが、どうしても下に余白が取れません。
{margin: 10px 10px 10px 10px}という方法でも試してみましたが、上手くいきませんでした。
アドセンスの広告は「レスポンシブ」を使っております。
アドバイスを頂けますよう、宜しくお願い致します。

返信する
宜しくお願い致します

お世話になっております。
.sidebar-ads {
padding: 2%
}
とだけ記述したところ、無事に空白が入りました。
ありがとうございました。

返信する
yskb2

お世話になります。
SANGO独自ウィジェットのタイトル頭に表示される絵文字を非表示にすることは可能でしょうか?

返信する
しばみー

はじめまして。
素敵なテーマとカスタマイズガイド、いつもありがとうございます。

いろいろ試したのですが、できなかったので質問させてください。

上記の「関連記事広告」を入れたくて試しているのですが、Adsenseの「インフィード広告」をウィジェットの「アドセンス関連記事型広告」に入れればいいのでしょうか?
何度か試していますが、うまくいきません。
お手すきのときに教えてくださったら幸いです。
よろしくお願いします!

返信する
サルワカくん

関連記事ウィジェットスペースには「関連記事広告」を使います。表示されていないということはまだ承認されていないということです。
「関連コンテンツを利用できるのは特定のサイト運営者様だけです。ご利用いただくには、サイトのトラフィック量とページ数の最低要件を満たしている必要があります。」
https://support.google.com/adsense/answer/6111336?hl=ja
Googleで検索すると解説記事が見つかるはずです。

返信する
しばみー

早々の返信に感謝します!
なるほど、承認されないと表示されないのですね……。
テーマと関係ない質問をしてしまい申し訳ありません。
ありがとうございました!

返信する
むぎ

はじめまして。
SANGOユーザーです。
質問させて頂きます。
スマホのハンバーガーメニューですが、特定の記事の時だけ表示されトップページや他の記事では表示されません。
サイトはhttps://kangosi-yametai.com/です。
プラグインが原因かなと思い色々と試してはみるものの、原因がわからず。
教えていただけると助かります。

返信する
匿名

サンゴの購入を検討している者です。
1つ質問があります。

ワードプレスには各記事にタグを設定し、そのタグをサイドバーのタグクラウドに列挙させる機能がありますが、サンゴを使用した場合、このタグ関連の機能はどうなりますか❓
現状、タグ機能を使用しているサンゴユーザーを見かけませんが、タグ機能は使用できない仕様でしょうか❓

お時間のある時にご回答いただけますと幸いです。

返信する
匿名

別の記事でタグ機能が使えると記載されているのを見つけました。
確認が不十分で失礼いたしました。

返信する
ilovesango

ご報告です。

このページの上部、

「SANGOには以下の13種類のウィジェットがあらかじめ用意されています。」

の上に無行為なURLを持った参考リンクがあります。

返信する
サルワカくん

うっかりとショートコード挿入ボタンをクリックしてしまったようです…。
ご指摘くださって、本当に助かりました。
ありがとうございます。

返信する
3年目ブロガー

はじめまして、12月の末からSANGOを新しいブログで利用させて頂いています。

本日、記事数も増えてきたところで広告を挿入しようと思いましたが、カスタムHTMLにアドセンスの広告を貼り付けする保存出来ない現象が発生しました。
カステムHTMLでメニューを作成する方法は問題なく行えました。
テキストへアドセンス広告を貼ることもできました。
しかし、なぜかカスタムHTMLだけアドセンスを貼ると保存されず読み込みし続けます。
特にプラグイン等も入れていない状態ですが、なにか原因はあるのでしょうか?

返信する
サルワカくん

その現象の原因はテーマというよりWordPress自体にありそうです。
ブラウザをリロードし、再度貼り付けてみて頂けますか?

返信する
3年目ブロガー

ご返信ありがとうございます。
やはり読み込みし続けて保存ができない状態です。

エラーコードでググってみたところ、現在のワードプレスのバージョンではカスタムHTMLにアドセンスを貼り付けると保存できないようです。

他の方はテキストに貼り付けて対応されているようですが、SAMGOではテキストを使用するとタイトルと広告の間に大きな空白が出来てしまいます。その為、ウィジェットを使用してのアドセンス挿入は封印せざるおえない状況のようです。

返信する
サルワカくん

テキストウィジェットにAdSenseを貼ったときにできる大きな空白は、AdSenseの仕様もしくはWordPressの仕様によるものです。
(広告が表示される際に、自動で余白を設定)
SANGO自体が設定している空白は、ごくわずかです。
こちらの記事が参考になるのではないでしょうか。
http://tanweb.net/2017/06/23/15144/

返信する
3年目ブロガー

わざわざお調べ頂きありがとうございます。
早速試してみようと思います。
今後もSANGOの運営を頑張ってください!!

サルワカくん

ありがとうございます。今後ともよろしくお願い致します。

三郎

お世話になっております。

デフォルトでは記事中広告が目次の上に表示されるようになっているのですが、これを「目次の下」に表示させることは可能でしょうか?

それではよろしくお願いいたします。

返信する
サルワカくん

お世話になっております。
デフォルトでは「記事中の1番目のh2見出し下に広告を配置する」という設定になっております。
そのため、h2見出しの前に目次を配置するようにすれば、広告が目次の下に表示されるのではないかと思います。
ご確認よろしくおねがいします。

返信する
MR

お世話になっております。
記事中広告は「はじめのh2見出しの前に表示されます」とウィジェットに記載があります。
そして、TOC+は「最初の見出しの前(デフォルト)」に配置されるようになっています。

ですので、どちらの条件もほぼ同じなため、目次の前に記事中広告が表示されてしまうのではないでしょうか?
(私は導入文章後にh2見出しから使います。

返信する
やまと

お世話になります。素敵なテーマをありがとうございます。
お尋ねですが、サイドバーに人気記事ではなく、自分のお気に入り記事(ピックアップ記事)を表示させることは可能でしょうか?

返信する
サルワカくん

お世話になっております。
自分のお気に入り記事を載せる機能はつけておらず・・・
簡単なのは、テキストウィジェットにショートコード(kanren)を貼ることかと思います。
デザインは少し変わってしまいますが。
ご確認よろしくおねがいします。

返信する
やまと

さっそく試してみました。ありがとうございます。
ショートコードを貼ったところデザインは問題ないのですが、これを同一ページではなく、新しいタブで開くことは可能なのでしょうか?
初歩的な質問ですみません。

返信する
サルワカくん

ショートコードのkanrenの後に半角スペースを空けて、target="_blank"と入力すればOKです。

返信する
どい

お世話になっております。
三郎さんと似通った内容ですが、記事中広告を文章中(例えば2回目のh2下)などに設置することは可能でしょうか?
よろしくお願いします。

返信する
でるた

先日購入させていただきました。
ありがとうございます。

質問なのですが、Adsenseの広告がサイドバーは認識されるのですが、
記事中や記事後のものが認識されず、ページに反映されません。
試しにサイドバーと同じコードを貼り付けてみても、なぜか記事中や記事後だけが表示されません。なぜなのでしょうか?

返信する
サルワカくん

固定ページには、広告が表示されないようになっております(利用規約など、広告を載せるべきコンテンツを掲載することも考えられるため)。
基本的には、記事は「投稿」⇒「新規追加」から作成するのが良いかと思います。

返信する
ゆう

お世話になります。

この記事を参考に記事中広告と記事コンテンツ後広告(PC・モバイル共に)にアドセンスの設定をしたのですが、何故かサイドバーの下部と、この記事を書いた人の欄にもアドセンス広告が表示されてしまいます。

これは何か設定が間違えてしまっているのでしょうか。
教えていただけると嬉しいです。

返信する
でるた

返信ありがとうございます。
ということは、サイトマップやサイトポリシー的なページは固定ページで作り、その他のメインとなる各メニューの下層記事ページは投稿で作っていくのを推奨されているということでしょうか?

返信する
サルワカくん

そうですね。
WordPress自体、そのような仕組みで記事を溜めていくことが想定されているはずです。

返信する
キキ

本日購入&ダウンロードさせて頂きました。

早速ですが困っています。

カスタムHTMLサイドバーに300x250pxの広告や画像を配置すると横に白い余白ができてしまいなんだかとても不格好です。

このカスタムHTMLのウィジェットのみ、背景色を無くす、もしくは透明になどするにはどうすれば良いでしょうか?

返信する
サルワカくん

広告は(AdSenseであれば)レスポンシブ広告を使用するのがおすすめです。
カスタムHTMLウィジェットのみ背景色を透明にするには、CSSに

.widget_custom_html {
  background-color: transparent;
}

と追加すれば良いかと思います。
他のカスタムHTMLウィジェットは背景白のままにしたい場合には、ブラウザの検証機能を使って、<div id="custom_html-2" class="widget_text widget widget_custom_html">というようなHTMLタグを探してみてください。
この中の赤字の部分(id)に対して指定を行います。idなので#で指定します。

#custom_html-2 {
  background-color: transparent;
}
返信する
キキ

丁寧かつ迅速にご享受頂きありがとうございました!

ASP広告だったので、後者のご提案で想定したものを実現することが出来ました。

返信する
asa

お世話になっております。
先日貴テンプレを購入させて頂いた者です。

ご質問なのですが、ナビドロワー(ハンバーガーメニュー)のウィジェットが表示されません。
以下のような文言が出ています。

「お使いのテーマには他に5個のウィジェットエリアがありますが、このページでは表示していません。」

ページやデバイス表示を変えてみましたが変化はありません。
どうすればよろしいでしょうか?
ご返信の程よろしくお願い致します。

返信する
サルワカくん

そちらは不具合などではないかと思います。
「お使いのテーマには他に5個のウィジェットエリアがありますが、このページでは表示していません。」
⇒4つは記事ページにのみ表示されるウィジェット、1つはナビドロワーだと思います。
おそらく「PC表示」での「トップページ」がプレビューされているので、それらは非表示になっています。
ナビドロワー(ハンバーガーメニュー)にウィジェットを追加したうえで、実際にスマホで表示されているかチェックしてみると良いかと思います。

返信する
asa

早速のご返信どうもありがとうございます。

「ウィジェットをカスタマイズ中です」の画面にて、ナビドロワーの選択表示が出てこないのです。
サイドバー、フッターウィジェット左、記事中広告、等は表示されているのですが、ナビドロワーの表示がないのです。
ですので、そもそもナビドロワーにウィジェットを追加する事が出来ないのですが、不具合という事でしょうか?
その場合、どうすればよろしいでしょうか?

また、違う質問になりますが、パソコンのみフォントを常時太字にするにはどうしたら良いでしょうか?

ご返信よろしくお願い致します。

返信する
サルワカくん

不具合ではありません。そちらはWordPressの基本機能でテーマに関わらず自動出力されるものです。
SANGO側からは触れていません。設定は、外観⇒ウィジェットから行ってください。
というかカスタマイズガイドに方法は書いてあるので、そちらを確認してください。
https://saruwakakun.com/sango/widget

返信する
asa

カスタマイズ画面⇒ウィジェットしか見ておりませんでした。
外観⇒ウィジェットからナビドロワーウィジェット確認できました。
お手数をおかけして申し訳ございませんでした。

また、下記の質問への回答もどうぞよろしくお願い致します。

>パソコンのみフォントを常時太字にするにはどうしたら良いでしょうか?

アリス

いつもお世話になっております。
SANGOのカスタマイズに夢中になっています。
質問というよりは要望なのですが、各ページごとにあるこの質問欄を一つのページで見ることはできないでしょうか? 個々のマイナーな質問もカスタマイズの参考になることが多いため、定期的に各ページの質問欄を見てチェックしているのですが、分散しているため、少し時間がかかってしまいます。もしよろしければ、ご検討いただけると幸いです。

返信する
えいぷりお @げんきリズム

はじめまして。

本日、以前からずっとあこがれていたSANGOを購入いたしました!

ひとつ質問なのですが、これまでWordPress Popular Postsの人気記事一覧をサイドバーに表示していたのを、SANGO独自の人気記事に切り替えました。

すると、当然なのかもしれませんが、PV数がゼロからカウントし直しになってしまいました。

これまでの累計PV数を反映することはできないものでしょうか?

ご回答いただけますと幸いです。

返信する
サルワカくん

大変申し訳ないです…。どうしてもカウントはゼロからになってしまいます。
数を合わせたい場合には、SANGOオリジナルウィジェットをオフにして、
WordPress Popular Postsを使い続けるのが良いかもしれません。
よろしくおねがいします。

返信する
HIDE

はじめまして、HIDEと申します。
SANGOの導入を考えています。
アドセンスを記事ごとに表示、非表示させる機能はありますか?

返信する
サルワカくん

はい、あります。
投稿エディタのサイドバーに「この記事では広告を非表示」というチェックボックスがあります。

返信する
HIDE

返信ありがとうございます!
チェックボックス1つで非表示にできるのはとても便利ですね。
アフィリエイト記事の時にすぐにオフにできるのはありがたいです!

返信する
Taro

はじめまして!
質問なのですが、サイドバーに広告用にカスタムHTMLを挿入したのですが、広告バナー自体が少し小さいのか右側に白いスペースができてしまいます。スペースをなくすにはどうすればいいでしょうか?

返信する
サルワカくん

拝見しましたが、バナー画像広告を貼っているのですね。
画像のサイズ自体が小さいのがスペースの原因です。

.custom-html-widget img {
    width: 100%;
}

を追加すれば解決するはずです。

返信する
Taro

基本的な質問で大変申し訳ないのですが、例えば下記のようなコードの場合どこに追加コードを追加すればいいのでしょうか?

返信する
iwaan

初めまして。

記事中広告に関して、記事タイトル下広告や記事コンテンツ後広告と同様に、PCとモバイルでAdSenseの広告ユニットを分けたいのですが可能でしょうか。
可能な場合、どのような方法でできますでしょうか。

返信する
ひろさんタ

UIが素晴らしかったので購入させていただきました。
関連記事にアドセンスを混ぜて表示させる事が何度やってもできません。
どうかご教授して頂きたいです。
よろしくお願い致します。

返信する
サルワカくん

強縮ながらSANGOでは記事下の関連記事にAdSenseを混ぜることは想定していません。
AdSenseの関連記事広告はご利用できないですか?

返信する
サルワカくん

それから(定かではないですが)記事下の関連記事内にレスポンシブ広告やインフィード広告を設置するのはAdSenseの規約違反になるのではないかと思います。

返信する
理系女子ママ

お世話になります。
フッターウィジェットにリンクを貼ると、リンクテキストに下線が自動的に入ってしまいます。(PC・スマホ両方)
下線が入らないようにするにはどうすればいいでしょうか?
よろしくお願いいたします。

返信する
サルワカくん

以下のCSSを追加すれば消えるかと思います。

.fblock .widget a {
    text-decoration: none;
}
返信する
みう

初めまして!
デザインに一目惚れし、本日から利用させていただいております。

人気記事のウィジェットですが、任意のカテゴリーのみを表示させることは可能でしょうか?

またそれとは別に、人気記事や新着記事の一覧ウィジェットを現在表示している記事と同じカテゴリーで表示出来たらうれしいです!
SANGOの人気記事ウィジェットをぜひ利用したいので、
もし今後のアップデートで実装が可能でしたらお願いします。

返信する
サルワカくん

ありがとうございます。
大変恐縮なのですが、SANGOデフォルトの人気記事ウィジェットでは、任意のカテゴリーのみ表示させることはできません。
SANGOのウィジェットをオフにしておき、WordPress Popular Postsなどのプラグインを使えば、ご要望の通りにできるのではないかと思います。
今後のアップデートについては検討させて頂きます。

返信する
みう

丁寧な返信ありがとうございます!
やはりそうですよね。
・表示速度を考えるとなるべくプラグインを減らしたい
・特化ブログ風に見せたい
と思った次第です。
WordPress Popular Postsを導入します。

アップデートの検討何卒よろしくお願いします。
SANGOのファンとして今後も応援しています!

返信する
toge

ウィジェットのAdsense関連記事型広告を使ってます.特定の記事で,関連記事型広告を表示しない方法を教えていただけますか?

投稿エディタのサイドバーの「この記事では広告を非表示」にチェックしても,記事内の広告は非表示にできても,関連記事型広告を非表示にはできません.

返信する
サルワカくん

なるほど。
以下の方法で「この記事では広告を非表示」にチェックを入れると、関連記事広告も消えるようになるかと思います。
① 子テーマ内に「parts」という名前のフォルダーを作成
② parts(①)の中に「single」という名前のフォルダーを作成
③ single(②)の中に「entry-footer.php」という名前のファイルを作成
④ entry-footer.php(③)の中身は親テーマのentry-footer.phpの中身をコピー
(つまり子テーマ内に、編集したいフォルダーとファイルを複製します)
⑤ 子テーマのentry-footer.phpの以下の部分(20行目)を

dynamic_sidebar( 'ads_footer' );

以下に書き換え

if(!get_post_meta( $post->ID, 'disable_ads', true )) dynamic_sidebar( 'ads_footer' );

⑥保存してページを読み込み(キャッシュプラグインを入れている場合は、キャッシュ削除)

ご確認よろしくお願いします。

返信する
だいすけ

ハンバーガーメニューのアイコン(「×」や「三」)の色を変えるにはどうすればいいですか?白色で固定されているので、background-colorを白にしたときに消えてしまいます。cssなどで色をつける方法を教えてもらえたらうれしいです。よろしくお願いいたします。

返信する
サルワカくん

×の色は以下のCSSで

.header .drawer__title .close span, .header .drawer__title .close span:before {
    background: #色コード;
}

三の色は以下のCSSで

header #drawer__open {
    color: #色コード;
}

お願いします。

返信する
ピピノブ

先日テーマを購入させていただき、現在カスタマイズ作業を進めております。「記事タイトル下広告」なのですが「PC」についてはメニューに表示されるのですが「モバイル」が表示されません。表示の仕方を教えていただけないでしょうか?(いちおう、プレビュー画面はモバイルに切り替えてはいるのですが、ずっと「PC」のままで困っております・・)

返信する
サルワカくん

そういうことですね。
お手数なのですが、外観⇒ウィジェットの「記事タイトル下広告(モバイル)」で設定頂けますでしょうか。
ご確認よろしくお願い致します。

返信する
池上一希

先日購入させていただきました。Googleアドセンス広告を記事下に貼ろうと思い上にあるようにしたのですが空白は出てきますが広告が出てこないのですがなぜでしょうか。

返信する
ゆみしん夫婦のブログ

お世話になっております。トップページのコンテンツフィードにアドセンス広告を載せたいのですが、どのようにしたらよいかわからず連絡しました。よろしくお願いします。

返信する
かわいち

いつもお世話になっております。
「記事コンテンツ後広告」のウィジェットを活用して、すべてのページ本文あとに特定のリンクが表示されるように、カスタムHTMLを利用してリンクを設定していますが、この場合のリンクに下線をつけるにはどのようにすればよろしいでしょうか?
(自力で調べて何度か試したのですが、解決できなかったので…)
お手すきの時に、ご教授いただけるとありがたいです。
宜しくお願い致します。

返信する
サルワカくん
#main .widget_text a {/*記事コンテンツ上下ウィジェット内のリンクに対する指定*/
  text-decoration: underline;
}

でいけるかと思います。

返信する
かわいち

ご返信ありがとうございます。
実現できました!
いつもありがとうございます。

返信する
ショウ

サルワカ先生、はじめまして。昨日、SANGOを購入したもので、ショウといいます。お世話になります。先程、SANGOのテーマを自サイトに反映させたのですが、
右カラムの「最近の投稿」の中のサムネイル画像が、マウスポインタを当てても浮かび上がりません。浮かび上がらせたいのですが、どのようにすればよろしいでしょうか?
https://saruwakakun.design/shortcode-examplesのサンプルのサイトの右カラムの
POPULAR(人気記事ウィジェット)の様にしたいのですが。
ご教授頂けたら幸いです。お忙しいとは思いますが、どうぞよろしくお願いいたします。

返信する
サルワカくん

おそらくですが、プラグイン「Recent Posts Widget With Thumbnails」を使っていますよね?
SANGOではデフォルトでサムネイル画像付きの最新の投稿ウィジェットに対応しているので、そちらのプラグインをオフにしていただければ。

返信する
ショウ

ありがとうございます。「Recent Posts Widget With Thumbnails」をオフにすることでちゃんと浮かび上がるようになりました。感謝です(^^)

返信する
りん

はじめまして。
ウィジェットの「記事中広告」「アドセンス関連記事型広告」に「カスタムHTML」でアドセンスタグを貼り付けて「保存」をクリックすると「保存」左の「公開状態」の左のぐるぐる周るマークがいつまでも周ったままで、保存ができません。
ためしに、「カスタムHTML」の内容にアドセンスタグではなく、テキストを入力すると保存ができました。
次にウィジェットではなく、記事本文にアドセンスタグを貼り付けてみますと、アドセンス広告は表示されました。
つまり、ウィジェットも、アドセンスタグも機能はしているのですが、ウィジェットでアドセンスタグの保存ができず、設定で何か確認することなどありますでしょうか?
よろしくお願いいたします。

返信する
りん

ありがとうございます。カスタムHTML保存できました。
WAF設定がONになっているのが原因でした。

返信する
まさ

購入させて頂きました。非常に使いやすいテーマです。
質問なのですが、CTAとシェアボタンの位置を入れ替えることは出来ませんか?(記事直下にCTAを置きたい、という意味です)
記事下広告のウィジェットで対応するのが良いのでしょうか?

返信する
サルワカくん

以下のカスタマイズで対応できるかと思います。
① 子テーマのファルダにpartsという名前のフォルダを作成

② 作成したparts内にさらにsingleという名前のフォルダーを作成

③ 作成したsingle内にentry-footer.phpという名前のファイルを作成

④ このファイルの中身を親テーマのentry-footer.phpからコピペしてくる(これで子テーマ内のentry-footer.phpが読み込まれるようになります)

⑤ 子テーマのentry-footer.phpを開き、18行目の<?php insert_cta(); //CTA ?><?php insert_social_buttons(); //シェアボタン?>の上に移動する

返信する
うずくまる

こんにちは。記事下広告が思い通りに表示されずに困っています。

https://uzukumaru.net/2018/04/08/1000円があるなら経堂『逸福』の海老鯛出汁茶漬け/
(この記事を例に挙げます。)

記事の終わりにGoogle Adsenseの広告を表示させたいのですが、

読んでいただきありがとうございました
(ココに表示させたい!!!)
[SHARE ボタン]

と思ってます。
が、”記事コンテンツ後広告”に”カスタムHTML”を使って貼り付けても、任意の場所に表示されず関連記事に広告が表示される始末となり、
さらに、謎の薄青いエリアが出現して困っています。

ご回答よろしくお願いします。

返信する
サルワカくん

SANGOにおいて「記事コンテンツ後広告」に貼り付けたものが「関連記事広告」の位置に表示されることはありません。
(そのようなバグもありえません)
Googleの自動表示広告を利用しているのでは?

返信する
toge

特定の記事だけ,サイドバーのアドセンス広告を表示しないようにしたいです.
投稿エディタの「この記事では広告を非表示」にチェックした場合,記事内の広告は非表示にできても,サイドバーの広告を非表示にはできません.
方法を教えていただけますか?お願い致します.

返信する
サルワカくん

サイドバーのウィジェットには、広告以外も設置されるため、その記事だけ一括で非出力とすると
プロフィールなども出力されなくなってしまいます。そのため、GoogleのAdSenseの広告をCSSで強制的に非表示にする方法しかないかと思います。
以下のコードを子テーマのfunctions.phpに貼れば消えるはずです。

//広告を非表示にするコードをフッターに追加
add_action( 'wp_footer', 'unshown_ads' );
function unshown_ads() {
	global $post;
	if(is_single() && get_post_meta( $post->ID, 'disable_ads', true ) ) {
     echo '<style>.adsbygoogle{display: none!important;}</style>';
	}
}
//END 広告を非表示にするコードをフッターに追加
返信する
たけぽこ

本ページの、「関連記事広告」をやりたいのですが、いまいちやり方がわかりません。
以下のやり方であっていますでしょうか?
・カスタマイズ画面
関連記事(記事下)にAタイプで、9つ表示

・ウィジェット画面
アドセンス関連型記事広告に、googleアドセンスのインフィード広告のコードを貼り付け

よろしくお願いします。

返信する
サルワカくん

いえ、Adsenseに関連記事広告という種類があります。
ただし、サイトのPV数がある程度多くないと使用ができなかったと思います。

返信する
たけぽこ

さるかわさん、
すぐにご返信ありがとうございます。

なるほど!そういうことなんですね。了解しました!

返信する
ママ

度々失礼いたします。

アドセンスの関連コンテンツの件で質問なのですが、
アドセンス公式のレイアウト変更→https://support.google.com/adsense/answer/7533385?hl=jaで
「テキストの上に画像を配置」で列を3列に指定した場合、
PC表示で横幅は3等分になっているのに一番右の3列目のみ表示されず空白になり、
1列目・2列目の下に表示されてしまいます。

2列や4列にした場合はPCでも正常に表示されますが、
3列指定の場合のみおかしくなってしまいます。

ちなみに関連コンテンツの広告ユニットはサイズ指定なしでレスポンシブの設定です。
お手数おかけしますが、改善方法を教えていただけると大変助かります。
よろしくお願いいたします。

返信する
サルワカくん

そちらは100%、AdSenseの仕様です。
こちらでは全く対応できません。
すべての問題の原因がテーマにあるわけではないので。
Googleに報告するのが良いと思います。

返信する
MK

すばらしいテーマ、本当にありがとうございます。

ナビドロワー(ハンバーガーメニュー)の「三」下に
NEMU の文字を入れる方法を、
どこかのコメントで解説されていた、と記憶しているのですが、
ずーと探しているのですが、見つかりません。

どこで解説されていたか、お教えいただけないでしょうか。
よろしくお願いいたします。

返信する
DOLLY

ナビドロワーに、https://saruwakakun.com/sango/my-profileの「サイドバーにプロフィールを表示」と同じようにカスタムHTMLでプロフィールを挿入すると、スマホ表示のときにヘッダーとモバイルスライドメニューの色が反映されなくなります。
何か改善策はありますか?

返信する
サルワカくん

<header>タグが消えているようです。
多分、プロフィールとは関係なく、header.phpのカスタマイズでこのタグを消してしまったのではないでしょうか。

返信する
DOLLY

header.phpのカスタマイズはしていません。
ナビドロワーからプロフィールを消すと、ヘッダーまわりの色が戻る現象が起きています。
子テーマのPORIPUを使用しているので、そちらの不具合でないかも確認してみます。

返信する
サルワカくん

いま確認しましたが、問題なく表示されるようになったみたいですね。

返信する
DOLLY

プロフィールを消したので、表示されている状態です。
もう一度、試行錯誤してみます。
ご対応ありがとうございました!

サルワカくん

あ、そういうことですね。
もし解決しない場合には再度コメント頂ければと思います。

ちば

お世話になります。
googleアドセンス広告を記事中広告、記事コンテンツ後広告(PC)で表示させています。自サイトの背景色が白なので、それに合わせてアドセンス側の設定で枠の色を#FFFFFFに設定しているのですが、表示される広告によってはグレーの枠線が表示されてしまい困っています。外観→テーマの編集からCSSの記述などで、アドセンスの枠線を必ず白にすることは可能なものでしょうか。

返信する
サルワカくん

広告タグの制御まではちょっと厳しそうですね・・・。
頑張ってコードをゴリッと書けばできるかもしれませんが、広告タグを改変するのはガイドライン違反となる(?)かもしれないので推奨はしません。

返信する
なぴ助

お世話になっております。

GoogleAdSenseのレスポンシブ広告をウィジェットで記事タイトル下、記事中、記事コンテンツ後に貼り付けたのですが、モバイル(スマホ)表示での記事タイトル下、記事中、関連記事一覧とサイドバー(PCの表示の場合)の間のスペースの広告が、幅いっぱいの大きいものが2種類縦に表示されてしまいます。

ポリシーの遵守においても、各箇所に1種類ずつのみの表示にしたいのですが、良い方法はありますでしょうか。

記事コンテンツ後の広告だけ、同じ広告コードですがなぜか1種類のみで上手く表示されます。

関連記事一覧とサイドバー(PCの表示の場合)の間のスペースの広告については、ウィジェットへのコード貼り付けなどで出たものではなく、おそらく、AdSense審査時にヘッダータグに貼ったものを読み込んでいる?のかと思われます。

PCでの表示は問題ありません。よろしくお願い致します。

返信する
なぴ助

先ほど質問させていただきました広告が縦に2つ表示されてしまう件についてですが、審査時にヘッダーに貼ったコードを外しましたら解決しましたので、回答いただかなくて大丈夫です。ありがとうございました。

返信する

コメント場所が違っていれば、訂正します。
いつからかはっきりわからないのですが、サイドバーと記事の一番上部分(ロゴ画像の下)が揃わず、ずれてしまいました。
また、ロゴ画像の下の部分もデモに比べると、かなり広いように見えます。
どのように修正すればいいでしょうか。
よろしくお願いいたします。

返信する
サルワカくん

ウィジェットの設定を見直してみてください。空のウィジェットが入っているのではないでしょうか。

返信する

全てを外して、タブ切り替えも外してみましたが、メインとサイドの位置が同じになりません。(「検索」だけ再度入れています)

返信する
サルワカくん

「トップページ記事一覧上」のウィジェットに空のテキストウィジェットが入っていると思います。
(外している場合、キャッシュプラグインによりキャッシュが残ってしまっている可能性があります)

返信する
TS

お世話になります。

アドセンスについてご質問がございます。
トップページ記事一覧上の広告を非表示にして、
トップページ記事一覧下か、もしくは、フッター部に広告を表示したりすることは
可能でしょうか?
versionは、 1.3.3です。

以上、よろしくお願い致します。

返信する
サルワカくん

自動広告は使用しておりませんよね?
使用していない場合、単純に記事一覧下のウィジェットのみに広告コードを貼るようにすれば良いと思います。

返信する
TS

ご回答ありがとうございます。
自動広告ではなく、広告ユニットからテキスト/イメージ、レスポンシブを選んで登録しました。
その後、ワードプレス内でウィジェット等、何も設定していないのですが、広告が表示されるようになりました。これはアドセンス側の設定でしょうか?

返信する
サルワカくん

ウィジェットが空欄のときに広告が勝手に表示されることはないので、おそらくアドセンスの自動広告を貼ってしまっているのだと思います。

返信する
TS

ご回答ありがとうございます。
アドセンスの管理画面の、「自動広告」メニューをクリックすると、
「自動広告」を開始する
の表示があるので、自動広告は設定してないと思います。

私の方でももう少し調べてみようと思います。

TS

お世話になります。
アドセンス登録の審査用のコードが悪さをしていたようです。
headタグに、
ca-pub-**************
という箇所がありますが、*の部分を削除すると、広告が消えました。
ご参考まで。

お手数をおかけ致しました。

サルワカくん

解決したようで良かったです。ご報告ありがとうございました。

ありがとうございました。
サイドバーばかりで全部のウィジェットを確認していませんでした。

返信する
ダイチ

いつも適切な回答ありがとうございます。
ウィジェットのカテゴリーの階層が2段までしかないのですが、3段階の階層にするにはどうしたらよいのでしょうか?

返信する
サルワカくん

恐縮ながら、そちらはテーマではなく、WordPressの仕様です。
申し訳ありませんが、こちらでは変更の提案ができません。

返信する
サルワカくん

外観→ウィジェット→「スマホ用ナビドロワー(ハンバーガーメニュー)」にウィジェットを入れると、ハンバーガーメニューが動くようになります。

返信する
まさと

「お使いのテーマには他に9個のウィジェットエリアがありますが、このページでは表示していません。

ページに表示されるウィジェットを表示・編集するためにカスタマイザーを使用している最中でもサイトの別のページに移動することができます。」

これはどういうことでしょうか?

返信する
サルワカくん

「カスタマイザーで現在プレビューしている画面上では使われていないウィジェットが9個ある」ということです。
特に気にせず「外観」→「ウィジェット」から全てのウィジェットの設定を行うのが良いかと思います。

返信する
あじゃ

ウィジェットを使ってのAdsense広告の配置ができません。ウィジェット設定画面で、例えば記事中広告を選択してカスタムHTMLにAdsenseスクリプトをコピペして保存を押すと、保存が完了できずにずっと読み込み中のようなマークが回り続けてしまいます。ランキングなど他のウィジェットは操作できて、Adsenseだけ配置できません。どうしたらよろしいでしょうか?

返信する
サルワカくん

ウィジェットの設定については、WordPressの標準機能をそのまま活かしているので
「WordPress ウィジェット 保存できない」などと検索すると解決策が見つかるのではないかと思います。
また、よくある質問に「カスタムHTMLウィジェットにコードを貼ると、ぐるぐる回った表示が出たまま保存できない」という項目があるので、まずはそちらを試して頂ければと思います。

返信する
sora117

お世話になります。
ウィジェット 追尾サイドバーにてカスタムhtmlを設定いたしました。
現在サイドバーに表示されている(メニューのボックス)最後のもの。

追従サイドバーが使用できないようなのですが、これは、当方によるカスタマイズでの何かの不具合によるものなのでしょうか?

返信する
sora117

質問をしたのですが、プラグイン

NextGEN Gallery をいれるとjQueryが上手く働かないことが判明しました。
停止をいたしましたら不具合がなくなりました。

返信する
サルワカくん

ご報告ありがとうございます。調べてみたところ、NextGEN Galleryを有効化すると、たしかにjQueryの動きがおかしくなってしまうようです。
よくある質問に「NextGEN Gallery」を有効化すると、タブ機能や追尾サイドバーなどが動かなくなる」の対処法を記載したのでご確認頂ければと思います。

返信する
ゆうか

購入検討をしております。
ハンバーガーメニューの位置が左上にありますが、これを右上にすることは可能なのでしょうか?

返信する
しん

すみません「関連記事広告」をウィジェットに登録したいのですが、そもそもウィジェットが見つからず困っています。
外観→ウィジェットの後、画面上のどこに存在するのでしょうか?

返信する
サルワカくん

「アドセンス関連記事型広告」というところです。アドセンス以外にも使えます。

返信する
サルワカくん

本来は右下に表示されるのですが、表示されていないようですね。
子テーマなどでカスタマイズはされていますか?
もし、子テーマを解除すると(親テーマを適用すると)表示されるのであれば、子テーマの内容に問題があると思われます。
また、プラグインを一度すべて解除したうえで表示されるか確認⇒表示されるようになった場合、1つずつ有効に戻していくことで、原因となっているプラグインを特定することができます。
ご確認よろしくお願いします。

返信する
しん

原因が分かりました。
すべてのプラグインを無効化&親テーマと子テーマを再度削除→再インストールしてさらにブラウザを再起動しても事象は変わらなかったため、試しにブラウザを変えたところ正常に表示されました。
元々chromeを使っていたのですがブラウザ側のプラグインが原因なのかもしれません。
いずれにせよ無事解決です。お騒がせしました。

サルワカくん

詳しい情報提供ありがとうございます。とりあえず無事解決したようで安心しました。
私の方でも同様の現象が生じて原因が分かったら、再度こちらにコメントさせて頂きます。

ゆけしゃん

投稿エディターにあるはずの「この記事では広告を非表示」という機能がありません。
どのようにすれば有効化できるのでしょうか?

返信する
サルワカくん

そちらはVer1.3〜搭載された機能なのですが、それ以降のバージョンのテーマを使用されていますか?
また、投稿編集画面右上の「表示オプション」タブにて「この記事では広告を非表示」にチェックは入っていますでしょうか?

返信する
TB

いつも参考にさせていただいています。
質問なのですが、ナビドロワー(ハンバーガーメニュー)などが設定場面で出てきません。
設定画面には、お使いのテーマには他に8個のウィジェットエリアがありますが、このページでは表示していません。
と表記してあります。
どのようにしたら表示ができるようになるのでしょうか。
初心者で申し訳ございませんが、よろしくお願いいたします。

返信する
サルワカくん

この記事の冒頭あたりで書いてある通り、WordPressでのウィジェットの設定は[外観]⇒[ウィジェット]から行って頂くのが良いと思います。
(外観→カスタマイズだとプレビュー画面に表示されるウィジェットしか設定できなかったかと)

返信する
サトル

わかりやすい記事で読者として大変助かっております。
サイト運営者としても参考になるので、有り難い限りです。

一点だけご質問させていただければと思います。
特定のウィジェットをトップページのみだけで表示することは
できますでしょうか?
(トップページは固定ページではなく、
新着記事が表示されるようになっております。)

既存のカテゴリーのみ、PCのみ、の表示のように
トップページのみの表示もできる方法をご教示いただければ幸いでございます。
大変恐縮ですが、よろしくお願いいたします。

返信する
サルワカくん

子テーマのfunctions.phpに以下のコードを追加して

add_shortcode('only_home','show_only_home');
function show_only_home($atts , $content = null) {
	$cat_id = (isset($atts['id'])) ? $atts['id'] : null;
	$cat_id = explode(',',$cat_id);
	if($content && is_home()) {
		$content = do_shortcode( shortcode_unautop( $content ) );
		return $content;
	}
}

そのうえでテキストウィジェット内で[only_home]ここにトップページでのみ表示されるもの[/only_home]と書けば、ウィジェットの中身をトップページでのみ表示させるようにすることができます。ただし、ウィジェットのタイトルなどは全ページ共通で表示されることになります。
もしウィジェットをまるっとトップページにのみ表示させるようにしたい場合には、子テーマ内にテンプレートファイルを複製して、ウィジェットの読み込みタグを条件分岐のコードで挟む必要があります。

返信する
サトル

ご教示いただき誠にありがとうございました!
ご教示いただいた通りで設定できました。

お忙しい中時間を割いていただき感謝の限りでございます。
ありがとうございました!

返信する
yone

お世話になります。
タイトル横のハンバーガーメニューがスマホの幅にしても表示されなくて困っています。
外観>ウィジット>スマホ用ナビドロワーにウィジットを入れていますが
デモページ(https://saruwakakun.design/)と同様の形でメニューが消えてロゴだけになってしまいます。
何を検証して修正すればいいのか分からなくて質問させて頂きました。
宜しくお願い致します。

返信する
サルワカくん

ハンバーガーメニューは閲覧デバイスを判定してスマホ・タブレット端末であれば表示するような仕様になっております。
(その方が軽くなるため)
そのため、PCブラウザで幅を狭めてもハンバーガーメニューは表示されません。
PCでスマホ表示を確認するためには、Chromeのモバイルエミュレーターなどの機能を使うのがおすすめです。

返信する
yone

迅速なご回答ありがとうございます。Chromeのモバイルエミュレーターは使用しておりましたがちゃんと使えていなかったみたでスマホ画面では反映されておりました。できないと考えていたのも確認用のipad miniでもpcと同じ表示だった為です。

スマホだけでなくipadでもハンバーガーメニューに変更したいのですが、
その方法をご教示頂けませんでしょうか?

質問が一度で終わらず、大変お手数お掛け致します。

返信する
サルワカくん

そういうことですね。
768px以上のサイズの端末では、ハンバーガーメニューではなくPCヘッダーメニューが表示されるような仕様になっております。
以下のCSSを子テーマのstyle.cssに追加することで、1030px以下のタブレット端末でもハンバーガーメニューが表示されるようになるかと思います。

@media only screen and (max-width: 1030px) {
  #drawer__open {
   display: none;
  }
  .desktop-nav {
    display: none;
  }
  #inner-header {
    text-align:center;
  }
}
返信する
yone

簡潔な方法、ありがとうございます!大変助かりました。
素人なので何とも言えませんが3行目は
display: block;
にしたらうまくいきました。

@media only screen and (max-width: 1030px) {
#drawer__open {
display: block;
}
.desktop-nav {
display: none;
}
#inner-header {
text-align:center;
}
}

サルワカくん

3行目の部分はちょっと分かりませんが、うまくいったようで安心しました!

田中麻記

初心者であり、的外れな質問でしたら申し訳御座いません。
各広告ウィジェットにアドセンスを貼り付ける際にアドセンス側でどのサイズで広告ユニットを作るのがオススメでしょうか?
SANGOの各広告ウィジェットに適したアドセンス広告の作成手順を教えていただけると幸いです。

返信する
サルワカくん

サイドバー、記事中広告、記事コンテンツ後広告などは「レスポンシブ広告」で基本的に良いと思います。
アドセンス関連記事型広告には名前の通り「関連記事広告」ですね。

返信する
たけ

サイドバーと、記事下に広告表示あり
記事タイトル下には広告を表示させたくないのですが、可能でしょうか?

返信する
サルワカくん

自動広告を使用していますか?
その場合、Googleのスクリプトで挿入箇所がコントロールされているため、テーマ側で変更はできないですね。

返信する
オカベ坊や

はじめましてこんにちは。

サイドバーにGoogleカスタム検索エンジンを追加したのですが、
検索フォーム内の文字サイズの設定が大きくなっており、フォーム内に収まらず一部しか見えずに困っております。

お手数ですが、こちらの文字サイズの変更方法をご教示いただけませんでしょうか。
お手数ではございますがどうぞよろしくお願いいたします。

返信する
サルワカくん

Googleカスタム検索エンジンの仕様はあまり良く分かりませんが

.gsc-search-box-tools .gsc-search-box .gsc-input {
    font-size: 15px;
}

というようなCSSを追加することで変更できると思います。

返信する

ウィジェットに google language translator を入れたいのですが、サイドバーに設定すると余白があるにも関わらず、国旗が4個で2列目に移り1行に並びません。(画像も少し変です)記事上に設定するとちゃんと1行に並びますが、サイドバーとのレイアウトがずれてしまいます。タイトルを入れても入れなくても。
サイドバー、記事のどちらか1つでよいので教えていただきたいです。よろしくお願いします。

返信する
サルワカくん

こちらで同様の現象を再現できないので、該当のページを教えていただけますか?

返信する
サルワカくん

貼り付けたコードって、Googleが出力されたものをそのまま使った感じですか?
Googleが自動的にスタイリングを行う仕様のようなのでこちらでコントロールすることができません(SANGOのバグでは無いです)。
スタイルをプルダウンにするくらいしかないですかね…。

返信する
ネコ

いつもお世話になっております。SANGOユーザです。
お忙しいところ、大変恐縮ですが、サイドバーの表示について教えてください。

[外観]-[ウィジェット]のサイドバーの設定で上から、下記の項目を設定しています。
検索
カテゴリー
院長プロフィール
最新記事
人気記事
Facebookページプラグイン

記事を表示すると、「院長プロフィール」だけ表示されないのです。
トップページを表示した時と同様に、「院長プロフィール」を表示させるためにはどうすれば良いでしょうか?

返信する
サルワカくん

なるほど…。プラグインを全てオフにしても同様の現象が生じますか?

返信する
ネコ

サルワカさん、ご連絡ありがとうございます。
プラグインを1つずつ停止して確認してみたところ、原因は「Jetpack by WordPress.com」でした。
お騒がせいたしました。
停止したところ、記事表示時もプロフィールが表示されるようになりました。

返信する
ネコ

サルワカさん、ご教示ありがとうございます。
Jetpack by WordPress.comプラグインの外観→ウィジットの公開状態の条件設定を変更することで、記事表示時もプロフィール表示されるようになりました。
大変助かりました。

セトスイ

サルワカさん初めまして。SANGOユーザーです。
書いてある通り関連記事広告のカスタムHTMLにアドセンス広告コードを貼りつけたのに、記事後の関連記事の中に広告が入ってないのですが、、原因はわかりますでしょうか?
宜しくお願い致します。

返信する
サルワカくん

私が使用している関連記事広告のコードスニペットと比べてコードが短いようです。
広告コードは合っておりますか?
また、Googleから関連記事広告の許可は出てますか?(参考

返信する
セトスイ

お返事ありがとうございます!!参考リンク読ませていただきました。アドセンスのインフィード広告コードですかね?を取得して再度チャレンジしてみます。

返信する
サルワカくん

インフィード広告ではなく、関連記事広告だと思います。
(ある程度のPV数がないと、使用できなかったはずです)

返信する
ヒロ

こんにちは。先程サイドバーの位置変更についてコメントしたヒロです。
方法がわからなかったので、SANGO Childで/*モバイル*//* タブレット *//* デスクトップ */のcss設定を調整しました。
もし他に良い方法があったら(どこかのページで紹介されていたら)教えてください。
よろしくお願いいたします。

返信する
サルワカくん

大変申し訳ないのですが、サイドバーを左に配置することは想定しておりません。
というのも多くの人がモバイルでアクセスするようになった今、レスポンシブ対応するにあたって、左側のサイドバーがメインコンテンツ下に配置されるのは直感的ではないと考えるためです。
お力になれず申し訳ないです。
ちなみにカスタマイズガイド風のレイアウトにする方法は、こちらの記事で紹介しています。

返信する
ヒロ

ご回答ありがとうございます。
カスタマイズ風レイアウトページ、参考にさせて頂きます。

返信する
てん

こんにちは。
SANGOという素晴らしいテーマをご提供頂き、ありがとうございます。

質問なのですが、広告を「アイキャッチ上」に配置することは可能でしょうか?
ウィジェットの「記事タイトル下」がそれに該当するかと思いましたが、私の思い違いがあった様で、アイキャッチの下に表示されました。
「更新日時」と「アイキャッチ」の間にリンクユニットを配置してみたく、質問致しました。

お忙しいところ、申し訳ありません。
ご回答可能でしたら、よろしくお願い申し上げます。

返信する
サルワカくん

タイトル下のウィジェットを移動させることが可能です。
①子テーマの中に、partsという名前のフォルダーを作成し、さらにその中にsingleという名前のフォルダーを作成します。
②作成したsingleフォルダーの中に、親テーマからentry-header.phpentry-content.phpいう2つのファイルを複製してきます(ファイルの内容は、一旦親テーマのものと全く同じにしてください)。
③子テーマのparts/single内のentry-content.phpを開き、3〜9行目の以下の部分を削除して保存。

$show_ads = (get_post_meta( $post->ID, 'disable_ads', true )) ? null : "1";
  	//タイトル下広告(ウィジェットで設定)
  	if( wp_is_mobile() && is_active_sidebar('ads_below_title_mb') && $show_ads) {
  		dynamic_sidebar('ads_below_title_mb');
  	} elseif( !wp_is_mobile() && is_active_sidebar('ads_below_title_pc') && $show_ads) {
  		dynamic_sidebar('ads_below_title_pc');
  	}
 

④次にentry-header.phpを開き、13行目の</p>のすぐ下に以下のコードを貼り付け。

<?php //タイトル真下広告
  if( wp_is_mobile() && is_active_sidebar('ads_below_title_mb') ) {
    dynamic_sidebar('ads_below_title_mb');
  } elseif (  !wp_is_mobile() && is_active_sidebar('ads_below_title_pc') ) {
    dynamic_sidebar('ads_below_title_pc');
}
?>

ご確認ください。

返信する
ヨコロケンイチロウ

こんにちは。
テーマをご提供頂き、ありがとうございます。

アドセンスの表記についてなのですが、
特定の記事にアドセンス広告を表記させたくないのですが、
広告を表記しないにチェックを入れても広告が反映されてしまいます。

QUICK ADDのせいでしょうか?

お忙しいところ恐縮ですが、よろしくお願いいたします。

返信する
サルワカくん

サイドバーウィジェットに広告を貼っておりますか?
その場合、恐縮ながら、テーマ側ではサイドバーのウィジェットのうち、どこに広告が貼られているか判別することができないため、非表示にならない仕様となっております。
(広告以外のカスタムHTMLウィジェットまで非表示になってしまうというイメージです…)
そこで、サイドバーに広告を貼っている場合、お手数ですが、

.postid-◯◯ .adsbygoogle {
    display: none!important;
}

というCSSを追加して頂ければと思います(外観⇒カスタマイズ⇒追加CSSなどに記載すればOKです)。◯◯の部分には投稿IDが入ります。
例えば、投稿ID「15」と「125」と「155」では広告を非表示にしたいという場合、以下のCSSを貼ります。

.postid-15 .adsbygoogle,
.postid-125 .adsbygoogle,
.postid-155 .adsbygoogle {
    display: none!important;
}

ご確認よろしくおねがいします。

返信する
shiori

こんにちわ。テーマを使わせていただいております。ご提供ありがとうございます。
google adsenceの表示で一つ悩んでいることがありコメントいたします。

アドセンスをblogのトップページに表示させない(配下の記事にのみ表示させる)には、どのような方法がありますでしょうか。
ウィジェットの設定でクリアできるかと考えたのですが、記事中広告を使う際に「h2の前に表示させる」の形だとトップページに出てくる各記事のタイトルが引っかかってしまい、悩んでおります。何か方法はありますでしょうか。
header.php内に入れたコードに対してで分岐をかけてみたのですが、うまくいかなかったので、ご質問した次第です。

お忙しいところ大変恐縮ですが、ご回答いただきますようお願いいたします。

返信する
サルワカくん

こんにちは。
もしかしてアドセンスの自動広告を使用していますか?
その場合、header.phpのheadタグ内に以下のようなコードを貼れば、記事にのみ表示されるようになるかと思います。

<?php if ( is_single() ) : ?>
自動広告コードをここに
<?php endif; ?>
返信する

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です