WordPress高级教程

WORD PRESS W ordP ress 高级教程 （晋级版） 编著：夜阑小雨 网站： www.coagenpl.cn 2009 年 8 月 26 日 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 2 页/共 60 页------------------------------------------------- 目 录 精通 WORDPRESS 主题制作技巧 ..................................................................................................6 ：................................................................................................6 ： 显示博客的信息 （参数同 get_bloginfo） .......................6 ：列表显示页面链接 .............................................................6 ：特定内容页(Post)自动生成的 ID（无参数） ...................................6 ：得到内容页(Post) URL（无参数） ........................................6 ：显示或返回内容页(Post)标题 ......................................................6 ：日志发表的日期 格式：月日年 ...................................7 ：显示日志的作者（无参数） ..........................................................7 ：日志的内容 ...............................7 '); ?>：日志的 tag 标签....................................................7 ：当用户已登录并具有权限时，所显示的日志编辑链接 ...................................................................................................................................................7 ：日志的评论情况 ................................................................................................7 ：较早日志页面的链接 ..............................7 ：较新日志页面的链 ..........................7 ：按月显示内容存档 .............................................7 ：显示 tag 标签.............................................................................8 ：得到日志的信息 ...............................................................................8 ：按照字符顺 序显示分类列表 ...................................................................................................................... 10 ：显示友情链接 ................................................................................................................................................. 10 ：显示深度到 3 的页 面链接..................................................................................................................................... 10 ：调用 searchform 的文件生成搜索栏 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 3 页/共 60 页------------------------------------------------- ................................................................................................................................................. 10 ：调用 WordPress 自带的日历...................................................... 10 WORDPRESS 基本模板文件......................................................................................................... 10 一套完整的 WordPress 模板应至少具有如下文件： ............................................................. 10 基本条件判断 Tag................................................................................................................... 11 Header 部分常用到的 PHP 函数............................................................................................. 11 模板常用的 PHP 函数及命令 ................................................................................................. 12 与模板相关的其他函数........................................................................................................... 12 WORDPRESS 函数技巧 ................................................................................................................ 13 Loop 循环（成功）................................................................................................................. 13 在 WordPress 的第一篇文章中插入 Google 广告（成功）..................................................... 13 改变每个分类页面的日志显示数. （成功）.......................................................................... 14 给特定分类添加不同模板（成功）........................................................................................ 14 为特定分类文章创建不同外观 ............................................................................................... 14 样式化不同分类...................................................................................................................... 15 在某一个页面单独调用某一个 php 文件； ............................................................................ 15 动态标题以实现更友好的 SEO............................................................................................... 15 动态显示菜单：根据分类及页面类型显示相应条目： ......................................................... 15 动态显示高亮显菜单：........................................................................................................... 16 自定义顶部导航...................................................................................................................... 16 查询文章 ................................................................................................................................. 17 Query_posts(查询文章？)能被用来显示特定文章，你所需做只是你一个模板文件的 Loop 开始之前调用函数 .................................................................................................................. 17 query_posts() 函数的一些常见用法........................................................................................ 17 获取文章 ................................................................................................................................. 17 如何按分类和按月显示一个 Archvies 存档页面..................................................................... 18 页面模板头部声明 .................................................................................................................. 18 为不同的分类指定不同的图像 ............................................................................................... 18 如何添加幻灯片 BANNER 广告 .................................................................................................... 19 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 4 页/共 60 页------------------------------------------------- 5 个你不知道的 WORDPRESS 函数 ............................................................................................. 22 WORDPRESS 一些常用代码：..................................................................................................... 23 显示最新文章 .......................................................................................................................... 23 显示最新评论 .......................................................................................................................... 23 显示热评文章 .......................................................................................................................... 24 调用Gravatar(只适应2.5 以上) ........................................................................................... 24 调用前两篇日志，后续3篇日志列表 .................................................................................... 24 随机文章 ................................................................................................................................. 24 安全的调用Wordpress 插件模板代码 .................................................................................... 25 WORDPRESS 常用代码解释........................................................................................................ 25 1. 最新文章 ............................................................................................................................ 25 2. 随机文章 ............................................................................................................................ 25 3. 最新留言 ............................................................................................................................ 26 调用 TAB 页签菜单：.................................................................................................................... 27 添加head 头文件：判断后调用js 文件 ............................................................................... 27 添加css 代码到 样式文件内 ................................................................................................ 27 添加tab 代码到需要调用的地方 ............................................................................................ 28 保存js 代码到目录下 ............................................................................................................. 31 所有页面的归档：.......................................................................................................................... 32 WORDPRESS 主题中常用代码总结：.......................................................................................... 34 WORDPRESS 简单企业模板,企业网站完成................................................................................. 37 WORDPRESS 搭建企业网站......................................................................................................... 40 一．WordPress 搭建中小企业网站思路 ............................................................................................. 40 二．注意事项 ..................................................................................................................................... 46 创建漂亮的 WORDPRESS 日期按钮........................................................................................... 47 第一步：输入代码 ...................................................................................................................... 47 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 5 页/共 60 页------------------------------------------------- 第二步：建立背景图片 ............................................................................................................... 48 第三步：为其创建样式 ............................................................................................................... 48 创建动态的置顶文章 ...................................................................................................................... 48 查询 WORDPRESS 博客资料的 SQL 命令................................................................................... 50 给 WP 添加 CTRL+ENTER 回复快捷键 ...................................................................................... 51 WORDPRESS 的 10 个杀手级 HACK 技巧.................................................................................. 52 1.只在搜索引擎结果中显示 AdSense 广告.......................................................................... 52 2.避免在多循环中出现重复文章 ............................................................................................ 53 3.用页码代替 “上页”和“下页”.................................................................................................. 54 4.自动获取文章图像 ............................................................................................................... 55 5.创建“发送到 Twitter”按钮.................................................................................................... 55 6. 使用直引号，避免弯引号 .................................................................................................. 56 7. 如无 Referrer 请求则禁止发表评论 .................................................................................. 56 8.在 WordPess 导航条中使用 CSS 滑动门 .......................................................................... 57 9. WordPress 博客百变头图 .................................................................................................. 58 10.显示撰写计划 ..................................................................................................................... 58 侧边加入登陆界面： ...................................................................................................................... 59 获取单篇文章内的关键字及描述方法： ........................................................................................ 60 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 6 页/共 60 页------------------------------------------------- 精通 WordPress 主题制作技巧 ： 将由 WordPress 函数自动生成的信息传回博客， 然后再在其他地方使用你的 PHP 代码 部分常用参数： default：默认 name：名称 description：说明 url、home、siteurl：网址 charset：网页的编码方式 stylesheet_url：css 文件地址 version：博客所使用的 WordPress 的的版本 ： 显示博客的信息 （参数同 get_bloginfo） ：列表显示页面链接 部分常用参数： post_title：按标题字母顺序排列（默认） post_date：按创建时间排序 post_modified：按最后修改时间排序 ID：按照 id 排序 post_author：按照作者 id 排序 ：特定内容页(Post)自动生成的 ID（无参数） ：得到内容页(Post) URL（无参数） ：显示或返回内容页(Post)标题 用法： before：（字符串）标题前面的文字，默认情况下不显示， after：（字符串）标题前面的文字，默认情况下不显示 display：（布尔）当布尔值为真时，显示标题（默认），当布尔值为假时，得 到标题的值但不显示 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 7 页/共 60 页------------------------------------------------- ：日志发表的日期 格式：月日年 ：显示日志的作者（无参数） ：日志的内容 用法： more_link_text：（字符串），当日志有 more 标记时，链接到日志页面 strip_teaser：（布尔），日志 “更多”链接的隐藏（ true）或显示（false）（默认） '); ?>：日志的 tag 标签 用法 ： before：（字符串）用在标签的前面，默认为 “tags：” separator：（字符串）分隔符，默认情况下不显示 after：（字符串）用在标签的后面，默认情况下不显示 ：当用户已登录并具有权限时，所显示的日志编辑 链接 ：日志的评论情况 ：较早日志页面的链接 ：较新日志页面的链 ：按月显示内容存档 用法： ）标签（默认） option：添加选择（ ）或下拉式选项（ ）标记 link：添加链接（ ）标记 custom：自定义列表使用之前和之后的字符串。 before：（字符串）当有 format 标记时用在 format 前面 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 8 页/共 60 页------------------------------------------------- after：（字符串）当有 format 标记时用在 format 后面 show_post_count：（布尔）是否显示文档里面日志的数目， 1 显示 0 不显示（默认） ：显示 tag 标签 用法： 参数： smallest ：（ 整数 ）文字的最小尺寸（ unit 给予单位） largest：（ 整数 ）文字的最大尺寸（ unit 给予加单位） unit ：（ 字符串 ）给 smallest 和 largesti 添加的单位 number：（ 整数 ）显示的 tag 的数目 format ：（ 字符串 ）标签云显示的格式值： l flat：由空格分开（默认） l list：以有序列表排列 l array：标签被放在一个数组里面，并且函数将标签云返回为调用。注意：数组是 返回，而不显示 orderby：（ 字符串 ）标签的排列的顺序值： l name：名字（默认） l count：数字 order ：（ 字符串 ）排序的次序（要大写才有效）值： l ASC：升序（默认） l DESC：降序 l RAND：随机 exclude：（ 字符串 ）排除某个特定的标签 include：（ 字符串 ）只包含某个特定的标签

