フォーラムへの返信
-
投稿者投稿
-
v7.10.3 でフック
inc2734_wp_basis_comments_pagination_argsを追加したので閉じます！♥ 0Who liked: No userSnow Monkey Blocksも 最新版なのですが、あまりうまくいってないです。設定をもう少ししっかり見直してみますね！
注意点としては、画像を動的に表示しているわけではないので、画像を設定したタイミングでその画像に alt が設定されていないとダメです。alt が空の画像を設定したあと、メディアでその画像に alt を付けたとしても、当該ブロックに画像を再設定しないと alt は反映されません。
♥ 0Who liked: No user良かったです！トピック閉じますね。
♥ 0Who liked: No userGoogle アドセンスの JavaScript が影響して、このような表示になってしまうようです。僕は試してはいないのですが、他のテーマでもアドセンスを入れると再現するとの報告を受けています。
最新版の Snow Monkey では、Snow Monkey が提供する広告機能をつかってアドセンス広告を表示している場合は、カスタマイザーのプレビューが縮まないように対策を入れています（子テーマ等を使い、独自にアドセンス広告を追加している場合はおそらく縮んでしまうと思います）。
もし Snow Monkey 標準の広告機能を使っていて、アップデートしても問題なさそうであればアップデートすることをおすすめします。
♥ 0Who liked: No userステップの画像は、その画像が alt を持っていればそれが適用されるようになっています（Snow Monkey Blocsk のバージョンが古いとダメかも）。他のブロックもそうなるようにしていたつもりだったのですが、メディアと文章は漏れてしまっていたようです。次のアップデートでこちらも対応させたいと思います。ご報告ありがとうございます！
♥ 0Who liked: No userスマホのときだけ切れないように、ということであればこんな感じでしょうか。追加 CSS か子テーマの CSS ファイルに下記を追加してみてください。
@media (max-width: 639px) { .c-page-header[data-has-image="true"] { padding: 0; min-height: auto; height: auto; } .c-page-header__bgimage { position: static; } .c-page-header__bgimage>img{ position: static; object-fit: contain; height: auto; min-height:auto; min-width: auto; } }♥ 0Who liked: No userわ、ほんとですね。前に対処した記憶があるのですが、どこかでこうなっちゃったみたいです。対処します。ご報告ありがとうございます！
♥ 0Who liked: No user画角がバラバラの画像をアップロードされたとき、画像の大きさに比べてテキスト量が多すぎるとき、などの想定外の内容を設定されたときにどう対応するのが良いのかでちょっと迷っていまして。
ノマドGOの場合だと
画像の画角は変えずに（縮小して）表示＆テキスト量が大き場合は画像からはみだすWING SAMPLE の場合だと
テキスト量にあわせてバナーサイズが伸縮し、画像はそれを埋める形で表示される（つまり一部トリミングされる）というようになっています。個人的には画像をトリミングしたほうがデザインが破綻しないようにコントロールしやすいのでトリミングしたいところですが、バナーの性質上、トリミングしないで表示したいという需要も高いと思うんですよね。とすると、
・画像の画角を優先
・テキスト表示を優先
・16:9 で表示
・4:3 で表示みたいな設定をもたせたほうが良いのかなぁとか考えていると結構難しくなってきて…。が、その設定をもたせるのがベストな気がしているので、もうちょっと考えてからつくり始めようと思います。
♥ 0Who liked: No userヘッダーコンテンツ機能を使うのが一番簡単だと思います。
HTML が使えるので、
000-0000-0000<br> <a class="c-btn" href="#">お問い合わせ</a>みたいな感じで入力するとどうでしょうか？
♥ 0Who liked: No user2についてすぐ解決できずすみません>< でも見たら多分わかると思いますので、サイトできたときはぜひまた教えてください！
♥ 0Who liked: No user1. PCで見た時のテキストエリア幅を全体的にもう少し広げたい
例えば下記の CSS を追加してみるとどうでしょうか？ 50rem の部分は、基本文字サイズで50文字分の幅、という意味になります。
.u-slim-width { max-width: 50rem !important; }2. スマホで見た時に文字が画面ギリギリなので余白を作りたいです。
うーんこれは通常きちんと余白がつくはずなので（Snow Monkey 公式サイトも余白がついているかと思います。 => https://snow-monkey.2inc.org/campaign-100gpl/）、例えばカスタマイズで追加した CSS が影響しているとか、設定の組み合わせ等で僕が意図していない不具合があったか、が怪しいと思います。実際の画面をデベロッパーツールで調査すればおそらくすぐ原因がわかるのではないかと思うのですが、実際の画面の URL を教えていただくことは可能でしょうか？
♥ 0Who liked: No user特定の１ページのみ、または、特定のカテゴリ・タグのみに表示したい場合は、どのようにコードを記載すればキレイに動作するかご教授頂けますと幸いです。
例えばこんな感じでしょうか。
add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { // Footer CTA じゃないときは無視 if ( 'footer-cta' !== $slug ) { return $html; } // 以下、Footer CTA の場合 // Post ID が 5 の固定ページの場合は表示 if ( is_page( 5 ) { return $html; } // カテゴリー ID が 6 のカテゴリーページの場合は表示 if ( is_page( 5 ) { return $return; } // それ以外の場合は表示しない return; }, 10, 2 );下記のページのその他の条件分岐タグがまとめてあるので、いろいろ試してみてください！
カスタマイザーで px 数を入力させる形になっていると、とても使いやすいと思います！
こちら実装できそうか調査すすめますね。
♥ 0Who liked: No user１．ページごとに表示・非表示設定
ページごとに設定を設けるのは煩雑になりそうなので、GUI をつくるのはどうかなと思いますが、現状でもコードで出し分けは可能です。例えば下記のコードだと、ID が5の固定ページの場合は表示しない、となります。
add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { // Footer CTA じゃないときは無視 if ( 'footer-cta' !== $slug ) { return $html; } // 以下、Footer CTA の場合 // Post ID が 5 の固定ページの場合は何も表示しない if ( is_page( 5 ) ) { return; } return $html; }, 10, 2 );２．追尾バナーを複数作成
これはちょっと現状の仕組みだと難しいですね…。
表示開始位置を遅らせる
これは、できそう、かつあったほうが良さそうなので実装したいなと思うのですが、どうやって指定させてら良いのか迷いますね…。「ページ内の最初のh2」としちゃうとh2が無いページだと CTA が表示されない、とかなっちゃうので、例えば1000pxスクロールしたら、とかならカスタマイザーで px 数を入力させる形にできるかなと。
♥ 0Who liked: No userカスタマイザー > デザイン > 基本デザイン設定で、スマホ時、PC時、それぞれのロゴサイズを指定できます。大きめのロゴをアップロードしてここで縮小するのがおすすめです。
♥ 0Who liked: No userこちら、アドオンリリースしました！
♥ 0Who liked: No user -
投稿者投稿
