エントリーカードのコメント、投稿日を位置指定したい

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › エントリーカードのコメント、投稿日を位置指定したい

4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #53055
      ys
      ゲスト

      このサイトのエントリーカードに表示される、コメントと投稿日の位置を指定したいです。
      http://ranokake.com
      次のように、コメントを左下、投稿日を右下に置くことを目指しています。

      #main .entryが絡むであろうことはわかるのですが、調べているとそれぞれentrycard time? など定義するところから始めなければいけないのかなと思い、つまづいてしまい質問させていただきました。

      Attachments:
    • #53065
      Akira
      ゲスト

      現在されているカスタマイズを考慮すると、私だったら下記のCSSで表示させます。

      .entry-card-content{
         position:relative;
       }
      
       .entry-card-content .comments{
         position:absolute;
         bottom:10px;
         left:10px;
       }
      
       .entry-card-content .post-date{
         position:absolute;
         bottom:10px;
         right:10px;
       }

      それぞれ10pxとしていますが、好みの値に変更してください。

      また、今回の内容とは関係ないですが、不必要なCSSを子テーマに大量に記述されているのが気になります。
      1例をあげると下記のもの。

      .entry h2 a{
        color:#333;
        font-size:18px;
        text-decoration:none;
        font-weight:bold;
      }

      この内、親テーマから変更されているのはfont-sizeのみです。
      その他は親テーマと全く一緒のため、子テーマに記述する必要はありません。
      不必要な記述分だけサイズが大きくなり、その分サイト表示速度が低下してしまいます。

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

      #53055のサイトを拝見してみたら、既に画像通りの表示になっているので、Akiraさんの方法が適用されてうまくいったということで良いのかな。
      Akiraさんありがとうございます!

    • #53085
      ys
      ゲスト

      Akiraさんの教え通りにスタイルシートを編集し、entry-card.phpでそれを取得するようにしたら上手く行きました。
      条件付けの仕方もよくわかり、classやidなどの理解にも繋がりました。

      ソースコードの掃除に手間取ったため返信が遅れてしまいました。申し訳ございません。

      本当にありがとうございました。

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

      うまくいったようでよかったです。
      ご報告ありがとうございます。

4件の返信スレッドを表示中
  • トピック「エントリーカードのコメント、投稿日を位置指定したい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)