：显示从第一篇开始取 10 篇日志的列表 ：得到日志的信息 用法： 参数及值： numberposts：（ 整数 ）返回日志的数目，默认值： 5 offset：（ 整数 ）最新文章的起始点，默认值： 0 category：（ 整数 ）只显示这一类别的文章（根据 ID），默认值：无 category_name：（ 字符串 ）只显示这一类别的文章（根据名称或缩写），默认值：无 tag：（ 字符串 ）只显示这一标签的文章，若有多个标签，用逗号隔开，则一 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 9 页/共 60 页------------------------------------------------- 个不显示，应用空格隔开 orderby：（ 字符串 ）文章的排列顺序（默认： post_date） 值： l author：作者 id l category：分类 id l content：内容 id l date：日期 id l ID：文章本身的 id l menu_order：按菜单命令（只应用于网页 page） l mime_type：按 MIME 类型（只应用于带附件的） l modified：最后修改的日期 l name：按缩略名 l parent：按父文章的 id l password：按密码 l rand：随机 l status：按状态 l title：按标题 l type：按类型 order：（ 字符串 ）排序的次序（要大写才有效） 值： l ASC：升序 l DESC：降序（默认） include：（ 字符串 ）显示拥有某些 ID 的文章，多个以逗号、 /、空格隔开，默认值：无 exclude：（ 字符串 ）排除拥有某些 ID 的文章，多个以逗号、 /、空格隔开，默认值：无 meta_key 和 meta_value：（ 字符串 ）只显示那些有特定键值对的自定义域，（如果要用 的话，两个值一起），默认值：无 post_type：（ 字符串 ）文章的类型值： l post（默认） l page l attachment l any post_status：（ 字符串 ）查看文章的特殊状态 值： l publish（默认） l private l draft l future l inherit post_parent：（ 整数 ）只显示这个拥有这个 id 的文章的子文章，默认值：无 nopaging：（ 布尔 ）启用或禁用分页，默认值：无 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 10 页/共 60 页------------------------------------------------- ： 按照字符顺序显示分类列表 参数 show_option_all ：（ 字符串 ）当 style 设置为 list 的时候，会有一个值来 显示到所有分类的链接，默认是不显示所有链接 orderby：（ 字符串 ）排序的依据，默认值： name 值： l ID l name（默认） l count order：ASC（升序）或 DESC（降序） show_last_update：是（真）否（假）显示最后修改时间， 1 为真，0（默认）为假 style：（ 字符串 ）显示分类的方式，值： list（默认）； none show_count：（ 布尔 ）是（真）否（假）显示日志的数目， 1 为真， 0（默认）为假 hide_empty：（ 布尔 ）是（真）否（假）隐藏无日志的分类， 1（默认）为真， 0 为假 use_desc_for_title：（ 布尔 ）是（真）否（假）给标题设置分类信息， 1（默认）为真， 0 为假 child_of：（ 整数 ）只显示这个分类的子分类，没有默认值 exclude：除了 include：只包括 hierarchical：（ 布尔 ）是（真）否（假）让子分类显示时缩进， 1（默认）为真， 0 为假 number：（ 整数 ）设置显示的数目，默认无限制 echo：（ 布尔 ）得到的结果是（真）否（假）存在一个变量中， 1（默认）为真， 0 为假 depth：（ 整数 ）显示分类的深度， 0（默认）为无限制 ：显示友 情链接 ：显示深度 到 3 的页面链接 ：调用 searchform 的文件生 成搜索栏 ：调用 WordPress 自带的日历 WordPress 基本模板文件 一套完整的 WordPress 模板应至少具有如下文件： · style.css : CSS(样式表)文件 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 11 页/共 60 页------------------------------------------------- · 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 函数 · : 博客名称(Title) · : CSS 文件路径 · : PingBack Url · : 模板文件路径 · : WordPress 版本 · : Atom Url · : RSS 2.o Url · : 博客 Url · : 博客网页 Html 类型 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 12 页/共 60 页------------------------------------------------- · : 博客网页编码 · : 博客描述 · : 特定内容页(Post/Page)的标题 模板常用的 PHP 函数及命令 · : 调用 Header 模板 · : 调用 Sidebar 模板 · : 调用 Footer 模板 · : 显示内容(Post/Page) · : 检查是否存在 Post/Page · : 如果存在Post/Page则予以 显示 · : While 结束 · : If 结束 · : 显示时间，时间格式由“字符串”参数决定， 具体参考 PHP 手册 · : 正文中的留言链接。如果使用 comments_popup_script() ，则留言会在新窗口中打开，反之，则在当前 窗口打开 · : 内容页(Post/Page)标题 · : 内容页(Post/Page) Url · : 特定内容页(Post/Page)所属 Category · : 作者 · : 特定内容页(Post/Page) ID · : 如果用户已登录并具有权限，显示编辑链接 · : 显示 Blogroll 中的链接 · : 调用留言/回复模板 · : 显示 Page 列表 · : 显示 Categories 列表 · : 下一篇文章链接 · : 上一篇文章链接 · : 日历 · : 显示内容存档 · : 导航，显示上一篇 /下一篇文章链接 · : 嵌入其他文件，可为 定制的模板或其他类型文件 与模板相关的其他函数 · : 输出相应信息 · : 显示注册链接 · : 显示登录/注销链接 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 13 页/共 60 页------------------------------------------------- · : 将当前内容分页 · : 将当前内容截断，以不在主页/目录页显示全部内容 · : 网页加载时间(秒) · : 网页加载查询量 WORDPRESS 函数技巧 Loop 循环（成功） // the code inside the loop //插入 Loop 中的代码 在 WordPress 的第一篇文章中插入 Google 广告（成功） // Insert your Google AdSense code here 你同样可以改变 count 值来让广告比如放在不同的日志后面，比如改成 count == 2, 则把 Google 广告显示在第二篇日志后面: W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 14 页/共 60 页------------------------------------------------- 改变每个分类页面的日志显示数. （成功） 你将需要打开 category.php 文件并且找到下面的这行, 在 下面添加内容： “is_category()”就是分类 ID，比如可以写成”is_category(’5′)”, “showposts=4″ 里面的数值就 是你要显示的分类日志数。 给特定分类添加不同模板（成功） 如果你想给 ID 为 7 的分类制作一个和你目前主题不一样的外观，只需在你当前主题文件夹 中创建一个名为 category-7.php 的模板文件，然后自定义我喜欢的样式， WordPress 会自 动查看并显示它，请注意文件名中的 "-"符号。 为特定分类文章创建不同外观 假设你有两个分类，分别名为"News"和"Tutorials"，然后你想让"News"分类里的单篇文章的 外观表层为 style1.css，让"Tutorials"分类里的单篇文章外观表层为 style2.css，Lorelle 提供 了以下这种比较简单的解决方法： 打开 single.php 文件，并删除里面的所有代码，添加以下代码： post; if ( in_category('9') ) { include(TEMPLATEPATH . '/single2.php'); } else { include(TEMPLATEPATH . '/single1.php'); } ?> 通常情况下，PHP 会自动查询这段代码，如果日志的分类 ID 为 9，则会自动显示 single2.php， 如果不是则会显示为 single1.php。 注意：single1.php 和 single2.php 里的样式自定义，系统会自动判断加载不同的样式显示 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 15 页/共 60 页------------------------------------------------- 样式化不同分类 如果你想给特定分类规定不同的样式表，你所需做的只是在 header.php 文件的标签中加入 以下代码： ; 在某一个页面单独调用某一个 php 文件； 如果你仅想在首页显示某个文件内容，可在 index.php 文件中写入以下代码：

