最新記事リストのスタイル変更

Simplicityの特徴 フォーラム Simplicityについての質問 最新記事リストのスタイル変更

  • このトピックには5件の返信、2人の参加者があり、最後にアバター画像わいひらにより11年前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #26843
      ryo
      ゲスト

      お世話になります。
      度々申し訳ありません。

      最新記事リストの

      記事タイトル2015年○月○○日
      記事タイトル2015年○月○○日
      記事タイトル2015年○月○○日

      といった部分のスタイルを

      2015年○月○○日
      記事タイトル
      2015年○月○○日
      記事タイトル
      2015年○月○○日
      記事タイトル

      と変更したいのですがlistやfunctionを見てもそれらしき部分が見当たらなかったため・・・

      初心者丸出しですがお教え頂けましたら幸いです。
      よろしくお願いします。

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

      記事タイトル2015年○月○○日
      記事タイトル2015年○月○○日
      記事タイトル2015年○月○○日

      記事リストに上記のような書式の部分はないかと思います。
      申し訳ないですが、もう少し詳しくお願いします。
      記事タイトルに、そのような日にち入りのタイトルをつけたときということでしょうか?

    • #26849
      ryo
      ゲスト

      説明不足で申し訳ありません。

      サイドバーウィジェットの最近の投稿で
      投稿日を表示するに設定した場合です。

      最近の投稿

      テスト記事3 2015年5月15日
      テスト記事2 2015年5月15日
      テスト記事1 2015年5月15日
      Hello world! 2015年5月15日

      このような表示を

      最近の投稿

      2015年5月15日
      テスト記事3
      2015年5月15日
      テスト記事2
      2015年5月15日
      テスト記事1
      2015年5月15日
      Hello world!

      このようにしたいのです。。。

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

      ウィジェットのことだったんですね。ちょっとわかりませんでした。

      style.cssに以下のように記入すればいけるかと思います。

      .widget_recent_entries .post-date {
          display: block;
      }
    • #26876
      ryo
      ゲスト

      ご返答ありがとうございます。
      無事2段での表示が出来ました。
      大変助かりました。

      日時は必ず記事タイトルの後ろ側になってしまいますか?

      日時
      記事タイトル

      の順番で表示をさせたいのです。。

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

      日時とタイトルの順番が逆になってるんですね。
      ただそうなってくると、HTMLの書き込む順番を無理やり変える必要があります。
      ですので、以下のようなCSSで、無理やり変更する必要があります。
      他にも方法は、あるとは思いますが、作法的にはあまり良くないかもしれません。

      .widget_recent_entries ul li {
          display: block;
          margin-left: -20px;
          position: relative;
      }
      
      .widget_recent_entries ul li a {
          display: block;
          padding-top: 1.5em;
          position: relative;
      }
      
      .widget_recent_entries .post-date {
          display: block;
          position: absolute;
          top: 0;
      }
5件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)