一覧リストのスタイル→タイル2列においてタイルがずれる問題

Simplicityの特徴 フォーラム 要望・機能追加など 一覧リストのスタイル→タイル2列においてタイルがずれる問題

  • このトピックには4件の返信、2人の参加者があり、最後にMIKAにより10年、 8ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #32760
      MIKA
      ゲスト

      いつもお世話になっております。

      正確には技術的な問題というよりデザイン上の問題なのですが、一覧リストのスタイル→タイル2列において記事のタイトルの文字数によって2列だったり3列だったりすることがあるのですが、その際にタイルがズレてしまいそれより下の記事全てが段違いになってしまいます。

      見た目の問題なのですが修正していただけると嬉しいです。

    • #32763
      MK
      ゲスト

      >MIKAさん

      タイルの表示がずれるのは仕様です。

      タイルとはそういうものなので

      前にも同じような質問があり、わいひらさんがそう仰っていました。

      「タイル」リストスタイル3列時にheightを揃える

      上記トピックを参考にご自身で修正するのがよいと思います。

    • #32765
      アバター画像わいひら
      キーマスター

      もしおかしな表示になるということでしたら、こちらの環境では、特に不具合はありませんでした。
      もし不具合でしたら、実際不具合が出ているページのURLを掲載していただけると、ソースからある程度は原因がわかると思います。
      JavaScriptコードを操作するプラグインなどを使用している場合は、プラグインが原因ということも考えられます。

    • #32767
      Hidekichi
      ゲスト

      これはズレるのが通常と言うか、そういうスタイルなのです。
      google+とか、tumblrなどもそうですよね。

      完全に高さもそろえたグリッドスタイルにする場合は、子テーマにて各々カスタマイズする必要があります。

      うちのサイトはタブレットサイズの時、二列になるようにしてますが(作ってる最中ですけど…ずいぶんと停滞してますが(笑))、これは中身の高さを可変にして、外枠固定にしています。

      中身の高さも固定すれば、かっちりしたものができるんですが、高さを固定すると、例えばタイトルで言うと3列になるものと1列になるものがあったりして、最大に合わせると余白が大きすぎる、最小に合わせるとタイトルが切れると言う矛盾点が出てきます。

      そのため、何を犠牲にするかで色々考えさせられる部分です。
      タイトルにしても、抜粋にしても表示部分を犠牲にしても良いというのであれば、揃えることは可能です。

      前に、3列のを無理やり合わせる方法を書きました。
      参考になるかどうかはわかりませんが、リンクを貼っておきます。

      Simplicityを少し改造してみた 番外編 part4 リストスタイル3列で字数制限をして高さを揃える

      ただし、ちょっと前のバージョンでの記事なので、現在のバージョンでそのままいけるかどうかはわかりません。多分イケると思うんですが。

    • #32771
      MIKA
      ゲスト

      MKさん、わいひらさん、Hidekichiさんご丁寧な回答有り難うございます。
      確かにgoogle+とかもそうなってましたね。
      タイル2列だとどうしてもずれた感じに見えてしまって何故こうなってるのか疑問に思っていました。

      修正方法を教えていただけたおかげで上手く等間隔で表示できるようになりました。
      皆様迅速な回答本当にありがとうございました。

4件の返信スレッドを表示中
  • トピック「一覧リストのスタイル→タイル2列においてタイルがずれる問題」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)