WordPress 主题制作系列教程#5d: Else, 发布 ID, 链接标题

WordPress 主题制作系列教程#5的:Else, 发布 ID, 链接标题

原文地址:http://www.wpdesigner.com/2007/02/28/wp-theme-lesson-5d/
翻译:票友山


tutorial-series.gif这一课,我们来讲一下三个每篇日志都可以添加的三个附加选项:Else发布 ID,还有链接的 title 值。尽管它们是可选项,但是你几乎可以在我所做的所有免费主题里面找到它们,因为你永远不知道使用你主题的会怎么使用你的主题。

First, don’t forget to start Xampp Control.

步骤 1:
<?php endwhile; ?> 下面输入如下代码:
<?php else : ?>

<div class=”post”>
<h2><?php _e(’Not Found’); ?></h2>
</div>

像这样:(注意使用缩进来组织好代码)

else.gif

保存它,你会发现页面会有任何的不同,我们回到第5 课,主循环,来解释一下你刚刚输入的内容。

下面这是第5 课:
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

<?php endwhile; ?>

<?php endif; ?>

首先,if(have_posts()) 检查你的BLOG 中是否有发布,然后,while(have_posts()) 执行the_post() 来调用你的发布。选项Else 就是当你没有任何选项的时候所执行的操作。想象一下while()endwhile; 嵌套在if()else : 之之间, 这就是为什么<?php else : ?> 要排在<?php endwhile; ?>之后。

既然你知道了else 是什么,那么当你没有任何发布或者说WordPress 没有找到任何发布的时候你会要WordPress 做什么?你会让WordPress 显示出错信息——Not Found 。这个信息也可以是其他任何你喜欢的形式,你可以下载任意一个我做的主题,看看 index.php 文件,然后照着做。

在上面的例子中,错误信息Not Found 还是在<?php _e(’ ‘); ?> 之中。如我昨天所说,那不是必须的。

整个错误信息Not Found 的代码都处在<h2></h2> 之中,这个同样不是必须的,你可以只是用:

<div class=”post”>
Not Found
</div>

但是,使用<h2> (次标题)标签可以让错误信息对于你的读者来说更加明晰。

那标签<div class=”post”></div> 有什么用呢?你也不想你的错误信息直接显示在页面中间对吧?你的每个发布项都被<div class=”post”></div> 两个标签圈住了,同样,错误信息虽然不是什么实际内容,但是也输出文本,就像发布项一样。

步骤 2:
添加id=”post-<?php the_ID(); ?>”<div class=”post”>

post-id.gif

保存并刷新浏览器,现在点击查看 > 页面源代码源文件。你会发现你现在可以看到每一篇发布,都会有个发布 ID 附加在上面。正是the_ID() 调用了每篇发布的ID。

为什么使用它?这是为了可以单独的自定义你某篇日志的外观。以后,当我们讲到style.css 文件的时候,你会发现可以用这个文件来让发布以某种形式展示出来,每篇日志都一样。如果每篇日志都有一个独立的ID ,那你就可以将某个发布设置的和别的都不一样。如果没有ID ,我们没法跳出style.css 文件的定义来设定让发布不同。

我们如何将classid 添加到同一个DIV 或者说不可见的盒子?DIV 是一个标签class 是一个属性,id 也是一个属性。每个标签可以有多个属性,就像DIV 可以同时拥有classid。(注意:id 是一个xhtml 属性, the_ID() 是一个PHP 函数,它们是不同的。)

步骤 3:
添加title=”<?php the_title(); ?>” 到发布标题链接中。

the-title1.gif

上面的截图展示了你所添加代码的地方。保存它并刷新你的浏览器,再去看看源代码。当你在看源代码的时候,去找发布标题链接 ,如果发布标题链接是Hello World,那左边就会显示title=”Hello World”

title=""<a> 的另一个xthml 属性。引号中的内容用来描述这个链接。在这个例子中,每篇发布的标题也同时是连接的描述,这就是为什么你又一次使用了the_title()

如果你不使用the_title() 作为title=”" 的值,那每篇发布标题链接都会有相同的描述。比如,不使用the_title() ,你使用title=”Click me” ,那每篇日志都会使用Click me 作为其描述。

现在,回到你的网页,让你的鼠标在某个发布标题弹出,链接上悬停,一个描述就会弹出,真正好是你添加的内容。为你的链接添加描述在别的页面扫描你的BLOG 的时候非常有用,以Technorati.com 为例,每次你发布内容,WordPress 都会通知Technorati 和其他页面你更新了,Technorati 接着就来到你的BLOG ,尽享扫描,并经你发布的摘要弄成一个索引,这个索引中就包括链接描述。

明天的课程将会涉及下一页上一页两个链接。

版权说明

无特殊说明均为原创文章,转载请注明。
本文链接地址: http://sunxun.info/2009/07/wp-theme-5d-else-post-id-link-title/

分享家:Addthis中国
本文的评论功能被关闭了.