サムネの上にタイトル、サムネの下に本文を表示させたい。

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも サムネの上にタイトル、サムネの下に本文を表示させたい。

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

      現在、サムネイル表示はentry-card-large.phpを設定しています。
      投稿日、カテゴリ
      記事タイトル
      サムネイル
      記事本文
      の順に表示させたいのですが、
      <figure class=”entry-large-thumb”>の上に
      <?php //エントリーカードのコンテンツ部分を呼び出す
      get_template_part(‘entry-card-content’) ?>をもってきたのですが、

      タイトル
      投稿日、カテゴリ
      本文
      サムネイル
      の順になってしまいます。

      上記ように表示させる方法がありましたらご伝授ください。

    • #44628
      hidekichi
      ゲスト

      > サムネイル表示はentry-card-large.php

      カスタマイザーの設定は、「サムネイル大」ですかね?大きなエントリーカード?
      また「エントリーカード全体をリンク化」の設定はどうなってますか?

      設定によって書き出されるhtmlの構造が若干異なります。しかし、順番を変えるだけならcssだけで行けそうな気もするので、どの設定かがわかると助かります。

    • #44639
      pops
      ゲスト

      ご返信ありがとうございます。
      サムネイルは大きなエントリーカードです。
      リンク化についてはチェックは入れておりません。

      よろしくお願い致します。

    • #44640
      hidekichi
      ゲスト

      サンプル: 大きいエントリーカード、本当に大きすぎてわろた | codepen

      最初の2つだけ該当のスタイルにしています。

      サンプルのcssはscssで書いていますので、css欄下向き三角メニューよりview compiledにてcssに変換したものを子テーマstyle.cssに追記してください。

      サンプルの右上にchange viewと言うのがありますが、ここからfull pageを選ぶか、アドレスの/pen/部分を/full/に変更すればfullページが見れます。そのアドレスにアクセスして、実際にどう見えるか等を検証した後、ここがもう少しこういうふうになると良いみたいなのがあれば、実際にご自身のサーバーに適用する前に書いておいてください。

      完全レスポンシブOFFの場合、同じセレクタ同じプロパティがmobile.cssで読み込まれるかもしれません。この場合はmobile.cssでそれらスタイルをリセットしてください(子テーマでも可能)。mobile.cssの元の記述の問題でサンプルのスタイルが崩れる可能性があります。

    • #44687
      pops
      ゲスト

      連絡が遅くなり申し訳ありませんでした。
      上記の通り実行しましたところ、希望通りになりました。後の細かい設定は色々してみます。
      こんなに詳しく書いていただだきありがとうございました。とても助かりました。

4件の返信スレッドを表示中
  • トピック「サムネの上にタイトル、サムネの下に本文を表示させたい。」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)