WordPressの「続きを読む(more)」を右寄せにする方法

今まで右寄せで放置してたんですが、
ほかのブログさんを踏襲して右寄せにしてみました。
方法をメモめも。

続きを読むを囲っている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

この記事に関連する記事

コメントをどうぞ