|
<b>[文章目录]</b>
<ul id="index-ul">
<li>一:默认调用上一篇和下一篇代码为</li>
<li>二:只要将这个默认调用代码替换为下面的代码即可</li>
<li>三:我们还可以用图片的方式来代替文章的标题显示</li>
</ul>
</div>
同学们大家好,今天<span style="color: #ff0000; font-size: 14pt;"><strong>吾爱互联</strong></span>将与大家分享如何添加上一篇和下一篇添加标题链接title属性功能即标题提示功能
有些同学们在建站的时候想在上一篇和下一篇的文章标题中添加这个功能,但是如何添加,默认是有点困难的
我们先来看下效果图
如图
<img class="aligncenter size-full wp-image-1001" src="http://www.wpjiaocheng.com/wp-content/uploads/2014/09/上一篇下一篇提示功能.jpg" alt="wordpress中为上一篇和下一篇添加标题链接提示功能Titile属性" width="416" height="147" />
<h2 id="title-0">一:默认调用上一篇和下一篇代码为
<div class="dp-highlighter">
<ol class="dp-c" start="1">
<li class="alt"><?php previous_post_link('%link','<<') ?></li>
<li></li>
<li class="alt"><?php next_post_link('%link','>>') ?></li>
</ol>
</div>
<h2 id="title-1">二:只要将这个默认调用代码替换为下面的代码即可
<div class="dp-highlighter">
<div class="bar"></div>
<ol class="dp-c" start="1">
<li class="alt"><?php</li>
<li><span class="vars">$prev_post</span> = get_previous_post();</li>
<li class="alt"><span class="keyword">if</span> (!<span class="func">empty</span><span class="keyword">empty</span>( <span class="vars">$prev_post</span> )): ?></li>
<li><a title=<span class="string">"<?php echo $prev_post->post_title; ?>"</span> href=<span class="string">"<?php echo get_permalink( $prev_post->ID ); ?>"</span>><?php <span class="func">echo</span> <span class="vars">$prev_post</span>->post_title; ?></a></li>
<li class="alt"><?php <span class="keyword">endif</span>; ?></li>
<li><?php</li>
<li class="alt"><span class="vars">$next_post</span> = get_next_post();</li>
<li><span class="keyword">if</span> (!<span class="func">empty</span><span class="keyword">empty</span>( <span class="vars">$next_post</span> )): ?></li>
<li class="alt"><a title=<span class="string">"<?php echo $next_post->post_title; ?>"</span> href=<span class="string">"<?php echo get_permalink( $next_post->ID ); ?>"</span>><?php <span class="func">echo</span> <span class="vars">$next_post</span>->post_title; ?></a></li>
<li><?php <span class="keyword">endif</span>; ?></li>
</ol>
</div>
根据你的主题标签情况进行添加,不要添加错误
<h2 id="title-2">三:我们还可以用图片的方式来代替文章的标题显示
也就是说放到图片上,即可显示文章标题,这样效果是不是会好看些,这些根据个人的爱好啦
好了,很简单,自己去尝试下吧
|
|