页面显示特定内容：（取名字到 is_page(‘* ’)）

//判 断是不 contact 页面 /// is_posted() 动态标题以实现更友好的 SEO 替换：header.php 内 动态显示菜单：根据分类及页面类型显示相应条目： W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 16 页/共 60 页-------------------------------------------------

• 404 Error
• Search Results
• Selected Article
动态显示高亮显菜单： 动态加载 css 样式：
>Gallery >About >Submit
自定义顶部导航
• >首页
• > 关于
• > 留言板
W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 17 页/共 60 页------------------------------------------------- 查询文章 Query_posts(查询文章？)能被用来显示特定文章，你所需做只是你一个模板文件的 Loop 开始之前调用函数 只显示某个分类中的文章 如果你想显示某个特定分类的一定目录的文章 //这里则会显示分类 ID为15的最新 10篇文章。 从首页移除特定分类 //从主页上移除分类为 3 的所有日志。 检索某篇文章 只显示 post-id 为 3 的页面。 query_posts() 函数的一些常见用法 是 page 而不是 post 获取文章 get_posts 是一个简单的你可利用多循环以不同方式罗列文章的标签，例如你想罗列最新的 5 个条目，代码可如下：

最新文章
上面的代码中变量 "numberposts=？"则告诉 WordPress 在循环里索引和填充多少文章， WordPress 文章格式函数 setup_postdata()将会自动填充所需函数！ 如何按分类和按月显示一个 Archvies 存档页面
使用 wp_list_cats 标签显示一个按分类排列的 WordPress 存档列表和 wp_get_archives 显示基于日期的存档列表。 页面模板头部声明 为不同的分类指定不同的图像 /01.bmp' alt='' /> /16.bmp' alt='' /> is_paged() : 主页/Category/Archive 页是否以多页显示 ：这里是指是否是分页的第2， 3，4，，，，页。 ！is_paged() 是指分页的第一页 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 19 页/共 60 页------------------------------------------------- 如何添加幻灯片 banner 广告 在开始之前我们需要先下载 SmoothGallery 2.0 1) 将所需文件放到合适的地方 解压下载到的 smoothgallery 将解压得到的 css 文件夹复制到 wordpress 目录 wp-content/themes/your_theme_name 将 scripts 文件夹复制到 wp-content/themes/your_theme_name 2) 在 header.php 里添加： 去掉此行，不然不能实现。不知道什么原因？ wp_head();里面是其他插件里面的样式或者是其他调用代码，如果去掉此行的话将无法显 示了，所以只能把他们所需要的代码直接写进主题的样式模板内进行统一调用。可以解决 问题。 3) 新建一个文件 huandeng.php 添加代码：

Item 1 Title

Item 1 Description

/huandeng/images/brugges2006/1.jpg' class="full" /> /huandeng/images/brugges2006/1-mini.jpg' class="thumbnail" /> W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 20 页/共 60 页-------------------------------------------------

Item 2 Title

Item 2 Description



Item 3 Title

Item 3 Description



Item 4 Title

Item 4 Description



Item 5 Title

Item 5 Description



Item 6 Title

Item 6 Description



W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 21 页/共 60 页-------------------------------------------------

Item 7 Title

Item 7 Description



Item 8 Title

Item 8 Description


4) 在需要引用的地方添加以下代码：（ 不知道什么原因调用 huandeng.php 代码后，此区 域将脱离文件流，而且没有办法让它归位，只能将其直接写入 index.php 文件内部） 这里面有一个 5) 自定义 gallery 的具体显示效果。 打开文件 wp-content/themes/your_theme_name/css/jd.gallery.css，在这里修改 gallery 的 宽和高。（通过修改 jd.gallery.css 完全对这个 slideshow 根据自己的主题进行个性化。 ^_^） #myGallery, #myGallerySet, #flickrGallery { width: 590px; height: 250px; z-index:5; border: 1px solid #000; } 默认的字号对于中文太小了，可以调整 slideshow 下方信息栏的高度及文字的字号，只需要 修改 .jdGallery .slideInfoZone（滑动信息栏高度、颜色等参数） .jdGallery .slideInfoZone h2（信息栏内标题样式） W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 22 页/共 60 页------------------------------------------------- .jdGallery .slideInfoZone p（信息栏文本样式） *上滑动栏宽度 ; .jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 90px;/*上滑动栏宽度;*/ background: #333; color: #fff; text-indent: 0; overflow: hidden; } 你还可以修改 wp-content/themes/your_theme_name/scripts/jd.gallery.js 来改变 gallery 的 展示效果（Smooth Gallery 提供了多种不同的显示效果，你可以根据需要进行修改） 5 个你不知道的 Wordpress 函数 1. wp_mail()基本上是一个超级简单的函数，允许你通过一些简单的代码轻松 地向任何人发送电子邮件。例如： 2. wp_loginout():主题中显示“登录”链接 3. clean_url()：入 URL 并测试它的结构是否正确。如果链接前面缺少http:// 它可以自动添加，转换符号为正确的HTML， 4. wpautop() ：这个函数用来转换换行符字符串为
标记，并把双换行符 作为一个新的段落的开始，在前一段加入
，并在新的段落加上

。 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 23 页/共 60 页------------------------------------------------- wordpress 一些常用代码： 显示最新文章 l

l
最新文章
l l
l l l
l
显示最新评论 l
最新评论
l
l comments l LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = l $wpdb->posts.ID) l WHERE comment_approved = '1' AND comment_type = '' AND l post_password = '' l ORDER BY comment_date_gmt DESC l LIMIT 10"; l $comments = $wpdb->get_results($sql); l $output = $pre_HTML; l $output .= "\n
"; l foreach ($comments as $comment) { $output .= "\n
• ".strip_tags($comment->comment_author) .":" . "ID). "#comment-" . $comment->comment_ID . "\" title=\"on " . $comment->post_title . "\">" .strip_tags($comment->com_excerpt) ."
"; } l $output .= "\n
"; W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 24 页/共 60 页------------------------------------------------- l $output .= $post_HTML; l echo $output;?> l
l
显示热评文章 l
l
最受关注文章
l get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 10"); l foreach ($result as $topten) { l $postid = $topten->ID; l $title = $topten->post_title; l $commentcount = $topten->comment_count; l if ($commentcount != 0) { ?> l
l l
调用Gravatar(只适应2.5 以上) 调用前两篇日志，后续3 篇日志列表 l l l Posted on in l l (Google ads here) l l l
l Posted on in l 随机文章 l
l
随机文章
l l l
l
安全的调用Wordpress 插件模板代码

