【要望】文章コンテンツの横並び表示

  • このトピックは空です。
1件の返信スレッドを表示中
  • 投稿者
    投稿
    • #2834 返信
      kn
      ゲスト

      いつも大変お世話になっております!

      私は小説サイトを運営させていただいているものです。

      文章コンテンツの作品リストでの表示に選択肢が増えればと思い要望をお送りさせていただきにまいりました。

       

       

       

      いつも作品の展示は【作品リスト】を使い一覧にしているのですが、このやり方だと複数作品あるリストは一作品一行使っての表示で固定かと思います。

      例)

      (タイトル1)

      (タイトル2)

      (タイトル3)

       

      今回希望するのは、縦ではなく下記のように改行せず横並びに画面いっぱい使って表示するような方法です。

      例)

      (タイトル1)|(タイトル2)|(タイトル3)…

       

      任意、または固定の区切りがあるといいなと思います。(↑でいうと【|】にあたります)

       

      個人的な要望で、また表現も拙く申し訳ありません。

      ご検討いただけましたら幸いです。

    • #2837 返信
      佐高
      ゲスト

      ガタガタ様が実装されるかについては分かりませんが、横並びの需要がそれなりにありそうなので、今後フォーラムをみた方がひとまず自力でできそうなラインで考えてみました。

      カスタマイズ→追加CSS(もしくは子テーマのスタイルシート)にてCSSを追加
      察するに抜粋文非表示だと思うので、.shortcode-text.noexcerptでclassを指定してます。

      .shortcode-text.noexcerpt {
      display: flex;
      flex-wrap: wrap;
      }
      .shortcode-text.noexcerpt li:not(:last-child) {
      margin-right: .5em;
      border-right: 2px solid #aaa;
      padding-right: .5em;
      }

      横並びに必要なのは一番上のものだけで、二つ目は適当に作った【|】と空白調整なのでお好きなようにいじってもらえたらと思います。一番簡単に線を引いただけなので、たとえばcontentとかで【:】や【/】を入れてもいいと思いますし、あとは擬似要素でSVGの記号を入れ込んだり、CSSで図形を作ってもいいかもしれません。

      どうしてもliタグが使用されているので改行の関係上長いタイトルとかだと微妙な感じになってしまいますが(もしかしたら知らないだけで何か方法あるかもしれません)、すごく変というわけではないと思います。

      本当は詳しい方ならもっといい感じにできそうでお恥ずかしい限りですが、ひとまずカスタマイズのヒントとなれば幸いです。

1件の返信スレッドを表示中
返信先: 【要望】文章コンテンツの横並び表示
あなたの情報: