フォーラムへの返信
-
投稿者投稿
-
>まーちゅう様
ご返信ありがとうございます。
早速いただいたコードを試したところ、希望の形になりました!
padding-top:100%で1:1の比率を保つことができるとは知りませんでした。
ただ教えていただいたコードですと写真は綺麗に可変になったのですが、各サムネイル右上のカテゴリーラベルがPC表示では消えて、スマホ表示では円の内部で見切れてしまうという状態でした。
こちらをPCでもスマホでもかけることなく、一定の位置に配置することは可能でしょうか?
♥ 0いいねをした人: 居ません>キタジマさん
ご返信ありがとうございます。確認が遅くなり申し訳ございません。
今手元で現象が発生しているページがないため(編集してしまったため)共有できないのですが、どうも、文字サイズを変更→背景色を設定→再度文字サイズを変更…などとやると時々文字サイズに対応した背景サイズにならないことがあるようで、このあたりの挙動が原因なのかなと思います。
一応、書式をクリアしたり打ち直して希望の文字サイズを確定してから背景色を付ければ対応した背景色の幅になるのかなと思いますが、文字サイズを変更してデザインを確認する度に書式設定をクリアするのはやや面倒なので、もし現象確認できましたらお手すきに際にご対応検討いただけますと幸いです。
♥ 0いいねをした人: 居ません>esさん
ご返信ありがとうございます、まさにその状況です。
ボックス内には大きな画像というよりはたとえば手書きの署名のような画像で作成した小さな要素を右寄せに配置したかったのですが、その際に上記の現象が起き微妙な位置調整が難しいということでした。
>キタジマさん
ありがとうございます。
なるほど、元々の仕様だったのですね。時間を置いて現在再度試してみたところなぜか同じ画像でも普通に右側配置になったようで…?
またCSSクラスのご教示ありがとうございます。こちらで意図通り設定できるとのことで、次に同様の現象ありましたらこちらで対処させていただきます。
解決しましたのでトピック閉じさせていただきます。
お二方ともありがとうございました。
>キタジマさん
ご返信ありがとうございます。
あーなるほど。フェードだとスライドを重ねた状態にしておく必要があり、つまりすべてのスライドが画面上にあるという状態になるので、すべてのスライドのアニメーションが発火してしまいますね…。
なるほど、フェードの仕様上の問題だったのですね。
1枚目からアニメーション再生時間が計算されるとなるとやはり一番な簡易な対応としてはアニメーションの開始を遅延させることかと思うのですが…こちらはanimation-delayで書く感じでしょうか?
snow monkeyのアニメーション時間を選ぶ項目でもう少し長いものが選べたり、任意の時間を設定できるようになると嬉しいなと思います。
後々検討していただけますと幸いです。
♥ 0いいねをした人: 居ません>キタジマさん
返信ありがとうございます。
こちらの環境でコンテンツスライダーブロックの中に2つのスライドを用意し、その中にそれぞれ Snow Monkey のブロックパターン「ヘッダー」のものを適当にいれて、その中の段落にアニメーションを設定して試してみたところ、1枚目のスライドの段落は画面表示時に、2枚目のスライドの段落はスライドをスクロールしたタイミングでアニメーションが発火しました。
こちら試してみたところ、私の環境でも再現できました。
違いを探してみたのですが、どうもスライドに「フェード」の効果を付けると、1枚目のスライド表示時にアニメーションが発火してしまっているようです。
「フェード」の状態でもそれぞれのスライド表示時にアニメーションを発火するようにはできないでしょうか?
上記については Snow Monkey Editor のアニメーション機能では実現できません。対応しているプラグインを探すか、自分でベストな挙動になるようにコードを書いてみるのが確実かもしれません。
こちらかしこまりました。
プラグインで対応は難しそうなので、コードで検討してみます。
♥ 0いいねをした人: 居ません>キタジマさん
早速のご返信ありがとうございます。
全体公開にできないサイトなのですが、どのように共有すればよろしいでしょうか?
♥ 0いいねをした人: 居ません>キタジマさん
>GONSYさんご返信いただきありがとうございます。
.smb-recent-posts .c-entries
では効かなかったのですが、.spider__canvas
にjustify-content: center;
でイメージ通りの表示にできました。自身のサイトでしょうか?
記事数が少ない状態でカルーセルに設定されている状況が気になります。こちらクライアントの希望でして、カスタム投稿で「お客様の声」を作成しトップページに掲載しているのですが、今後数が増える予定でも今のところは1記事(一社)分しか掲載できないため、記事が増えるまで中央寄せにしたとのことでした。
お二方のおかげで解決できました、アドバイスいただきありがとうございました。
♥ 0いいねをした人: 居ません>キタジマさん
>まーちゅうさんSnow Monkey のボタンにもクラスは付与できるので、無設定のシンプルなボタンにクラスを追加して必要な分だけ CSS を当てるのが管理しやすいかもしれません。
ボタンのバリエーションは、自分でも作成可能です。
キラッと光るスタイルを追加する場合、My Snow Monkey に以下のようなコードを追加します。ご返信、アドバイスありがとうございます。
既存のボタンにスタイルを当てて、自分でエディタから呼び出せるようにすると大分使い勝手は良くなりますね…!自力で追加する際にはこちらのやり方参考にさせていただきます。
ちょっと検討します…!
とはいえ、知識もそうですがどうにもデザインセンスに自信があまりないので…テーマ側に標準でいくつかバリエーション実装されているととても嬉しいです。
お忙しいと思いますが、ご検討よろしくお願いいたします…!
♥ 0いいねをした人: 居ません横から失礼いたします。
私もここ最近はUAとGA4との両方を導入していたのですが、snow monkeyで設定する際は下記トピックなどを参考にタグマネージャーで設定をしておりました。
ただ設定がやや複雑でミスなど起きそうで、もう少し簡単に設定できたらな~と思っていたのですが、キタジマさんの仰る、
わからないながら設定してみたのですが、Snow Monkey には G- ではじまる測定 ID を設定、そのあとアナリティクスのプロパティ設定画面で管理 → ウェブストリーム → 接続済みのサイトタグとすすみ、UA- ではじまる測定 ID を入力することで両方のプロパティでデータを受信できました(多分)。
というのは、画像の部分にsnow monkeyのテーマ側ではG-xxxx…を、さらにアナリティクスでUA-xxxx…を設定するだけで良いということでしょうか?
であれば既存のUAからGA4への移行・終了期間までの併用設定が非常に楽になるので非常に有り難いですね…
♥ 0いいねをした人: 居ません -
投稿者投稿