メインコンテンツへ移動

Search results of "i"

15件の結果を表示中 - 7,801 - 7,815件目 (全9,046件中)
  • 投稿者
    検索結果
  • #24261
    アバター画像キタジマ タカシ
    参加者
    2606

    テキストの量を変えて試してみましたが、どちらも同じ画像サイズで表示されました。

    入れている文章や画像によって、その現象が発生する/しないがあるかもしれません。その現象がおこっているページの URL を教えてもらうことは可能でしょうか?

    0
    Who liked: No user
    #24258
    アバター画像キタジマ タカシ
    参加者
    2606

    ローカルナビは並び順がキーになっています。

    もし並び替えるプラグインなどがあれば干渉とかはあるかもしれません。

    ただ、調査していて思ったのですが、並び順がキーになってはいるものの、昇順/降順が逆な気もしますね…。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2606

    画像ブロックではなくてセクション(背景画像あり)ブロックに対して、になりますね。例えばこんな感じ。

    .smb-section-with-bgimage__bgimage > img {
      object-fit: contain;
    }

    そのままだと全てのセクション(背景画像あり)ブロックに対して適用されてしまうので、適用したいセクション(背景画像あり)ブロックに適当なアンカーや追加 CSS クラスを設定して、それに対して CSS を書くようにするのが良いかと思います。

    0
    Who liked: No user
    M T
    閲覧者
    9

    すみません。
    画像ブロックにクラスを追加して、CSSにobject-fit: contain;を追加したのですが、変化がないようです。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2606

    ご返信の内容の通り、テキストと画像を別々に設定した場合、画像の上にテキストを重ねることはできるのでしょうか。

    残念ですができません。画像が切れないように、かつ無駄な余白を表示しないようにしながらその上にテキストを重ねるということは、今度は逆にテキストがはみ出す可能性があるということです。それをレスポンシブですべてのデバイスで対応させるというのは現実的ではありません。そういう理由で、テキストと画像は別々に表示する方向が良いのでは、という提案をしました。

    おそらくうまくいっている PC のほうも、ブラウザサイズによっては多少切れる部分がでるのではないかと思います。

    繰り返しになりますが、どうしても切れないように表示したいのであれば object-fit: contain; を使うしかないと思います。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2606

    セクション(背景画像あり)に表示される画像はあくまで「背景画像」です。表示範囲の主体となるのは画像ではなく中身のコンテンツになります。画像をすべて切れずに表示したいのでしたら、背景画像にするのではなく、テキストはテキスト、画像は画像と別のブロックで表現するのが良いと思います。

    どうしてもセクション(背景画像)でやりたい場合は object-fit: contain; とすると画像が切れずに表示されますが、上下(か左右)に無駄な余白がでてしまうと思います。

    0
    Who liked: No user
    #24115

    返信が含まれるトピック: ヘッダー上部に背景画像を設定したい。

    M T
    閲覧者
    9

    ありがとうございます。表示できました!
    高さが半分くらいだったので、heightで指定すると、高さも変えられました。

    0
    Who liked: No user
    #24114

    返信が含まれるトピック: ヘッダー上部に背景画像を設定したい。

    アバター画像キタジマ タカシ
    参加者
    2606

    これでどうでしょうか。

    .l-header {
        background-image: url(画像URL);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    デフォルトでヘッダー下に余白が空きますが、カスタマイザー > ホームページ設定で上下余白をオフにすればぴったりにひょうじされるようになります。

    0
    Who liked: No user
    #24092
    アバター画像キタジマ タカシ
    参加者
    2606

    下記でどうでしょう?

    .smb-slider .smb-slider__item__figure img {
        transition: transform 15s; /* 何秒かけて変化させるか */
    }
    
    .smb-slider .slick-current .smb-slider__item__figure img {
        transform: scale(1.1); /* 何倍まで変化させるか */
    }

    ちょっと問題もあって、スライダーがマウスオーバーで停止するので、ずっとマウスを乗せておくと途中でズームが終わってしまいます。普通にサイトを見る人にとってはそこまで発生しない現象かもしれませんが、気になるようでしたら秒数と倍数をもっと大きくすれば多少ごまかせるかもしれません。

    0
    Who liked: No user
    #24090

    返信が含まれるトピック: ヘッダー上部に背景画像を設定したい。

    アバター画像キタジマ タカシ
    参加者
    2606

    適用しようとしているサイトの URL を教えてもらえますか? 通常、.l-headerbackground-image を設定すれば良いはずですが、ならないということは他の CSS やカスタマイズが影響している可能性もあるので。

    0
    Who liked: No user
    #24088

    返信が含まれるトピック: ページヘッダー

    Hatsuki
    閲覧者
    6

    固定ページの編集画面で、「アイキャッチ画像」を設定すれば、その画像がそのページのヘッダー画像に使用されます。
    ブロックエディターの場合は「文書」タブにある「アイキャッチ画像」の部分です。
    ページ毎に設定する事で一覧などもページ毎にヘッダー画像が変わってみえます。

    もし、その状態で表示されない場合は、固定ページの設定でアイキャッチ画像の表示方法が「なし」などになっているかもしれません。下記を参考にして設定してみてください。

    それでも出ない場合は、CSSでヘッダー画像を表示しないようになっている可能性もあるので、下記を参考にしてみてください。

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2606

    SNOW MONKEY情報全然追ってなかったので、返信頂いて気になって、調べてようやく使ってるやつが最新でないと知りました…!

    むむ、そうなんですね。以前にリリース方法を変更したのですが、その影響かもしれません。GitHub ではもうリリースファイルを配信していないので、マイアカウントページからダウンロードできないか試してみてください。

    上記ページから snow-monkey.zip がダウンロードできるようでしたら、ダウンロードして FTP で上書きしてみてください。

    欲を言うと、他のもろもろのウィジェットも同様に検索機能があると正直うれしいです…!

    ランキングと同じ仕組みで投稿を選ぶウィジェット、カルーセルや任意の投稿についても反映するつもりです!

    0
    Who liked: No user
    #23975
    Hatsuki
    閲覧者
    6

    > snow_monkey_recent_posts_widget_args_xxx フックで表示条件を変更できるので、任意の最近の投稿ブロックだけこのフックで投稿タイプをカスタマイズするのはどうでしょうね?

    その形で調整した方が楽そうですね。それで調整してみます。

    0
    Who liked: No user
    あげ
    参加者
    1

    > ただ、ちょっと気になるのはお使いの Snow Monkey のバージョンが 5.0.5 ということですので、

    SNOW MONKEY情報全然追ってなかったので、返信頂いて気になって、調べてようやく使ってるやつが最新でないと知りました…!
    管理画面でアップデートしてね通知が出てこないので5.0.5(というか今使ってるやつ)が最新だと勘違いしてました。GitHubの最新のテーマデータをダウンロードして、サーバーのテーマファイルを上書きするとよいでしょうか…?!

    0
    Who liked: No user
    アバター画像キタジマ タカシ
    参加者
    2606

    あ、LINE アイコンあるんですね。ご提案ありがとうございます!次のアップデートで追加します!

    0
    Who liked: No user
15件の結果を表示中 - 7,801 - 7,815件目 (全9,046件中)

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。