如何制作wordpress模板
发布:smiling 来源: PHP粉丝网 添加日期:2014-04-24 09:09:06 浏览: 评论:0
有时候自己看到一个非常好的网站,但是没有模板,这个时候该怎么办呢?其实,在后知的这个博客的边栏是自己仿出来的,所以这里教大家如何用wp仿站制作模板,后知也是在学习中愿与大家一起学习制作.
首先,我们来进行对wordpress模板结构分析
索引页模版:index.php
顶部:header.php
文章页面模板:single.php
边栏模板:sidebar.php
底部:footer.php
页面模版:page.php
搜索结果:search.php
文章归档:archive.php
评论:comments.php
404 页面模版:404.php
主题支持函数:functions.php
样式表:style.css
然后,制作一个可以运行的wordpress主题,修改style.css
制作一个最简单的主题,只需要两个文件,index.php和style.css
第一步,准备静态页面
第二步,制作index.php和style.css
第三步,给style.css添加版权信息
第四步,把主题上传到空间中wordpress安装路径,wp-content/themes/下面,这里主题的文件夹名字必须是英文
第五步,在wordpress后台启用主题
先给style.css添加版权信息
所以的images都要换成<?php bloginfo('template_directory'); ?>/images
Style.css路径调用:<?php bloginfo( 'stylesheet_url' ); ?>
主题缩略图名字:screenshot.png
再制作出主题结构,index.php,header.php,footer.php,sidebar.php
把index.php拆分成header.php,footer.php和sidebar.phhp
- <?php get_header();?>
- <?php get_footer();?>
- <?php get_sidebar();?>
还有就是,修改header.php,footer.php
新建一个index.php文件,header.php,footer.php,
这步需要用到的标签:
获取博客名字:<?php bloginfo('name'); ?>
获取博客描述:<?php bloginfo('description'); ?>
获取主页路径:<?php echo get_option('home'); ?>
获取主题存放路径:<?php bloginfo('template_directory'); ?>
其他外部文件调用方法:<?php include (TEMPLATEPATH . '/ad/ad2.htm'); ?>
- <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
- <?php wp_head(); ?>
- <title><?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> </title>
页面调用:
<?php wp_list_pages('sort_column=menu_order&title_li=&depth=2&include='); ?>
分类目录调用:
<?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=2'); ?>
如果当前文章所属分类为两个以上还可以格式化输出它们:
<?php the_category( '-' )?>
这样就会输出这样的内容 “分类1 - 分类2 - 分类3 - ......”
- <p>当前位置: <a href="http://xxx.com/" title="首页">首页</a>>><?php $categorys = get_the_category(); $category = $categorys[0];echo(get_category_parents($category->term_id,true,'>>')); ?> 阅读正文</p>
还有就是跟后知博客的边栏一样,制作sidebar.php
最新文章:<?php wp_get_archives('type=postbypost&limit=20'); ?>
日志标题太长超出,修改style.css,用到的代码:
text-overflow:ellipsis; W*hite-space:nowrap; overflow:hidden;
随机文章:
- <?php rand_posts as $post) : ?>
- <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
- <?php endforeach;?>
不用Random Pages Widget插件实现随机文章的写法
- <?php $rand_posts = get_posts('numberposts=5&orderby=rand'); foreach( $rand_posts as $post ) : ?>
- <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
- <?php endforeach; ?>
标签云:<?php wp_tag_cloud('smallest=8&largest=36&'); ?>
文章日期归档:<?php wp_get_archives( 'type=monthly' ); ?>
分类目录:<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
友情链接:<?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=24'); ?>
友情链接调用函数,以下调用类别id为45的友情链接
- <?php get_links("45", "<li>", "</li>", "<br>", FALSE, "id", FALSE, FALSE, -1, FALSE);?>
在进行对index.php的制作:
- <?php if (have_posts()) : ?>
- <?php while (have_posts()) : the_post(); ?>
- <?php endwhile; ?>
- <?php else : ?>
- <?php endif; ?>
标题:<a href="<?php the_permalink() ?>"><?php the_title_attribute(); ?></a>
调用文章内容:<?php the_content("Read More..."); ?>
调用文章内容摘要:<?php the_excerpt("Read More..."); ?>
作者:<?php the_author_posts_link(); ?>
日期:<?php the_time('F d, Y') ?>
评论调用:<?php comments_number('No Comment', '1 Comment', '% Comments' );?>
文章所属分类:标签:<?php the_category(', ') ?>
上一页,下一页调用:
- <div style="float:left"><?php previous_post_link('« %link'); ?></div>
- <div style="float:right"><?php next_post_link('%link »'); ?></div>
最后,制作single.php页面,加入评论:
在single.php中调用<?php endwhile; ?>和<?php else : ?>中间让入
<?php comments_template(); ?>
这样就能够简单的制作出来一个模板了,后知愿与大家一起分享.
Tags: wordpress 制作模板
相关文章
- ·WordPress初级教程1:什么是博客?(2013-11-11)
- ·WordPress初级教程-2: 什么是WordPress?(2013-11-11)
- ·WordPress初级教程-3: WordPress的功能和特点(2013-11-11)
- ·WordPress初级教程-4: 选择WordPress博客的主机和域名(2013-11-11)
- ·WordPress初级教程-5: 安装WordPress(2013-11-11)
- ·WordPress初级教程-6: 本地安装WordPress(2013-11-11)
- ·WordPress初级教程-7: 一个数据库中安装多个WordPress博客(2013-11-11)
- ·WordPress初级教程-8: WordPress控制面板/ Dashboard(2013-11-11)
- ·WordPress初级教程-9: WordPress用户设置/ Users(2013-11-11)
- ·WordPress初级教程-10: WordPress博客配置/ Settings(2013-11-11)
- ·关于wordpress上传图片不显示的原因(2013-11-11)
- ·WordPress程序的脆弱点你知道吗 (2013-11-11)
- ·总结八大Wordpress网站百度收录实现秒收的方法绝招 (2013-11-11)
- ·WordPress如何网站投稿者也可以上传图片(2014-03-18)
- ·WordPress怎么修改新用户注册邮件内容(2014-03-18)
- ·WordPress怎么添加前台注册功能(2014-03-18)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)