标签: 〖主题〗


WordPress模板的基本资料

本文以技术手册的方式简单汇总WordPress模板的基本资料,希望能对朋友们有所助益。

WordPress基本模板文件
一套完整的WordPress模板应至少具有如下文件:

  • style.css : CSS(样式表)文件
  • index.php : 主页模板
  • archive.php : Archive/Category模板
  • 404.php : Not Found 错误页模板
  • comments.php : 留言/回复模板
  • footer.php : Footer模板
  • header.php : Header模板
  • sidebar.php : 侧栏模板
  • page.php : 内容页(Page)模板
  • single.php : 内容页(Post)模板
  • searchform.php : 搜索表单模板
  • search.php : 搜索结果模板

当然,具体到特定的某款模板,可能不止这些文件,但一般而言,这些文件是每套模板所必备的。
基本条件判断Tag

  • is_home() : 是否为主页
  • is_single() : 是否为内容页(Post)
  • is_page() : 是否为内容页(Page)
  • is_category() : 是否为Category/Archive页
  • is_tag() : 是否为Tag存档页
  • is_date() : 是否为指定日期存档页
  • is_year() : 是否为指定年份存档页
  • is_month() : 是否为指定月份存档页
  • is_day() : 是否为指定日存档页
  • is_time() : 是否为指定时间存档页
  • is_archive() : 是否为存档页
  • is_search() : 是否为搜索结果页
  • is_404() : 是否为 “HTTP 404: Not Found” 错误页
  • is_paged() : 主页/Category/Archive页是否以多页显示

Header部分常用到的PHP函数

  • <?php bloginfo(’name’); ?> : 博客名称(Title)
  • <?php bloginfo(’stylesheet_url’); ?> : CSS文件路径
  • <?php bloginfo(’pingback_url’); ?> : PingBack Url
  • <?php bloginfo(’template_url’); ?> : 模板文件路径
  • <?php bloginfo(’version’); ?> : WordPress版本
  • <?php bloginfo(’atom_url’); ?> : Atom Url
  • <?php bloginfo(’rss2_url’); ?> : RSS 2.o Url
  • <?php bloginfo(’url’); ?> : 博客 Url
  • <?php bloginfo(’html_type’); ?> : 博客网页Html类型
  • <?php bloginfo(’charset’); ?> : 博客网页编码
  • <?php bloginfo(’description’); ?> : 博客描述
  • <?php wp_title(); ?> : 特定内容页(Post/Page)的标题

模板常用的PHP函数及命令

  • <?php get_header(); ?> : 调用Header模板
  • <?php get_sidebar(); ?> : 调用Sidebar模板
  • <?php get_footer(); ?> : 调用Footer模板
  • <?php the_content(); ?> : 显示内容(Post/Page)
  • <?php if(have_posts()) : ?> : 检查是否存在Post/Page
  • <?php while(have_posts()) : the_post(); ?> : 如果存在Post/Page则予以显示
  • <?php endwhile; ?> : While 结束
  • <?php endif; ?> : If 结束
  • <?php the_time(’字符串’) ?> : 显示时间,时间格式由“字符串”参数决定,具体参考PHP手册
  • <?php comments_popup_link(); ?> : 正文中的留言链接。如果使用 comments_popup_script() ,则留言会在新窗口中打开,反之,则在当前窗口打开
  • <?php the_title(); ?> : 内容页(Post/Page)标题
  • <?php the_permalink() ?> : 内容页(Post/Page) Url
  • <?php the_category(’, ‘) ?> : 特定内容页(Post/Page)所属Category
  • <?php the_author(); ?> : 作者
  • <?php the_ID(); ?> : 特定内容页(Post/Page) ID
  • <?php edit_post_link(); ?> : 如果用户已登录并具有权限,显示编辑链接
  • <?php get_links_list(); ?> : 显示Blogroll中的链接
  • <?php comments_template(); ?> : 调用留言/回复模板
  • <?php wp_list_pages(); ?> : 显示Page列表
  • <?php wp_list_categories(); ?> : 显示Categories列表
  • <?php next_post_link(’ %link ‘); ?> : 下一篇文章链接
  • <?php previous_post_link(’%link’); ?> : 上一篇文章链接
  • <?php get_calendar(); ?> : 日历
  • <?php wp_get_archives() ?> : 显示内容存档
  • <?php posts_nav_link(); ?> : 导航,显示上一篇/下一篇文章链接
  • <?php include(TEMPLATEPATH . ‘/文件名’); ?> : 嵌入其他文件,可为定制的模板或其他类型文件