部件标题

Wordpress 常用代码解释 1. 最新文章 Wordpress 最新文章的调用可以使用一行很简单的模板标签wp_get_archvies 来 实现. 代码如下： (显示10 篇最新更新文章) 或 后面这个代码显示你博客中最新的20 篇文章，其中format=custom 这里主要用 来自定义这份文章列表的显示样式。具体的参数和使用方法你可以参考官方的使 用说明- wp_get_archvies。(fromat=custom 也可以不要，默认以UL 列表显示 文章标题。) 补充: 通过WP 的 query_posts()函数也能调用最新文章列表， 虽然代码会比较 多一点，但可以更好的控制Loop 的显示，比如你可以设置是否显示摘要。具体 的使用方法也可以查看官方的说明。 2. 随机文章
W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 26 页/共 60 页------------------------------------------------- 补充: 上面提到的 query_posts 同样可以生成随机文章列表。 3. 最新留言 下面是我之前在一个Wordpress 主题中代到的最新留言代码，具体也记不得是哪 个主题了。该代码直接调用数据库显示一份最新留言。其中 LIMIT 10 限制留言 显示数量。绿色部份则是每条留言的输出样式。 comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT 10"; $comments = $wpdb->get_results($sql); $output = $pre_HTML; foreach ($comments as $comment) { $output .= "\n
• ".strip_tags($comment->comment_author) .":" . " ID) . "#comment-" . $comment->comment_ID . "\" title=\"on " . $comment->post_title . "\">" . strip_tags($comment->com_excerpt) ."
"; } $output .= $post_HTML; echo $output;?> W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 27 页/共 60 页------------------------------------------------- 调用 TAB 页签菜单： 添加head 头文件：判断后调用js 文件 添加css 代码到 样式文件内 l l #tab{ l text-align:left; l position:relative; l } l .menu { l background-color:#ececec; l color:#272727; l border-bottom:1px solid #d7d7d7; l height:23px; l width:450px; l vertical-align:middle; l } l .menu ul { l margin:0px; l padding:0px; l list-style:none; l text-align:left; l } l .menu li {display:inline; l line-height:23px;} l l .menu li a {color:#000000; l text-decoration:none; l padding:4px 5px 6px 5px; W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 28 页/共 60 页------------------------------------------------- l border-left:1px solid #ececec; l border-right:1px solid #ececec; l } l .menu li a.tabactive {border-left:1px solid #d7d7d7; l border-right:1px solid #d7d7d7; l background-color:#CCCCCC; l font-weight:bold; l position:relative;} l l #tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 { l border:1px solid #ececec; l width:450px; l text-align:left; l padding:6px 0px; l font-size:12px; l margin:2px 0 5px 5px; l } l l l #container1 #newcomment,#container #newcomment{ l l position: relative; l margin-left:30px; l width:350px; l } l l #container1 #reping,#tabcontent1 #reping{ l position: relative; l margin-left:30px; l width:350px; l } l l #container1 #rand li, #tabcontent2 #rand li{ l margin-left:30px; l padding:0; l } l l 添加tab 代码到需要调用的地方

最新关注日志及评论

W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 29 页/共 60 页-------------------------------------------------

• 最新评论
• 最受关注文章
• 随机文章

comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT 10"; $comments = $wpdb->get_results($sql); $output = $pre_HTML; foreach ($comments as $comment) { $output .= "\n

".strip_tags($comment->comment_author).":" . "ID). "#comment-" . $comment->comment_ID . "\" title=\"on " . $comment->post_title . "\">" . strip_tags($comment->com_excerpt)."

"; } $output .= $post_HTML; echo $output;?>

W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 30 页/共 60 页-------------------------------------------------

get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 10"); foreach ($result as $topten) { $postid = $topten->ID; $title = $topten->post_title; $commentcount = $topten->comment_count; if ($commentcount != 0) { ?>



W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 31 页/共 60 页-------------------------------------------------
保存js 代码到目录下 /* EASY TABS 1.2 Produced and Copyright by Koller Juergen www.kollermedia.at | www.austria-media.at Need Help? http:/www.kollermedia.at/archive/2007/07/10/easy-tabs-12-now-with-autochange You can use this Script for private and commercial Projects, but just leave the two credit lines, thank you.*/ //EASY TABS 1.2 - MENU SETTINGS //Set the id names of your tablink (without a number at the end)设置链接的 tab 页签名称 var tablink_idname = new Array("tablink") //Set the id name of your tabcontentarea (without a number at the end)设置 tab 内容区域 id 名称 var tabcontent_idname = new Array("tabcontent") //Set the number of your tabs//设置 tab 的个数 var tabcount = new Array("2") //Set the Tab wich should load at start (In this Example:Tab 2 visible on load) var loadtabs = new Array("1") //Set the Number of the Menu which should autochange (if you dont't want to have a change menu set it to 0) var autochangemenu = 0; //the speed in seconds when the tabs should change var changespeed = 3; //should the autochange stop if the user hover over a tab from the autochangemenu? 0=no 1=yes var stoponhover = 0; //END MENU SETTINGS W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 32 页/共 60 页------------------------------------------------- /*Swich EasyTabs Functions - no need to edit something here*/ function easytabs(menunr, active) {if (menunr == autochangemenu){currenttab=active;}if ((menunr == autochangemenu)&&(stoponhover==1)) {stop_autochange()} else if ((menunr == autochangemenu)&&(stoponhover==0)) {counter=0;}menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){document.getElementById(tablink_idname[menunr]+i).className='tab'+i;document.getEleme ntById(tabcontent_idname[menunr]+i).style.display = 'none';}document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';}var timer; counter=0; var totaltabs=tabcount[autochangemenu-1];var currenttab=loadtabs[autochangemenu-1];function start_autochange(){counter=counter+1;timer=setTimeout("start_autochange()",1000);if (counter == changespeed+1) {currenttab++;if (currenttab>totaltabs) {currenttab=1}easytabs(autochangemenu,currenttab);restart_autochange();}}function restart_autochange(){clearTimeout(timer);counter=0;start_autochange();}function stop_autochange(){clearTimeout(timer);counter=0;} window.onload=function(){ var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]); a++; b++;}while (b<=menucount); if (autochangemenu!=0){start_autochange();} } 所有页面的归档： function BX_archive(){ global $month, $wpdb; $now = current_time('mysql'); $arcresults = $wpdb->get_results("SELECT DISTINCT YEAR(post_date) AS year, MONTH(post_date) AS month, count(ID) as posts FROM " . $wpdb->posts . " WHERE post_date <'" . $now . "' AND post_status='publish' AND post_type='post' AND post_password='' GROUP BY YEAR(post_date), MONTH(post_date) ORDER BY post_date DESC"); if ($arcresults) { foreach ($arcresults as $arcresult) { $url = get_month_link($arcresult->year, $arcresult->month); W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 33 页/共 60 页------------------------------------------------- $text = sprintf('%s %d', $month[zeroise($arcresult->month,2)], $arcresult->year); echo get_archives_link($url, $text, '','

','

