如何制作wordpress模板之css

大家好,我是成都seo的博主:福小雨

在上一节中,我分享了如何分析wordpress模板结构,今天我将分享,如何调整原始模板的css,使它能够从一个静态页面成为一个可以适应wordpress程序的模板。

修改一个网站的css文件分为以下步骤:

1、下载免费的css模板(有能力也可以自己编译)

可以通过百度搜索模板“div模板“div+css”等关键词,下载自己喜欢的div结构的html静态页面。

在下载html完成后,首先要确定,模板文件夹中有index文件以及style.css这两个文件。

2、添加style.css版权信息

/*

Theme Name: 成都seo

Theme URI: http://www.vicstudy.com

Description:这是我们做的第一个主题哦

Author: 成都seo

Author URI: http://www.vicstudy.com

Version: 1.0

Tags: white, blog,, blue

*/

3、将index.php中的css调用转变为php标签

3-1、修改index.html为index.php

3-2、index.php中的css文件调用改成WP标签调用

Style.css路径调用:<?php bloginfo( ’stylesheet_url’ ); ?>

Css修改完毕。


原创文章,转载请注明: 转载自★成都seo_网络营销教程_建站教程★成都seoer福小雨的博客

本文链接地址: 如何制作wordpress模板之css

无觅相关文章插件,快速提升流量

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>