与模板相关的其他函数

  • <?php _e(’Message’); ?> : 输出相应信息
  • <?php wp_register(); ?> : 显示注册链接
  • <?php wp_loginout(); ?> : 显示登录/注销链接
  • <!–next page–> : 将当前内容分页
  • <!–more–> : 将当前内容截断,以不在主页/目录页显示全部内容
  • <?php timer_stop(1); ?> : 网页加载时间(秒)
  • <?php echo get_num_queries(); ?> : 网页加载查询量

更详细的信息请参考WordPress官方文档

原文: http://blogsdiy.org/2007-12/wordpress-template-handbook/

发表评论

Wordpress.调用特定分类文章

转自:http://v08.pdmb.org/meditation/how-to-exclude-categories-from-being-displayed/#comment-3888 很有文采的导语略过了,希望那家伙看到不会生气。

(阅读全文…)

发表评论

解决了 WordPress 后台-外观-主题 页面在 ie6 下版面错位的问题

今天试用了一个新主题,结果在后台“外观-主题”界面变成了这样(错位啦):

clip_image002

最初以为是新的主题引起的麻烦,不激活,不行;删掉,还不行。意识到与新主题无关。

试着改变屏幕分辨率为1152 X 864,屏幕正常了:

clip_image004

由此可见是因为主题预览图撑坏了页面,虽不影响功能,但看着实在不舒服,研究了半天,总结解决办法如下(依从易到难顺序):

1. 最简单的是换个浏览器,貌似只在 ie6 下发生此种情况,因我在 Vista ie7 下一直在用,没印象发生过这种情况,今又在出错的机子上换 FireFox ,也显示正常,估计是 ie6 乱解释 padding 的老问题所致(就不截图了)。

2. 次简单的办法是,你一次只能用一个主题,把不用的主题暂时不激活,只保留最多 2 个,页面自然也正常。

clip_image006

3. 比较彻底的解决方案无他,只有改 WordPress 的 CSS 文件了,追踪了一下,主题设置页面的格式控制是在这里:wp-admin\ wp-admin.css,记得修改前先备份哦,要修改两个选择器的 3 个地方:

.available-theme a.screenshot {

width: 220px; /*原为240px,因在ie6下后台-外观-主题页面错位,改小*/

height: 165px; /*原为180px,为与width同比缩放,改小*/

display: block;

border-width: 1px;

border-style: solid;

margin-bottom: 10px;

overflow: hidden;

}

.available-theme img {

width: 220px; /*原为240px,因在ie6下后台-外观-主题页面错位,改小*/

}

clip_image008

为什么要改两个选择器?最初我只改了.available-theme a.screenshot 类,发现这只是个窗口,预览图被剪裁了:

clip_image010

如果只改图片宽度,则页面依然是错位的。

注意:如果你的模板升级了,我估计还得重新改一次。

本文所述是在 WPMU2.7 下的情况,其他版本未试。

 

又长一知:以前从不知道链接 a 还可以定义宽度和高度:

CSS文件中:
a.screenshot { width: 220px; height: 165px; }

PHP文件中:
<a href="themes.php?action=…" class="screenshot">
        <img src=http://5d0d.net/…/screenshot.png alt="" />

这样图片就是在一个容器中了。

Comments (2)