[キタジマ タカシ]

v1.3.1 で修正しました！確認お願いしますー

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あー確かにそうですね。ちょっとそこ想像してませんでした。

プラグイン名が「Category Content」としてしまったのでちょっとずれてきちゃいますね…。ファイル名を変更すると互換性がなくなってしまうので、せめて表示名だけでも「Archive Content」みたいに改名するのが良いですかねー。

ちょっとご意見お聞きしたいのですが、カテゴリーアーカイブ含め、アーカイブページって1ページ目、2ページ目、みたいに数件ごとに表示されますよね。で、現在は2ページ目、3ページ目…にも割り当てたコンテンツが表示されますが、これってどう思いますか？僕的には、UI的/SEO的に1ページ目だけにしたほうが良い気がしてきていまして…。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ですよね。修正します！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

inc2734/wp-awesome-widgets

Contribute to inc2734/wp-awesome-widgets development by creating an account on GitHub.

github.com

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

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

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ありゃ！ほんとですね。調査します！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

これでどうでしょうか。

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

はい、よろしくお願いします。ただ、クローズドな場でのやりとりはプロプランの方限定のサービスとさせていただいておりますので、やりとりは引き続きこちらおこないますね。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

下記でどうでしょう？

.smb-slider .smb-slider__item__figure img {
    transition: transform 15s; /* 何秒かけて変化させるか */
}

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

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

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

ダウンロード

どんな味付けにも染まる。高級お出汁のような WordPress テーマ、Snow Monkey

snow-monkey.2inc.org

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

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

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

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Snow Monkey Blocks v4.6.0 で対応しました、確認お願いします１

♥ 0

いいねをした人: 居ません

[投稿者]

投稿