JA文档中文翻译 - JA模板定制FAQ - 自定义模板配色
昨天的文档教程中，我们学习了怎样为Purity II模板更换logo；今天继续自定义样式方面的话题，来看看怎样针对我们自己的需求来定义模板配色。
要自定义配色样式，我们首先需要创建额外的样式表；目前的需求是news.php与blog.php两个布局的页面需要有不同的配色，那么我们就为这两个布局各自创建一个新的样式表：
- blog-template.css
- news-template.css
可以将目前的template.css文件中的全部代码分别复制粘帖到这两个新文件中，并将它们保存在templates/ja_purity_ii/css路径中。
接下来，我们在两个布局对应的head模块中增加调用新样式表文件的代码：
打开head-news.php文件，在第8行附近找到如下代码：
<link rel="stylesheet" href="/css/template.css" type="text/css" />
替换为：
<link rel="stylesheet" href="/css/news-template.css" type="text/css" />
接下来打开head-blog.php文件，同样将第8行附近的代码替换为：
<link rel="stylesheet" href="/css/blog-template.css" type="text/css" />
基础工作做做好，接下来我们可以根据设计需求为一些页面元素定义新的配色样式了，例如“阅读更多”的链接色、普通链接色、不同布局中菜单项的不同激活状态背景色等等。
举个简单的例子，我们可以从默认布局shop.php对应的样式表文件template.css开始，使用代码编辑器找到所有的“#069”颜色代码，并替换为“#FF0000”，很红很红的红色。
接下来在news-template.css文件中将所有的“#069”替换为“#0E9500”，好看的绿色。
最后呢，在blog-template.css中将所有的“#069”替换为“#0095DB”，好看的蓝色。
(话说我对069还是很爱的；另外爱的就是09C，就是现在这里所有的蓝色了)
到目前位置，自定义样式方面的话题就告一段落了，相关的几篇文档多数是从梗概原理方面演示了一下，针对不同项目中的具体需求及方法，还需要大家结合实际情况参考实践。明天开始我们将对一些杂项进行了解，例如移动设备浏览啊浏览器环境啊等等。
译者：Viiiix7210
如需转载，请注明官方英文文档及本人译文的出处，谢谢。查看官方英文文档: JA Template Framework/FAQs
| < Prev | Next > |
|---|
RSS Feed
评论刷新