-
投稿者検索結果
-
2019年8月7日 12:37 PM #24261
返信が含まれるトピック: SnowMonkey Blocksのパネル項目(水平方向)で画像の幅を揃えるには
テキストの量を変えて試してみましたが、どちらも同じ画像サイズで表示されました。
入れている文章や画像によって、その現象が発生する/しないがあるかもしれません。その現象がおこっているページの URL を教えてもらうことは可能でしょうか?
♥ 0Who liked: No user2019年8月7日 12:23 PM #24258返信が含まれるトピック: ローカルナビゲーションウィジェットの表示順
ローカルナビは並び順がキーになっています。
もし並び替えるプラグインなどがあれば干渉とかはあるかもしれません。
ただ、調査していて思ったのですが、並び順がキーになってはいるものの、昇順/降順が逆な気もしますね…。
♥ 0Who liked: No user2019年8月7日 11:43 AM #24254返信が含まれるトピック: ブロック「セクション(背景画像あり)」のモバイルでの表示について
画像ブロックではなくてセクション(背景画像あり)ブロックに対して、になりますね。例えばこんな感じ。
.smb-section-with-bgimage__bgimage > img { object-fit: contain; }
そのままだと全てのセクション(背景画像あり)ブロックに対して適用されてしまうので、適用したいセクション(背景画像あり)ブロックに適当なアンカーや追加 CSS クラスを設定して、それに対して CSS を書くようにするのが良いかと思います。
♥ 0Who liked: No user2019年8月7日 11:40 AM #24253返信が含まれるトピック: ブロック「セクション(背景画像あり)」のモバイルでの表示について
すみません。
画像ブロックにクラスを追加して、CSSにobject-fit: contain;
を追加したのですが、変化がないようです。♥ 0Who liked: No user2019年8月7日 10:50 AM #24249返信が含まれるトピック: ブロック「セクション(背景画像あり)」のモバイルでの表示について
ご返信の内容の通り、テキストと画像を別々に設定した場合、画像の上にテキストを重ねることはできるのでしょうか。
残念ですができません。画像が切れないように、かつ無駄な余白を表示しないようにしながらその上にテキストを重ねるということは、今度は逆にテキストがはみ出す可能性があるということです。それをレスポンシブですべてのデバイスで対応させるというのは現実的ではありません。そういう理由で、テキストと画像は別々に表示する方向が良いのでは、という提案をしました。
おそらくうまくいっている PC のほうも、ブラウザサイズによっては多少切れる部分がでるのではないかと思います。
繰り返しになりますが、どうしても切れないように表示したいのであれば
object-fit: contain;
を使うしかないと思います。♥ 0Who liked: No user2019年8月7日 9:59 AM #24235返信が含まれるトピック: ブロック「セクション(背景画像あり)」のモバイルでの表示について
セクション(背景画像あり)に表示される画像はあくまで「背景画像」です。表示範囲の主体となるのは画像ではなく中身のコンテンツになります。画像をすべて切れずに表示したいのでしたら、背景画像にするのではなく、テキストはテキスト、画像は画像と別のブロックで表現するのが良いと思います。
どうしてもセクション(背景画像)でやりたい場合は
object-fit: contain;
とすると画像が切れずに表示されますが、上下(か左右)に無駄な余白がでてしまうと思います。♥ 0Who liked: No user2019年8月6日 12:21 PM #24115返信が含まれるトピック: ヘッダー上部に背景画像を設定したい。
ありがとうございます。表示できました!
高さが半分くらいだったので、heightで指定すると、高さも変えられました。♥ 0Who liked: No user2019年8月6日 11:59 AM #24114返信が含まれるトピック: ヘッダー上部に背景画像を設定したい。
これでどうでしょうか。
.l-header { background-image: url(画像URL); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
デフォルトでヘッダー下に余白が空きますが、カスタマイザー > ホームページ設定で上下余白をオフにすればぴったりにひょうじされるようになります。
♥ 0Who liked: No user2019年8月6日 10:20 AM #24092返信が含まれるトピック: スライダーがじわーっとズームする演出ができたら嬉しいです!
下記でどうでしょう?
.smb-slider .smb-slider__item__figure img { transition: transform 15s; /* 何秒かけて変化させるか */ } .smb-slider .slick-current .smb-slider__item__figure img { transform: scale(1.1); /* 何倍まで変化させるか */ }
ちょっと問題もあって、スライダーがマウスオーバーで停止するので、ずっとマウスを乗せておくと途中でズームが終わってしまいます。普通にサイトを見る人にとってはそこまで発生しない現象かもしれませんが、気になるようでしたら秒数と倍数をもっと大きくすれば多少ごまかせるかもしれません。
♥ 0Who liked: No user2019年8月6日 10:05 AM #24090返信が含まれるトピック: ヘッダー上部に背景画像を設定したい。
適用しようとしているサイトの URL を教えてもらえますか? 通常、
.l-header
にbackground-image
を設定すれば良いはずですが、ならないということは他の CSS やカスタマイズが影響している可能性もあるので。♥ 0Who liked: No user固定ページの編集画面で、「アイキャッチ画像」を設定すれば、その画像がそのページのヘッダー画像に使用されます。
ブロックエディターの場合は「文書」タブにある「アイキャッチ画像」の部分です。
ページ毎に設定する事で一覧などもページ毎にヘッダー画像が変わってみえます。もし、その状態で表示されない場合は、固定ページの設定でアイキャッチ画像の表示方法が「なし」などになっているかもしれません。下記を参考にして設定してみてください。
それでも出ない場合は、CSSでヘッダー画像を表示しないようになっている可能性もあるので、下記を参考にしてみてください。
♥ 0Who liked: No user2019年8月5日 2:43 PM #23999返信が含まれるトピック: 記事ページと・アーカイブページに同じ内容の「ランキング」モジュールを掲載したい時、楽に更新する方法
SNOW MONKEY情報全然追ってなかったので、返信頂いて気になって、調べてようやく使ってるやつが最新でないと知りました…!
むむ、そうなんですね。以前にリリース方法を変更したのですが、その影響かもしれません。GitHub ではもうリリースファイルを配信していないので、マイアカウントページからダウンロードできないか試してみてください。
上記ページから snow-monkey.zip がダウンロードできるようでしたら、ダウンロードして FTP で上書きしてみてください。
欲を言うと、他のもろもろのウィジェットも同様に検索機能があると正直うれしいです…!
ランキングと同じ仕組みで投稿を選ぶウィジェット、カルーセルや任意の投稿についても反映するつもりです!
♥ 0Who liked: No user2019年8月5日 10:25 AM #23975返信が含まれるトピック: Snow Monkey Blocksの最新の投稿ブロックについて
>
snow_monkey_recent_posts_widget_args_xxx
フックで表示条件を変更できるので、任意の最近の投稿ブロックだけこのフックで投稿タイプをカスタマイズするのはどうでしょうね?その形で調整した方が楽そうですね。それで調整してみます。
♥ 0Who liked: No user2019年8月5日 10:02 AM #23965返信が含まれるトピック: 記事ページと・アーカイブページに同じ内容の「ランキング」モジュールを掲載したい時、楽に更新する方法
> ただ、ちょっと気になるのはお使いの Snow Monkey のバージョンが 5.0.5 ということですので、
SNOW MONKEY情報全然追ってなかったので、返信頂いて気になって、調べてようやく使ってるやつが最新でないと知りました…!
管理画面でアップデートしてね通知が出てこないので5.0.5(というか今使ってるやつ)が最新だと勘違いしてました。GitHubの最新のテーマデータをダウンロードして、サーバーのテーマファイルを上書きするとよいでしょうか…?!♥ 0Who liked: No user2019年8月5日 9:20 AM #23958返信が含まれるトピック: プロフィールボックス、ソーシャルナビゲーションにLINE(LINE@)のリンクもアイコン付きで載せたい!
あ、LINE アイコンあるんですね。ご提案ありがとうございます!次のアップデートで追加します!
♥ 0Who liked: No user -
投稿者検索結果