你好·我需要wordpress主题模板模板，你会制作吗？请帮下

来源：蜘蛛抓取(WebSpider) 时间：2015-05-07 18:53 标签： wordpress模板下载
1、制作Tags模板首先，我们要制作一个Tags模板，这里我们直接拿Tstyle 中的 page.php来直接修改。使用dreamweaver等编辑器打开page.php，在最顶部插入以下代码：&?php
Template Name: Tags
?&上面的代码是用来表明这是一个模板文件。接着，找到page.php中下面的文章内用调用标志代码：&div id="page-cnt"&&?php the_content(); ?&&/div&用下面Tags的调用代码替代上面的代码：
&div id="page-cnt"&
&?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?&
&/div&注：上面的代码中，smallest表示标签的最小字号，largest表示最大字号，unit=px表示字体使用像素单位，number=0表示显示所有标签，orderby=count表示按照标签所关联的文章数来排列，order=DESC表示降序排序(ASC表示升序排序，DESC表示降序排序)。最后，去除评论判断功能，删除page.php中下面的代码：
&?php if (comments_open()) comments_template( '', true ); ?&另存为 tags.php，这样一来，一个Tags模板就做好了，最终的代码如下：&?php
Template Name: Tags
&?php get_header(); ?&
&?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?&
&div id="content"&
&div&&/div&
&em&&a title="回到首页" href="&?php bloginfo('home'); ?&"&首页&/a&&/em&
&span&&&/span&
&em&&?php the_title(); ?&&/em&
&div id="post-&?php the_ID(); ?&"&
&div id="page-cnt"&
&?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?&
&div&&/div&
&/div&&!-- /content --&
get_sidebar();
get_footer();
?&2、在style.css文件中添加CSS样式这时候，我们需要添加css样式，在style.css文件后面添加以下的样式代码，标签的间距就会好看些。#page-cnt.tags,
#page-cnt.friends { height: 576 padding: 6px 0 0; overflow: line-height: 30 }
#page-cnt.tags,
#page-cnt.friends { height: padding-top: 5 overflow: }
.tags a { display: inline- margin: 0 4 white-space: }3、添加彩色功能打开主题中的functions.php文件，在最末端的 ?&前面添加下面的代码，就可以实现了：;
function colorCloud($text) {
$text = preg_replace_callback('|&a (.+?)&|i','colorCloudCallback', $text);
function colorCloudCallback($matches) {
$text = $matches[1];
$color = dechex(rand(0,));
$pattern = '/style=(\'|\”)(.*)(\'|\”)/i';
$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
return "&a $text&";
add_filter('wp_tag_cloud', 'colorCloud', 1);4、发布Tags页面上传到Tstyle主题根目录，到后台新建一个页面，在右边的“页面属性”选择Tags模板文件，不用填写任何内容，直接发布这个页面，就可以看到tags页面啦。到这里为止，你就可以看到你的标签云页面啦。注：侧边栏的标签云可以也使用下面的代码直接调用：&?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=20');?&WordPress 文章标签tags调用方法：1、打开文章页模板single.php，在你需要显示Tags的地方，添加下面的代码：&div id="article-tag"&
&?php the_tags('&strong&标签：&/strong& ', ' , ' , ''); ?&
&/div&2、为了更好看些，打开你的CSS样式文件style.css，添加下面的CSS样式：#article-tag { clear: border: 1px dotted # padding: 5 margin-bottom: 5 }
#article-tag,
#article-cnt #article-tag a { text-decoration: color: #666; }
#article-cnt #article-tag a:hover { text-decoration: }转载请注明： &
如果你觉得这篇文章或者我分享的主题对你有帮助，请支持我继续更新网站和主题 ！ or分享 (0)

我要回帖

更多关于 wordpress模板下载 的文章

 

随机推荐