'); $thismonth = zeroise($arcresult->month,2); $thisyear = $arcresult->year; $arcresults2 = $wpdb->get_results("SELECT ID, post_date, post_title, comment_status FROM " . $wpdb->posts . " WHERE post_date LIKE '$thisyear-$thismonth-%' AND post_status='publish' AND post_type='post' AND post_password='' ORDER BY post_date DESC"); if ($arcresults2) { echo "
\n"; foreach ($arcresults2 as $arcresult2) { if ($arcresult2->post_date != '0000-00-00 00:00:00') { $url = get_permalink($arcresult2->ID); $arc_title = $arcresult2->post_title; if ($arc_title) $text = strip_tags($arc_title); else $text = $arcresult2->ID; echo "
• ".get_archives_link($url, $text, ''); $comments = mysql_query("SELECT * FROM " . $wpdb->comments . " WHERE comment_approved='1' and comment_post_ID=" . $arcresult2->ID); $comments_count = mysql_num_rows($comments); if ($arcresult2->comment_status == "open" OR $comments_count > 0) echo ' ('.$comments_count.')'; echo "
\n"; } } echo "
\n"; } } }} W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 34 页/共 60 页------------------------------------------------- Wordpress 主题中常用代码总结： 1. 在 Wordpress主题中显示最热文章的 PHP代码 2. wordpress主题–相关文章代码 get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 10"); foreach ($result as $post) { setup_postdata($post); $postid = $post->ID; $title = $post->post_title; $commentcount = $post->comment_count; if ($commentcount != 0) { ?>
• ()
ID); if ($tags) { $first_tag = $tags[0]->term_id; $args=array( 'tag__in' => array($first_tag), 'post__not_in' => array($post->ID), 'showposts'=>10, 'caller_get_posts'=>1 ); $my_query = new WP_Query($args); if( $my_query->have_posts() ) { while ($my_query->have_posts()) : $my_query->the_post(); ?>
W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 35 页/共 60 页------------------------------------------------- 3. Wordpress 主题使用PHP 代码输出最新文章 4. 最新评论： comments LEFT OUTER JOIN $wpdb->posts ON($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHEREcomment_approved = '1' AND comment_type = " AND post_password = " ORDERBY comment_date_gmt DESC LIMIT 10"; $comments = $wpdb->get_results($sql); $output = $pre_HTML; foreach ($comments as $comment) { $output.= "\n
• ". "ID)."#comment-" . $comment->comment_ID ."\" title=\"on ".$comment->post_title ."\">".strip_tags($comment->comment_author)."" . ": ".strip_tags($comment->com_excerpt)."
"; } $output .= $post_HTML; echo $output; ?> is_archive = true; $wp_query->is_home = false; ?> ID)) : ?>
W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 36 页/共 60 页------------------------------------------------- 5. wordpress 主题–相关文章代码 基本 sql 是这样： $sql = “SELECT p.ID, p.post_title, p.post_date, p.comment_count, count(t_r.object_id) as cnt FROM $wpdb->term_taxonomy t_t, $wpdb->term_relationships t_r, $wpdb->posts p WHERE t_t.taxonomy =’post_tag’ AND t_t.term_taxonomy_id = t_r.term_taxonomy_id AND t_r.object_id = p.ID AND (t_t.term_id IN ($taglist)) AND p.ID != $post->ID AND p.post_status = ‘publish’ GROUP BY t_r.object_id ORDER BY cnt DESC, p.post_date_gmt DESC LIMIT $limit;”; 一点一点的解释： term_taxonomy 、term_relationship、posts 这三张表存的什么我不多说， 网上一般都可以查到，维基百科貌似都有。把他们连起来，做个 sql，注意 group by 以及 limit，这样就可以提取结果了 $related_post = $wpdb->get_results($sql); 之前要把$taglist 做好，利用 wp_get_post_tags($post->ID);可以将该篇文章的的 tag 取到 一个数组中，然后再链接就可以了 最后怎么处理输出就看个人爱好了，这个功能我写的大概也就十几行，我比较喜欢简短的说， 呵呵。 function related_post($limit = 10) { global $wpdb, $post; $tags = wp_get_post_tags($post->ID); $taglist = "'" . $tags[0]->term_id. “‘”; $tagcount = count($tags); if ($tagcount > 1) { for ($i = 1; $i < $tagcount; $i++) { $taglist .= “, ‘”.$tags[$i]->term_id.”‘”; } } $sql = “SELECT p.ID, p.post_title, p.post_date, p.comment_count, count(t_r.object_id) as cnt FROM $wpdb->term_taxonomy t_t, $wpdb->term_relationships t_r, $wpdb->posts p WHERE t_t.taxonomy =’post_tag’ AND t_t.term_taxonomy_id = t_r.term_taxonomy_id AND t_r.object_id = p.ID AND (t_t.term_id IN ($taglist)) AND p.ID != $post->ID AND p.post_status = ‘publish’ GROUP BY t_r.object_id ORDER BY cnt DESC, p.post_date_gmt DESC LIMIT $limit;”; $related_post = $wpdb->get_results($sql); $output = “”; foreach ($related_post as $tmp){ $output .= 这个就看个人爱好了 } if($output == “”)$output = “No Related Post Yet”; echo $output; } W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 37 页/共 60 页------------------------------------------------- WordPress 简单企业模板,企业网站完成 先在 WordPress 生成一分类，叫[基本资料]， 然后分别写[公司简介]和[联系方 式]等，再增加分类[新闻中心] . 首页模板里调用 query_posts(’p=1′) , 完成公司简介， 1 是公司简介这文章 ID index.php 代码:
”>
• ”>HOME

/banner-page.jpg” border=0 alt=”Banner” />
”>
” rel=”bookmark”>
W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 38 页/共 60 页-------------------------------------------------
********************
”; // echo $ss; // echo “
*********************
”; ?>
在 sibebar.php 写死了部分导航，其实可以用其它方式的，以下是 sibebar.php 的代码 :
导航
• ’>首页


W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 39 页/共 60 页-------------------------------------------------
新闻中心
• ”>


联系我们


W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 40 页/共 60 页------------------------------------------------- WordPress 搭建企业网站 在看该文档之前需要对 WordPress 主题模板的层次架构有一定的了解。简单介绍如图： 更详细的 WordPress 主题模板的结构层次请见： wordpress 主题结构层次图 一．WordPress 搭建中小企业网站思路 WordPress 是基于文章的博客程序，而企业或产品网站也是基于一篇篇的文章，所以用 WordPress 搭建企业网站是可行的。用 WordPress 建中小企业站模板的思路如下： 1) 大分类+子分类： 首先，根据需求明确企业网站的整体结构，需要几大类的内容，如分为 1 产品介绍， 2 技术 中心，3 关于我们， 4 试用购买，这些内容可以放在网站的主菜单上。 然后，细化企业网站结构，既明确子分类，如： W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 41 页/共 60 页------------------------------------------------- 由上图可以清晰的了解网站的结构，上图中 表示该文章分类的 id 号，因为 WordPress 本身有一个未分类和链接占用分类的 1、2 两个 id 号，我们只能从 3 开始，图 中 id 为 3、4、5、6 的几个分类为大分类；而 7、8、9、10 为 3 的子分类，其他父子分类 关系也如此。子分类可作为网站内页的 side 里的内容。值得一提的是， 表示文章， “关于公司”、“联系我们 ”、“合作伙伴 ”三个文章是直接属于大分类 5，这个网站的 “关于我们” 内页 side 里既有分类又有文章，如何解决？下边会有介绍。现在整体的大思路应该很明确 了就是 大分类 +子分类。 2) 让每个大分类内页的 side 里显示子分类： 如图： 这是我们要的效果 ， 因为我们每个大分类下面都要显示各自的子分类 ， 所以在 sidebar.php 里的分类列表只写 已经不能满足我们 的需求。因此需要写一个 if 判断语句： 这个 if 语句帮我们解决了在每个大分类下面调用其各自子分类。 post; if ( in_category(’ 3 ‘)|in_category(’7′)|in_category(’ 8 ‘) |in_category(’ 9 ‘)|in_category(’ 10 ‘)) { wp_list_cats(’child_of= 3 ‘);} elseif ( in_category(’ 4 ‘) |in_category(’ 11 ‘)|in_category(’ 12 ‘) |in_category(’ 13 ‘)|in_category(’ 14 ‘)) { wp_list_cats(’child_of= 4 ‘);} elseif ( in_category( 5 ‘)| in_category(’1 5 ‘)|in_category(’1 6 ‘)) { wp_list_cats(’child_of= 5 ‘);} W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 42 页/共 60 页------------------------------------------------- elseif ( in_category(’ 6 ‘)) { wp_list_cats(’child_of= 6 ‘);} ?> 但上面我们所提到的 “关于我们 ”的 side 里是“文章+子分类”的列表，所以以上代码也不能完 全满足，需要在 { wp_list_cats(’child_of= 5 ‘);} 里加入已发文章的静态链接。如下： { ?>
/about/company/” title=”关于公司 ”>关于公司
/about/contact/” title=”联系我们 ”>联系我们
/about/partner/” title=”合作伙伴 ”>合作伙伴
W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 43 页/共 60 页------------------------------------------------- post; if (in_category(’ 3 ‘)|in_category(’7′)|in_category(’ 8 ‘) |in_category(’ 9 ‘)|in_category(’ 10 ‘)) { ?>
/products/products-all/production/” title=”产品 概括”>产品概括
/products/features/functions-and-features/” titl e=”功能特点 ”>功能特点
/products/strength/strength/” title=”核心优势 ”> 核心优势
/products/application/report-appdeployment/” title=”部署与运用开发 ”>部署与运用开发
elseif ( in_category(’5′)|in_category(’ 15 ‘)|in_category(’1 6 ‘)) { ?>
/about/company/” title=”关于公司”>关于公司
/about/contact/” title=”联系我们”>联系我们
W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 44 页/共 60 页-------------------------------------------------
/about/partner/” title=”合作伙伴 ”>合作伙伴
/about /news/” title=”企业新闻 ”>企业新闻
/about /cases/” title=”成功案例 ”>成功案例
/about/download/” title=”下载试用”>下载试用
/about/purchase/” title=”购买产品”>购买产品
至此，sidebar 里的子分类（文章）列表已经改完。 接着，需要在子分类上标上该大分类的名称，这一点我仍是采用了 if 语句将其写死。
产品介绍技术中心关于我们 试用购买
至此，sidebar 里的 title 名称也写完了。 sidebar 里的子分类（文章）模块内容也全都完成， 如若需要可在下面再写点热点链接之类的内容。 最后，single.php、category.php、 archive.php (企业网站它的用处不大 )、index.php 等 都可以调用该 sidebar.php 了。 3) 菜单调用大分类 Sidebar 做好了，下面就让菜单上显示调用的大分类，调用 这句函数即可。 include=ID：是我们调用的大类， 多个大类的 ID 号用英文 “,”隔开。 4) 修改 category.php 现在菜单上列出的是大分类调用，这样每个大分类下面就都会显示分类列表，但如果现在有 的大分类不想显示分类列表，而显示该分类的第一篇文章，就需要来修改 category.php 文 件了。思路和修改 sidebar 差不多。最初 category.php 的结构应该如下：
/*这里是调用分类的内容 */
现在因为需要点击大分类 3、5、6 时，页面上展示的是文章而非分类列表，所以在
里添加一个 if 语句： W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 46 页/共 60 页------------------------------------------------- 把以前的 /*这里是调用分类的内容 */ 的 中。 而需要在结构中添加的是大分类 3、5、6 中 这一块的内容，代码如下
” class=”homesidetext1″ title=””>
query_posts （）是获取文章，其内参数可用 ’ p=文章 ID ’ 或 ’ name=文章缩略名 ’ 来调 用想放在大分类下首页的文章；
里是文章名称； the_content(); 是调用文章内容。 这样就可以在菜单中列出的大分类上点击，出来想要的文章或分类列表了。 以上几点就是企业级网站全站用 WordPress 搭建的大致思路。 二．注意事项 1、 这样的主题模板要基于 WordPress 的数据库，因为在写 side 时用到了分类的 id 号。 2、 正是因为第一条，这样的 WordPress 主题模板没有通用的，只能因企业而异。 3、 永久链接最好用 /%category%/%postname%/ （分类+文章缩略名）的形式，这样 url 地址会看起来更有结构性，看起来也更像企业或产品网站。 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 47 页/共 60 页------------------------------------------------- 创建漂亮的 Wordpress 日期按钮 我不知道我的那些日期按钮怎么样，但似乎你们都很喜欢。是的，今天，我们将 来学习如何为WordPress 创建一个漂亮的日期按钮。总共有三步简单的步骤： 第一步：输入代码 （请不要复制粘贴，输入到模板中）
为了符合结构格式，在源代码中应该如下图所示： 这些代码的意义解释：
– 我正在建立一个盒模型或者一个被命名 为”post-date”的DIV(层标签)。当然我也可以将它命名为 “little-potato.”。
– 在post-month 盒模型中，建立一个现实月份 的盒模型。 – 这里我使用了php 函数 the_time(’M') ，用来 调用缩写的月份值。例如：六月June 的英文缩写为JUN。但在我的日期按钮例 子中，并没有使用JUN 代替JUNE，这是因为我并没有调用函数缩写版本的代码。
– 结束月份的盒模型。（即关闭DIV 标签-译者注）
– 建立日期盒模型。 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 48 页/共 60 页------------------------------------------------- – 使用PHP 函数 the_time(’d') ，用来调用日期 值，会显示成两位数值。例如：03
– 结束日期盒模型。
– 没有任何内容可以添加到我的日期按钮中了，所以这里我也结束（关 闭）了 post-date 盒模型（或者称DIV 标签），因为我必须按顺序关闭所有打开 的标签。 （更多关于date 的显示选项，请访问 php.net） 第二步：建立背景图片 你需要某些设计类软件用来设计你的日期按钮的背景图片，如Photoshop，下图 是我的日期按钮背景图片： 第三步：为其创建样式 这一步需要你了解一点CSS 的知识，样式决定于个人的偏好，因为你的背景图案 会与我的不同。但，下面是些基本的内容： .post-date{ float: left; display: inline; margin: 0 10px 0 0; background: url(images/date_button_template.gif) no-repeat; } 图片的名称应该命名为 date_button_template.gif。images/是存放图片的文件 夹。如果你存储你的图片在其他文件夹，更改images/为你的图片文件夹。 创建动态的置顶文章 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 49 页/共 60 页------------------------------------------------- 我们的博客，MaxPower，需要某些文章比其他文章保持在最上面更长的时间。我 们发现我们撰写的稿件像慢慢陷入沼泽，不能同其他的稿件区分开来。例如，在 这个博客上我们会写关于所有东西的内容，但重点放在我们的旅行经验。问题来 了，我们如何才能在首页重点显示这些经验，但并不会忽略所有其他的稿件？这 是我们想出的： 从 wordpress help forums 关于多重循环的各种讨论中让我想到一个使用两次循 环的方法。一个用来查询并仅显示某个分类中的文章。另一个用来和擦寻在所有 分类中的所有的文章。第一个查询是从 the codex 中复制来的，很容易理解： $my_query = new WP_Query('category_name=frontpage&showposts=1'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; 上述代码的意思是，变量my_query 赋值为查询分类名为frontpage 的所有文章 的结果，并仅得到一篇文章。关键点在最后部分，给变量do_not_duplicate 赋 值为返回的单独文章的ID 值。我们在下一步需要这个值。 下面一段代码是很重要很标准的，可以在许多主题中找到。它能获取所有日志： if (have_posts()) : while (have_posts()) : the_post(); //do stuff like format each post endwhile; 这段代码获取所有的日志，并根据//do stuff 这行（依赖于模板）的格式显示。 如果仅仅这样编写代码，就会发生你所选的文章（置顶文章）被显示两次的情况 （一次在置顶区域，另一次则是在所有其他文章区域）。显示这样并不好，所以 这里要使用到do_not_duplicate 函数了。添加到一个if 语句中阻止制定文章显 示两次。下面是代码： if (have_posts()) : while (have_posts()) : the_post(); if( $post->ID == $do_not_duplicate ) continue; //do stuff like format each post endwhile; 代码中的第二个if 语句的意思是，获取所有日志，且当发现一篇文章的ID 值与 do_not_duplicate 的值相等时中断执行（continue 语句），否则显示根据//do stuff 这行的格式显示所有其他的文章。记住，do_not_duplicate 函数值所代表 的文章已经被显示过了。 就这样当你把所有内容放到一起得到了什么？一个动态的置顶文章！且最棒的部 分是当置顶文章被新的一篇代替，之前的文章会在下面所有文章的区域显示出来 （取决于你选择了多少文章显示以及文章的发表频率）。 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 50 页/共 60 页------------------------------------------------- 查询 wordpress 博客资料的 SQL 命令 查询2006 年所有的文章的SQL 命令: SELECT COUNT(*) FROM `wp_posts` WHERE post_date >= ‘2006-01-01′ AND post_date < '2007-01-01' AND post_status = ‘publish’ 查询2006 年所有评论的SQL 命令: SELECT COUNT(*) FROM `wp_comments` WHERE comment_date >= ‘2006-01-01′ AND comment_date < '2007-01-01' AND comment_approved = ‘1′ 查询2006 每篇文章平均字数的SQL 命令: SELECT AVG(LENGTH(post_content)) FROM `wp_posts` WHERE post_date >= ‘2006-01-01′ AND post_date < '2007-01-01' AND post_status = ‘publish’ 查询2006 年文章总字数的SQL 命令: SELECT SUM(LENGTH(post_content)) FROM `wp_posts` WHERE post_date >= ‘2006-01-01′ AND post_date < '2007-01-01' AND post_status = ‘publish’ W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 51 页/共 60 页------------------------------------------------- 给 WP 添加 Ctrl+Enter 回复快捷键 首先是在模版的comments.php 底部加一段JS 代码 最后是找到这段，并修改：

方法二：(万戈) 在 comments.php 中找到以下代码： 修改为： 总结：相比来说，第二种方法更简单，却实现了相同的效果。 需要注意的是：这里的id 一定要和js 里的id 值一样不然无法处理。 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 52 页/共 60 页------------------------------------------------- WordPress 的 10 个杀手级 Hack 技巧 2008 年对 WordPress 来说是非同寻常的一年，它的软件多次更新，最终促成重大版本 2.7 的发布， 许多网站因此也开始使用 WordPress 软件。一些用户在使用过程中对 WordPress 的代码等作了许多 改进，更多 WordPress 用户也因此受益。 这篇文章将向大家介绍 10 个最新最实用的 WordPress hack，它能让你的博客引擎开足马力，挣脱束 缚，最大限度地为你服务。此外，每个 hack 还都附有相关说明，这样你不仅能让 WordPress 释放最 大力量，还能知道如何操作。 1.只在搜索引擎结果中显示 AdSense 广告 问题：众所周知，一般访问并不点击广告。广告点击率 90%是来自搜索引擎的显示结果。另一个问 题是 Google 的智能计价。智能定价意味着 CTR 比较低，点击率单价大打折扣。例如，如果一次点 击正常获得 1 美元的话， Google 的智能计价只会是 0.1 美元。郁闷吧？但是，以下的代码改进就能 解决这个问题了。它只在搜索引擎结果中显示 AdSense 广告，这意味着你能得到更多的点击率，更 高的 CTR. 解决方案： 1. 打开主题中的 functions.php 文件。 2. 粘贴进下代码： function scratch99_fromasearchengine(){ $ref = $_SERVER['HTTP_REFERER']; $SE = array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.'); foreach ($SE as $source) { if (strpos($ref,$source)!==false) return true; } return false; } 3. 把以下代码粘贴到 AdSense 广告显示位置的相应模板中。它只会在搜索引擎结果中显示： if (function_exists('scratch99_fromasearchengine')) { if (scratch99_fromasearchengine()) { INSERT YOUR CODE HERE } } W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 53 页/共 60 页------------------------------------------------- 代码说明：这个改进以 scratch99_fromasearchengine()函数开头，包括了用来指定搜索引擎的 $SE 数组变量。这样，只要把新元素加入到数组中就能轻松添加新的搜索引擎。如果使用搜索引擎搜索的 访客包含了 $SE 数组变量， scratch99_fromasearchengine()接着就会返回 true 值。 2.避免在多循环中出现重复文章 问题：由于“杂志型 ”主题的流行，现在很多 WordPressy 用户在他们的首页上都使用了多个循环，因 此他们也迫切需要在第二个循环上避免出现重复文章。 解决方案：使用 PHP 数组就能轻松解决这一问题 1. 创建一个 PHP 数组，并把第一个循环的所有文章 ID 放在其中

Loop n°1

ID; endwhile; ?> 2. 对于第二个循环：使用 PHP 函数 in_array()来检查$ids 数组中是否包含了某个文章 ID。如果 这个文章 ID 没有包含在此数组中，意味着第一个循环中没有此篇文章，那么系统就可以显 示它了。

Loop n°2

ID, $ids)) { the_title();?>
代码说明：执行第一个循环时，其中的所有文章 ID 都会被放到一个数组变量中。因此，第二个循环 执行时，我们只要到这个数组中检查当前的文章 ID 是否已显示在第一个循环中就可以了。 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 54 页/共 60 页------------------------------------------------- 3.用页码代替“上页”和“下页” 问题：WordPress 有默认函数来显示上页和下页页面，虽然这比没有这个什么功能好，但是我不明白 开发人员为什么不把页面写进核心代码呢。当然，我们可以用插件来生成页码，但是如果能把页码直 接插入主题岂不更好？！ 解决方案：这里使用 WP-PageNavi 插件把页码直接写入主题 1. 首先下载 WP-PageNavi 插件 2. 在硬盘驱动上解压插件存档，并把 wp-pagenavi.php 和 wp-pagenavi.css 文件上传到主题 目录 3. 打开要放置页码的文件（如 index.php, categories.php, search.php,等），找到以下代码： 用以下代码代替以上内容： 4. 接着请修改插件文件。打开 wp-pagenavi.php 文件并找到以下代码（ 61 行）： function wp_pagenavi($before = '', $after = '') { global $wpdb, $wp_query; 修改成： function wp_pagenavi($before = '', $after = '') { global $wpdb, $wp_query; pagenavi_init(); //Calling the pagenavi_init() function 5. 最后，我们要把 wp-pagenavi 样式表添加到博客。 打开 header.php 文件，把以下代码添加进去： "type="text/css" media="screen"/> 代码说明：这个代码改进直接在主题文件中加入添加了插件代码。我们另外还调用了 pagenavi_init() 函数以使页码能够正常显示。 W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 55 页/共 60 页------------------------------------------------- 4.自动获取文章图像 问题：使用自定义字段来显示和日志相关的图像固然很好，但是许多用户想直接检索并使用文章本身 嵌入的图像。 解决方案： 至今为止，还没有这样的插件。值得庆幸的是，以下循环将帮我们解决这一问题：它会 搜索文章内容的图像并把它们显示出来 1. 把以下代码粘贴到主题文件任意位置： post_content; $szSearchPattern = '~]*\ />~'; // Run preg_match_all to grab all the images and save the results in $aPics preg_match_all( $szSearchPattern, $szPostContent, $aPics ); // Check to see if we have at least 1 image $iNumberOfPics = count($aPics[0]); if ( $iNumberOfPics > 0 ) { // Now here you would do whatever you need to do with the images // For this example the images are just displayed for ( $i=0; $i < $iNumberOfPics ; $i++ ) { echo $aPics[0][$i]; }; }; endwhile; endif;?> 代码说明： 以上代码实际上包含了一个 WordPress 循环。使用 PHP 和正则表达式的唯一区别就是前 者会自动搜索文章内容中的图像而不是仅仅显示文章。一旦发现图像，系统就会显示。 5.创建“发送到 Twitter”按钮 问题：你是 Twitter 用户吗？如果是，相信你一定了解和朋友在线分享有趣内容的乐趣。那么，为什 么不给你的读者也提供一个机会，让他们可以直接把你的文章 URL 发送到 Twitter 以给你带来更多流 量呢？ 解决方案：这个代码改进非常简单。只要创建一个带有 status 参数的 Twitter 链接就可以了。而对于 WordPress,直接使用 the_permalink()函数就可获取文章 URL 了： W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 56 页/共 60 页------------------------------------------------- ShareonTwitter 非常简单，对吧？但它同时也非常实用！ 6. 使用直引号，避免弯引号 问题：如果你经常在自己的网站上发布代码片段的话，可能会经常碰上这类问题：某用户会说你发布 的代码不起作用。这是为什么呢？ WordPress 默认情况下会将直引号转为 “smart 引号， ”而后者会截 断代码片段。 解决方案：要避免出现这些弯引号，请按以下操作： 1. 打开主题中的 functions.php 文件。如果不存在该文件的话，请自行创建一个。 2. 粘贴进如下代码： 3. 保存文件。大功告成！ 代码说明：wptexturize()函数会自动将直引号转为 smart 引号。而通过使用 remove_filter()函数，我 们会告知 WordPress 不要对日志内容使用 wptexturize()函数，问题自然得到解决。 7. 如无 Referrer 请求则禁止发表评论 问题：垃圾评论是让所有博主都头疼的问题。尽管 Akismet 能够帮你应付这些问题，但如果能化被动 为主动岂不是更好？以下给出的代码在 wp-comments-post.php 被访问时，会查找 referrer（即 URL 来源页面）。如果此时存在一个 referrer，且为你博客的 URL，那么就可以发表评论。反之，页面将 会停止载入，而评论也就无法发表了。 解决方案：要应用此 hack 的话，直接将以下代码粘贴到外观主题的 function.php 文件中即可。如果 外观主题不含此文件，请自行创建一个。 function check_referrer() { if (!isset($_SERVER['HTTP_REFERER']) || $_SERVER['HTTP_REFERER'] == “”) { wp_die( __('Please enable referrers in your browser, or, if you\'re a spammer, bugger off!') ); } } add_action('check_comment_flood', 'check_referrer'); W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 57 页/共 60 页------------------------------------------------- 8.在 WordPess 导航条中使用 CSS 滑动门 问题：虽然内置的 wp_list_pages()和 wp_list_categories()函数很有用，但它们不允许嵌入 元 素。这样一来，就只能使用目前最赞的 CSS 滑动门技术了。而且幸运的是，我们只要稍微借助一下 PHP 和正则表达式就能够在 WordPress 博客中使用超酷的滑动门技术了。 由于有关 CSS 滑动门的教程已经很多了，因此在这里我们就不对其工作方式再做任何说明。如果你 想对此技术进行更深入的了解，可以看看 这篇精品文章。想看看实际效果的话，请 点击这里。 1. 创建你所需的图片，并对 WordPress 外观主题中的 style.css 文件进行编辑。这里给出例子： #nav a, #nav a:visited { display:block; } #nav a:hover, #nav a:active { background:url(images/tab-right.jpg) no-repeat 100% 1px; float:left; } #nav a span { float:left; display:block; } #nav a:hover span { float:left; display:block; background: url(images/tab-left.jpg) no-repeat 0 1px; } 2. 现在让我们来编辑 header.php 文件吧。根据自身需要将如下代码复制粘贴进去即可：

• Home
]*)>\]*)>(.*?)\<\/a>@i', '$3', wp_list_pages('echo=0&orderby=name&exlude=181&title_li=&depth=1')); ?>

列出页面：

• Home
]*)>\]*)>(.*?)\<\/a>@i', W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 58 页/共 60 页------------------------------------------------- '$3', wp_list_categories('echo=0&orderby=name&exlude=181&title_li=&depth=1')); ?>

