ホームページ制作│京都│ダバダバ・デザイン 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;
}
-------------------------------------------------------------