Ver1.4.1をリリースしました(5/19)

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

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

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テーマから少しカスタマイズしてあるので、デザインはやや異なりますが、イメージは掴めるのではないかと思います。

139 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です。

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

返信する
サルワカくん

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

返信する

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

返信する
ダイチ

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

返信する
サルワカくん

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

返信する

コメントを残す

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