代码说明：此例中，我们在 wp_list_pages()和 wp_list_categories()函数中使用了 echo=0 参量，它 允许你获取函数结果而无需将其直接打印在屏幕上。接着函数结果将用于 PHP preg_replace()函数， 并最终显示出来，此时

和标签之间已加入了 标签。 9. WordPress 博客百变头图 问题：确切地说这并不是什么问题，但有不少 WordPress 用户希望自己的博客头图能够丰富多变。 解决方案： 1. 当你相中了一些头图图片后，将它们命名为 1.jpg, 2.jpg, 3.jpg，诸如此类。当然，你可以使 用任意多的图片。 2. 将图片上传到 wp-content/themes/yourtheme/images 目录下。 3. 打开 header.php 文件，并将如下代码粘入： $num = rand(1,10); //Get a random number between 1 and 10, assuming 10 is the total number of header images you have <div id="header" style="background:transparent url(images/.jpg) no-repeat top left;"> 4. 完成！现在博客各页面或日 志页面将会显示随机的头图了。 代码说明：这里没什么好说的。我们直接使用 PHP rand()函数初始化一个 $num 变量来随机获取 1 到 10 之间的数字。接着我们将 $num 变量的结果连上当前外观主题的路径就 OK 了。 10.显示撰写计划 问题：许多博主都希望自己拥有更多的读者，有更多的 RSS feed。而把文章撰写计划罗列出来显然 能提高访客的好奇心和兴趣。 解决方案：打开任意一个主题文件并粘贴进以下代码： have_posts()){ while($my_query->have_posts()):$my_query->the_post();?>

W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 59 页/共 60 页------------------------------------------------- 代码说明：在这个代码改进中，我们使用 WP_Query 类创建了自定义语句以发送数据库查询并提取 最近将要撰写的五篇文章。完成后，系统就会使用一个简洁的 WordPress 循环来显示文章标题。 侧边加入登陆界面：

控制面板

• 已登录 .
  • 后台
  = 1 ) : ?>
  • 撰写文章
  = 1 ?>
  • 个人资料
  • 注销

登录

• 用户
  密码
  记住我
  

• 注册
• 找回密码

W ordP ress 高级教程 草根评论：www .caogenpl.cn ------------------------------------------------第 60 页/共 60 页------------------------------------------------- 获取单篇文章内的关键字及描述方法： ID); foreach ($tags as $tag ) { $keywords = $keywords . $tag->name . ","; } if (have_posts()) : while (have_posts()) : the_post(); if(strlen($text) > 150) { $text = substr($text,0,150); $text= mb_convert_encoding($text,"UTF-8"); $text=preg_replace("/(\s+)/","",$text); } } if ($post->post_excerpt){ $text = mb_substr(strip_tags($post->post_excerpt),0,150); } else { $text = mb_substr(strip_tags($post->post_content),0,150); }?>