サムネイル画像の上に記事タイトル・日付・カテゴリを配置したい!

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など サムネイル画像の上に記事タイトル・日付・カテゴリを配置したい!

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

      大きなエントリーカードでサムネルの下にある記事タイトル・日付・カテゴリなどを画像の上に移動したいのですがどうしたらいいのでしょうか?

    • #34802
      Hidekichi
      ゲスト
      #main .entry {
          clear: both;
          margin-bottom: 40px;
          word-wrap: break-word;
          position: relative; /*追加*/
      }
      
      .entry-large-thumnail {
          width: 100%;
          height: auto;
          display: block; /*追加*/
      }
      
      .entry-card-large-content {
          position: absolute;
          bottom: 0;
          background-color: rgba(255,255,255,.8);
          width: 100%;
      }

      こんな感じで、重ねた記事のタイトルとかは、.entry-card-large-contentの中の要素(.post-metaとか)をいじくることでデザインできます。

    • #34806
      Hidekichi
      ゲスト

      あ、画像の上って、

      記事タイトル
      画像

      っていう並びの話ですかね?

    • #34809
      ミヤミヤ
      ゲスト

      Hidekichiさんありがとうございます。
      ごめんなさい、書き方が悪かったですね
      おっしゃるとおり並びのことです。

      記事タイトル
      サムネイル画像

      のようにデザインを変えたいのですができますでしょうか?
      お手数をおかけしますがよろしくお願いします。

    • #34811
      Hidekichi
      ゲスト

      entry-card-large.phpの

      get_template_part(‘entry-card-content’)の部分をそれを囲むphpタグごと、
      [div class=”entry-large-thumb”]の上に持ってけばできると思います。

      ただ、トップのリスト表示でちょっと区切りがわかりにくくなるかも知れないのでcssで要調整と、親テーマをいじる事になるかと思うので、アップデートで再設定しないといけないのに注意して下さい。

    • #34820
      ミヤミヤ
      ゲスト

      ありがとうがざいます!
      イメージしてるのにだいぶ近づけました。

      あとは細かい調整と注意点に気をつけたいと思います。
      本当にありがとうございました。

5件の返信スレッドを表示中
  • トピック「サムネイル画像の上に記事タイトル・日付・カテゴリを配置したい!」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)