如何将外部设计元素合并到WordPress站点中

时间:2012-04-15 23:06:22

标签: css wordpress wordpress-theming

我有很多奇妙的PSD,CSS和HTML设计资源,比如CodeCanyon,CoDrops,多个设计师包等等。我想把它们中的一些纳入WordPress网站,但对于我的生活,我无法弄清楚如何做到这一点,我看到了我能想到的任何地方,从CSS-Tricks.com和Codex到For-Dummies的书籍:)

我熟悉HTML,基本CSS和WordPress,但我(显然)不是设计师。我知道如何使用@import或标签内部调用外部样式表,但如何引入其余文件?

例如,我有一个名为CSS3Accordion的项目,它包含几个index.html文件以及包含css,images和javascript的文件夹。我应该如何在我的主题中引用它们,我应该把它们放在哪里?

我认为这是一个非常基本的问题(以至于这些令人敬畏的设计资源通常不带有操作方法文件),所以提前说,我真诚地感谢我可能获得的任何帮助

2 个答案:

答案 0 :(得分:0)

将WP模板应用于WP站点并对其进行编码是两个截然不同的事情。您正在使用的资源是WP主题吗?如果是这样,您应该可以使用控制面板轻松安装它们。如果没有,这是一个全新的视野。模板不像“普通”html + css那样运行,它们需要更多的东西(特别是,它们需要被WP及其模块,小部件等读取)。

我建议你先下载并安装主题(大量的教程),然后修改其中的一些主题。它们通常带有自定义css表来添加/更改样式(使用firebug查找它们,使用!重要来覆盖)。

我希望这能回答你的问题。如果只是加载新的css,你仍然可以将它全部添加到自定义工作表中。你可以在WP中安装很多免费插件(如手风琴)。祝你好运!

答案 1 :(得分:0)

我建议从一个基本的wordPress主题开始,并在您进行一些试验和错误时合并您的想法。一旦你花了一些时间来剖析一个基本的主题,WordPress主题实际上是非常直接的。大部分时间我都是在Photoshop中完成一个完整的设计,并使用该图像作为背景,用CSS布局切片图形。

您可以将文件放在任何您想要的位置,但我通常将它们放在themes文件夹中并使用相对文件路径引用它们,但请记住在链接到文件时考虑路径。

我还建议设置一个本地托管的WordPress安装来使用WAMP,MAMP或LAMP之类的东西。这样,您可以立即进行审核,而无需每次进行更改时将其公开或上传文件。

以下是一些很好的起始模板主题。

http://digwp.com/2010/02/blank-wordpress-theme/

http://code.google.com/p/wordpress-naked/

问候并祝你好运。