moreタグ(続きを読む)の表示を変える

moreタグ(続きを読む)の表示を変える

moreタグはthe_content();を使用して記事を取得する時に使用できます。
デフォルトでは”more…”ですが表示を他の文字や画像にも変更できます。

■the_content();のパラメータ

<?php the_content( '1' , 2, '3' ); ?>

1.”続きを読む” のように表示するテキストを入れます。
2.”more” リンクを隠す (TRUE) か表示する (FALSE) かのどちらかが入ります。デフォルトはFALSEです。
3.”more” がリンクする先を変更する場合にアドレスを入力します。デフォルトでは、現在の投稿にリンク。

•more… を別の言葉に置き換えます。

<?php the_content('続きを読む'); ?>

↑これで「続きを読む」に言葉を変更できます。

•more… を投稿の記事タイトルにすることができます。

<?php the_content(get_the_title('', '', false)); ?>

•cssで装飾する
moreタグで出力すると下の画像のように”more-link”というクラスが与えられるので、.more-link のクラスを使って背景を画像に変えたりできます。
more-linkというクラスが与えられる

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー トラブル コードサンプル スライドショー コンテンツ 素材 jQueryプラグイン Facebook php 引っ越し お知らせ JavaScript CSS カテゴリー Shareボタン IE 投稿タイプ seo Photoshop HTML5 レスポンシブ サイドバー ナビゲーション タクソノミー WPセキュリティ Git カスタムメニュー Macアプリ PHPリファレンス SVG query_posts API WP使い方 iTunes データベース コメント function RSS 条件分岐 get_posts() スマートフォン Sass/Compass マルチサイト機能