町家カフェ・ホームページ制作・京都 ダバダバ HOME >  ホームページ制作備忘録 > Wordpressの(more...)リンクを右寄

Wordpressの(more...)リンクを右寄

Wordpressでのホームページ制作時、moreタグを使うことで、記事を概要表示にしておき、(more...)をクリックすることで、全文表示させることが出来ますが、標準では、(more...)が左寄せになります。class設定class="more-link"がaタグに追加されますが、右寄せにするには、Wordpress本体のファイルをカスタマイズする必要があります。

そのため、wordpress2.1以降では、
/wp-includes/post-template.phpの102行目あたりの、
-------------------------------------------------------------
$output .= ' < A href="'. get_permalink() . "#more-$id\" class=\"more-link\">$more_link_text"</a>;
-------------------------------------------------------------
を下記の通り変更します。
-------------------------------------------------------------
$output .= '<div class="more-link"><a href="'. get_permalink() . "#more-$id\" >$more_link_text</a></div>";
-------------------------------------------------------------

以下のようにCSSに設定を追加します。
-------------------------------------------------------------
.more-link{
text-align:right;
margin:10px;
}
-------------------------------------------------------------

Track Back

http://dabadaba.jp/mt520/mt-tb.cgi/2090

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)