「続きを読む」の表示変更について

  • このトピックには5件の返信、2人の参加者があり、最後にシンイチにより11年、 6ヶ月前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #25071
      シンイチ
      ゲスト

      はじめまして。

      トップページの記事一覧に表示される「続きを読む」の表示位置や色の変更をしたいのですが、子テーマにmoreタグの記述を追加しても反映されません。

      因みに現在Simplicity1.6.0を利用中です。対応についてご教授願います。

    • #25074
      hidekichi
      ゲスト

      >子テーマにmoreタグの記述を追加しても反映されません。
      この部分をどのように書かれたのかがわかりませんが、

      #list .entry-read {
      float: right;
      }

      これで普通に右寄せできたので、装飾も可能だと思います。親テーマにも該当部分のスタイルがあるかと思うので、子テーマに記載されたcssのスタイルが重複していたりして反映されていないのかも知れません。

      例えば、

      <div class="test">
        <ul calss="list">
          <li>...</li>
          <li>...</li>
        </ul>
      </div>

      こういうようなhtmlがあったとして、親テーマで、

      .test li{
        margin: 10px;
        border: 1px solid #000;
      }

      こういうふうに書かれていた時、子テーマにこう書いたりすると

      ul li {
        margin: 15px;
        padding: 10px;
      }

      子テーマ優先だと思われるので、marginとpaddingは反映されても親テーマのborderはそのまま残ったりするかも知れません。こういった重複が色々あったりして設定が反映されないのではなかろうかと思うので、親テーマと同じセレクタの表記でデザインするか、親テーマ該当部分をコメントアウトするか、子テーマ側で不要なプロパティ部分を打ち消したりする必要がある場合もあると思います。

      詳しくは公開されているページを見てみないと何とも言えませんが、WordPressテーマのCSSカスタマイズ初心者向けChromeデベロッパーツールの使い方-寝ログ-</div>でわいひらさんが開発ツールの使い方とかを説明されているので、一度確認されてみてはどうかと思います。

    • #25076
      hidekichi
      ゲスト

      決め打ちの時は、

      .entry-content .entry-read{
        //なにかしらのプロパティ
      }

      でしょうか。

      追記で、
      .entry-content .entry-readで位置やらは操作できると思うのですが、わいひらさんは案外 aタグ に装飾をされていることが多いので、

      .entry-content .entry-read a {
        text-decoration: none;
      }

      みたいな感じになるかも知れません。ここらは臨機応変に。

    • #25077
      hidekichi
      ゲスト

      うぉぉぉぉぉ、 #25074 でaの閉じタグ忘れた(滝汗

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

      「続きを読む」の表示位置や色の変更とmoreタグは関係ありません。
      変更するには、hidekichiさんの書かれているように、スタイルシートで設定する必要があります。

    • #25122
      シンイチ
      ゲスト

      hidekichi様
      わいひら様

      無事変更できました。
      丁寧なご説明ありがとうございました。

5件の返信スレッドを表示中
  • トピック「「続きを読む」の表示変更について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)