WordPressの「続きを読む(more)」を右寄せにする方法
- タイトルとURLをコピーする
- Tweet
今まで右寄せで放置してたんですが、
ほかのブログさんを踏襲して右寄せにしてみました。
方法をメモめも。
続きを読むを囲っているaタグに.more-linkが自動的に付くので、
そのクラスに、ブロック要素にして横幅指定してテキストを右寄せとか、
それだけでもいろいろやり方はあると思うんですが。
上記をやるとしたらこんな感じ
.more-link { width:600px; text-align:right; display:block; }
ただ、続きを読むを囲っているaタグの外側のブロック要素にクラスを付けたかったので、
修正してみました。
今回やったこと
/wp-includes/post-template.phpを落としてきて、
「more-link」で検索して吐き出させれるaタグの場所を探します。
そのaタグをクラスを付けたpタグで囲いましたー。
$output .= apply_filters( 'the_content_more_link', ' <p class="leadMore"><a href="' . get_permalink() . "#more-{$post->ID}\" class=\"more-link\">$more_link_text</a></p>", $more_link_text );
そのクラスに対してcssで右寄せに。
.leadMore { text-align:right; }
以上ですw
参考:ダバダバ・デザイン WordPressの(more…)リンクを右寄
[ 追記 ] 2012.02.18
WordPressをアップデートすると直したファイルも上書かれちゃうみたいですね。。
なんか良い方法ないですか?w
- タイトルとURLをコピーする
- Tweet