「前の投稿」「次の投稿」を改善

アタシのサイトは別に WordPress をフィーチャーしたいサイトではないんであって、だって、読者にはどーでもいいことじゃん、と思うんだけど、アレなのよ、イチイチなんかやりづれーので、メモっとかないとすぐに忘却してくのでな。

「Proudly powered by WordPress」なんて思ってないし。proudlyてないぞ。消したろか、と思うくらいだ。つまりは「読んで天国、書いて地獄」なのは、誇れませんて。

えーっと、何したっけ。css は変えたな。ここか:

style.css
 1 .nav-links {
 2   -webkit-hyphens: auto;
 3   -moz-hyphens:    auto;
 4   -ms-hyphens:     auto;
 5   border-top: 1px solid rgba(0, 0, 0, 0.1);
 6   hyphens:         auto;
 7   word-wrap: break-word;
 8   //!!!!!!!!!!!!!!!!!!!!BEGIN
 9   padding-right: 0em;
10   display: flex;
11   margin-left: -10em;
12   //!!!!!!!!!!!!!!!!!!!!END
13 }
14 
15 /* ... */
16 .post-navigation .meta-nav {
17   color: #767676;
18   //!!!!!!!!!!!!!!!!!!!!BEGIN
19   /*display: block;*/
20   display: inline; margin-right: 1em;
21   //!!!!!!!!!!!!!!!!!!!!END
22   font-size: 12px;
23   font-weight: 900;
24   line-height: 2;
25   text-transform: uppercase;
26 }
27 
28 .post-navigation a,
29 .image-navigation a {
30   color: #2b2b2b;
31   //!!!!!!!!!!!!!!!!!!!!BEGIN
32   display: /*block*/ inline;
33   font-size: /*14px*/ 10px;
34   font-weight: /*700*/ 500;
35   line-height: /*1.7142857142*/ 1.6;
36   //!!!!!!!!!!!!!!!!!!!!END
37   text-transform: none;
38 }

で、single.php か(ページ上部にも出すために):

single.php
1 <div id="primary" class="content-area">
2   <div id="content" class="site-content" role="main">
3     <?php
4       // Start the Loop.
5       while ( have_posts() ) : the_post();
6 //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!BEGIN
7         // Previous/next post navigation.
8         twentyfourteen_post_nav();
9 //!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!END

で、まぁこれが個人的になんだかなぁだったけどともかくtemplate-tags.php:

template-tags.php
 1 function twentyfourteen_post_nav() {
 2   // Don't print empty markup if there's nowhere to navigate.
 3   $previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( false, '', true );
 4   $next     = get_adjacent_post( false, '', false );
 5 
 6   if ( ! $next && ! $previous ) {
 7     return;
 8   }
 9 
10   ?>
11   <nav class="navigation post-navigation" role="navigation">
12     <h1 class="screen-reader-text"><?php _e( 'Post navigation', 'twentyfourteen' ); ?></h1>
13     <div class="nav-links">
14       <?php
15       if ( is_attachment() ) :
16         previous_post_link( '%link', __( '<span class="meta-nav">Published In</span>%title', 'twentyfourteen' ) );
17       else :
18         /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!BEGIN*/
19         previous_post_link( '%link', '<span class="meta-nav">&larr;</span>%title' );
20         next_post_link( '%link', '&nbsp;&nbsp;&nbsp;%title&nbsp;&nbsp;<span class="meta-nav">&rarr;</span>' );
21         /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!END*/
22       endif;
23       ?>
24     </div><!-- .nav-links -->
25   </nav><!-- .navigation -->
26   <?php
27 }

あ、Twenteen Fourteen ね、テーマは。

人によってはこれが目新しいかもね:

1 「←」:&larr;
2 「→」:&rarr;

日本人は「マルチバイト文字」を入力する環境がバッチリ整ってるので滅多にお世話にならないですけど、英語圏の人たちはそうではないので、海外サイトの人たちはよく使ってますね。