wordpress单页面主题仿制步骤

这篇博客详细介绍了WordPress单页面主题仿制的步骤,从分析静态HTML页面开始,包括将静态页面转化为PHP,调整CSS样式,分离头部、尾部和侧边栏,修改文章、列表页模板,以及实现分页和相关功能。通过遵循这些步骤,初学者可以掌握WordPress主题仿制的基本流程。
摘要由CSDN通过智能技术生成

wordpress仿站说起来其实并不难,难就难在你不知道仿站的流程,只有跟着wordpress仿站流程来就好了。

wordpress单页主题模板的仿站流程

第一步:拿到要仿制的html静态页面,对静态页面进行分析

第二步:分析单页面主题模板一般要仿制的页面;index.php(首页)、single.php(文章页)、archive.php(列表页)

第三步:把静态页面的index.htm改成index.php页面;把css样式放在主题根目录下;不管是什么css样式;都需要进行重命名为style.css

第四步:打开index.php文件对style.css样式进行替换;图片路径使用绝对路径进行替换;style.css的替换代码为:

<?php bloginfo( 'stylesheet_url' ); ?>  图片路径替换例如<?php bloginfo('template_directory'); ?>/style/1.jpg;其中<?php bloginfo('template_directory'); ?>为主题根目录。把style.css里面的图片路径进行更换。

第五步:把index.php文件进行分离,分离出头部、尾部、和侧边栏三个php文件;分别对应header.php、footer.php、sidebar.php;然后在index.php里面对这些文件进行调用;头部调用代码:

<?php get_header();?>、<?php get_footer();?>、<?php get_sidebar();?>

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&#

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值