Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 「続きを読む」の表示変更について
- このトピックには5件の返信、2人の参加者があり、最後に
シンイチにより11年、 6ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年3月31日 1:40 PM #25071
シンイチ
ゲストはじめまして。
トップページの記事一覧に表示される「続きを読む」の表示位置や色の変更をしたいのですが、子テーマにmoreタグの記述を追加しても反映されません。
因みに現在Simplicity1.6.0を利用中です。対応についてご教授願います。
-
2015年3月31日 2:08 PM #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>でわいひらさんが開発ツールの使い方とかを説明されているので、一度確認されてみてはどうかと思います。
-
2015年3月31日 2:13 PM #25076
hidekichi
ゲスト決め打ちの時は、
.entry-content .entry-read{ //なにかしらのプロパティ }でしょうか。
追記で、
.entry-content .entry-readで位置やらは操作できると思うのですが、わいひらさんは案外 aタグ に装飾をされていることが多いので、.entry-content .entry-read a { text-decoration: none; }みたいな感じになるかも知れません。ここらは臨機応変に。
-
2015年3月31日 2:14 PM #25077
hidekichi
ゲストうぉぉぉぉぉ、 #25074 でaの閉じタグ忘れた(滝汗
-
2015年3月31日 3:58 PM #25100
わいひらキーマスター「続きを読む」の表示位置や色の変更とmoreタグは関係ありません。
変更するには、hidekichiさんの書かれているように、スタイルシートで設定する必要があります。 -
2015年3月31日 9:40 PM #25122
シンイチ
ゲストhidekichi様
わいひら様無事変更できました。
丁寧なご説明ありがとうございました。
-
-
投稿者投稿
- トピック「「続きを読む」の表示変更について」には新しい返信をつけることはできません。