HOME フォーラム Lightning [ 解決済 ] デモサイトのパララックスサイトでヘッダー画像のスマホ縦表示(上下)が食い込んでいます。

このトピックには5件の返信が含まれ、2人の参加者がいます。3 ヶ月、 3 週間前 with さんが最後の更新を行いました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #9725

    with
    参加者

    デモサイトのパララックスでスマホ縦表示で
    ヘッダー画像の上下が食い込んでいます。

    デモサイトのパララックスでスマホ縦表示で上下が食い込んでいる。

    確認したスマホはアンドロイドですが
    以前もサイト制作でLIghtningを
    使用しましたが、同様の表示でおかしかったので
    LIghtningで運用・サイト制作は見合わせています。
    現在はビズベクトルでサイト制作しております。

    Ligntning以外のサイトでは
    スマホ縦表示が全部表示されるので問題ありません。

    同様の問題で困っている方はおりますか?

    問題解決はどうすれば良いのでしょうか?
    Linghtning仕様の問題で解決策はないのでしょうか?

    スマホ縦表示でヘッダー画像の上下が食い込んで切れている。
    出来れば、ビズベクトルからLingtningに
    移行してサイト制作したいのですが…。
    このスマホ縦表示が解決しておりませんので
    移行が出来なく困っています。残念です。

    どうぞよろしくお願い致します。

    #9726

    with
    参加者

    こちらがスマホ縦表示です。
    画像を間違えました。誠に失礼しました。

    こちらがスマホ縦表示です。画像を間違えました。

    スマホ縦表示の画像の上下が食い込んでいます。
    スマホ横表示は問題ありません。

    どうぞよろしくお願い致します

    #9729

    Vektor,Inc.
    キーマスター

    確認いたしました。
    こちらは「画像が食い込んでいる」というわけではなく、「入力された文字数が多くてはみ出している」という状態でした。
    現状では入力された文字数が多いとこのような状態になってしまいますが、文字入力は任意でモバイルとPCで画像を変更できますので、BizVektorのスライドで実現している表示はLightningでも可能です。

    文字が多い場合のモバイルでの処理については今後の改善課題とさせていただきます。

    以上よろしくお願いいたします。

    #9749

    with
    参加者

    文字が上下で隠れて見えないのは致命的です…。
    文字は自動で収まるように、なぜ出来ないのでしょうか?
    これはバグででは荷のですか?
    なぜ出荷時に確認できなかったのでしょうか?
    とても残念です。
    デフォルトで文字が表示を超えていますが
    ユーザーはどうすれば良いのでしょう。
    何か対処法はあるのですか?
    相当隠れてしまっています。
    デザイン的にも良くないと思います。

    自分で作成したサイトでさえ思います。
    サイト制作で納品時に明らかにクレームになります。
    明日からゴールデンウイークになりますが
    早急な対応策を望みます。

    特に下の「お部屋を見る」も隠れているのです。
    利用者はどうすれば良いのでしょうか?

    #9750

    Vektor,Inc.
    キーマスター

    > 文字は自動で収まるように、なぜ出来ないのでしょうか?

    ■自動で文字を縮小させる場合
    文字が読めないレベルで小さくなりすぎて結局「バグではないか」という状態になるため
    ブラウザによって最小文字サイズが決まっているので文字数が多くなれば結局はみ出てしまう

    ■文字数が多い場合に高さを自動調整する場合
    画像の縦横比が表示スライドの縦横比なる(縦横比を指定したければ画像の縦横比で調整出来る)ようにしているため、既にその仕様において画像を作成して予め画像内に文字を入れているユーザーもいるので、今の段階で縦横比を含む仕様変更をすると既存ユーザーからのクレームに繋がるため
    また自動調整処理により逆にユーザーが任意の縦横比を設定しにくくなるため

    > これはバグででは荷のですか?

    モバイル用に縦長の画像を設定すれば、文字もはみ出さずに意図した縦横比で表示出来るという事を優先した仕様です。
    Lightningがベースとしている twitterが公開しているフレームワーク「Bootstrap」においても文字数が多ければ画面からはみ出す仕様となっています。

    > なぜ出荷時に確認できなかったのでしょうか?

    * モバイル用に縦長の画像を設定すれば文字がはみ出さずにユーザーに意図した縦横比で表示されるため
    * 出荷時のデモサイトはモバイル用の画像を指定していたため

    > ユーザーはどうすれば良いのでしょう。
    > 何か対処法はあるのですか?
    > 相当隠れてしまっています。

    以下のいずれかの方法で対処可能です。

    * モバイル用に縦長の画像を割り当てる
    * 表示文字数文字数を減らす
    * 文字入りの画像をアップする

    > 早急な対応策を望みます

    モバイル時の文字をもう少し小さくするなど若干の調整はさせていただきます。
    しかしながら基本的には上記の通りユーザーによって「何文字表示したいのか」「改行ありで表示したいか削除して表示したいか」「画像の縦横比はどうしたいか」は異なるので、それに折り合いを付けやすいのが現状の仕様ですので、恐れ入りますがご理解のほどよろしくお願いいたします。

    #9765

    with
    参加者

    お忙しい中、ご返答頂き誠にありがとうございます。
    本日、動画サンプルを何度も再生して同様に
    設定して実際にサイト上で行ってみました。
    デザインスキンはCharmです。
    JPNSTYLEは購入しておりません。

    結果、Charmではサンプルサイト
    と同じ動きになりませんでした。残念です…。
    ★まず最初にパララックスしてほしいのはヘッダー画像です。★
    パララックスで一番印象に残るのはヘッダー画像です。

    ウィジェット
     ↓
    トップページコンテンツエリア
     ↓
    LTG 全編見出し
    VK固定ページ本文
    LTG 全編見出し
    VK固定ページ本文

    ヘッダー画像がCharm標準の動きでした。
    ヘッダー画像が停止されていないことが分かりました。
    ヘッダー画像がパララックスに
    なっていないことが分かりました。

    イメージしたのはヘッダー画像が停止して
    それ以外が下に動くということです。
    一般的なパララックスサイトは
    以上の動き方が多いのです。

    ページの途中を任意でパララックスにしても
    あまり効果は感じられません。
    画像表示の高さが非常に狭いです。

    途中の画像の高さが設定上では変更できませんでした。
    パララックス画像表示の高さが非常に狭く、
    ダイナミックさが感じられませんでした。
    こちらも高さが自由に変更できるようにして頂きたいです。
    現在のデフォルト設定では明らかに高さが狭すぎます。

    Charmなど、他のデザインスキンでは
    JPNSTYLEのようにヘッダー画像が停止して
    ヘッダー画像の上を通過することができまないのでしょうか?
    パララックスにすることとは出来ないのですか?
    ヘッダー画像が停止していないと
    パララックスのイメージが伝わりません。

    どうぞよろしくお願い致します

6件の投稿を表示中 - 1 - 6件目 (全6件中)

このトピックに返信するにはログインが必要です。