Blog

HOME > Web > Wordpress > 投稿 > 【WordPress】投稿記事の「次の記事へ」「前の記事へ」を記事タイトルにする

【WordPress】投稿記事の「次の記事へ」「前の記事へ」を記事タイトルにする

2015/09/18

投稿 Wordpress

備忘録です

投稿記事の「次へ」「前へ」を記事タイトルにする方法です。

single_**.phpに記述

通常

<li class="float-l"><?php previous_post_link('%link', '前へ'); ?></li>
<li class="float-r"><?php next_post_link('%link', '次へ'); ?></li>

trueを入れると同じカテゴリーの記事に限定できます。

<li class="float-l"><?php previous_post_link('%link', '前へ',true); ?></li>
<li class="float-r"><?php next_post_link('%link', '次へ',true); ?></li>

記事タイトルを表示する場合には「%title」にします。

<ul>
<li class="float-l"><?php previous_post_link('%link', '%title'); ?></li>
<li class="float-r"><?php next_post_link('%link', '%title'); ?></li>
</ul>

記事タイトルの表示数を制限する場合

参考サイト
WordPress 前後の記事のタイトルを短縮表示する方法

<span class="floatL"> 
<?php
    $previous_post = get_previous_post();
    $pre_post_title = $previous_post->post_title;
    if ( mb_strlen( $pre_post_title ) > 18 ) { $pre_post_title = mb_substr( $pre_post_title, 0, 18).'...'; }
    if ( !empty( $previous_post ) ): ?>
    <a href="<?php echo esc_url( get_permalink( $previous_post->ID ) ); ?>" title="<?php echo $previous_post->post_title; ?>">&lt;&lt;&nbsp;&nbsp; <span class="blogTitle"><?php echo $pre_post_title; ?></span></a>
    <?php endif; ?>
</span>
<span><a href="<?php echo home_url('/'); ?>category/news/">新着情報一覧</a></span>
<span class="floatR">
    <?php
    $next_post = get_next_post();
    $next_post_title = $next_post->post_title;
    if ( mb_strlen( $next_post_title ) > 18 ) { $next_post_title = mb_substr( $next_post_title, 0, 18).'...'; }
    if ( !empty( $next_post ) ): ?>
    <a href="<?php echo esc_url( get_permalink( $next_post->ID ) ); ?>" title="<?php echo $next_post->post_title; ?>"><span class="blogTitle"><?php echo $next_post_title; ?></span> &nbsp;&nbsp;&gt;&gt;</a>
    <?php endif; ?>
</span>

次の記事タイトルと前の記事タイトルに加えて新着情報一覧のリンクも付けています。
なお、記事タイトルは18字以内の表示にしています。

こんな感じの表示になります。
<< 記事タイトル　新着情報一覧　記事タイトル>>

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