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

Question

我有许多来自CodeCanyon，CoDrops，多个设计器软件包等地方的奇妙的PSD，CSS和HTML设计资源。我想将它们中的一些合并到一个WordPress中网站，但对于我的生活，我无法弄清楚如何去做，我已经找到无处不在的地方，从CSS-Tricks.com和Codex到For-Dummies书籍:)

我熟悉HTML，基本CSS和WordPress，但我（显然）不是设计师。我确实知道如何使用@import或标签内部调用外部样式表，但是如何获取其余文件？

例如，我有一个名为CSS3Accordion的项目，它包含多个index.html文件以及包含css，图像和javascript的文件夹。我应该如何在我的主题中引用它们，我应该在哪里放置它们？

我假设这是一个非常基本的问题（太多以至于这些令人敬畏的设计资源通常不会提供如何操作的文件），所以提前，让我说，我衷心感谢任何帮助，我可能得到。

Answer 1

将WP模板应用到WP站点并对其进行编码是两件非常不同的事情。您正在使用的资源是WP主题吗？如果是这样，你应该能够使用控制面板很容易地安装它们。如果不是，这是一个全新的视野。模板不像“正常”的html + css那样工作，他们需要更多的东西（特别是，他们需要通过WP及其模块，小部件等来读取它们）。

我建议你先下载并安装主题（大量的教程），然后修改其中的一些主题。他们通常带有一个自定义的CSS表来添加/更改样式（使用萤火虫找到它们，使用！重要的覆盖）。

我希望这能回答你的问题。如果只是加载新CSS的问题，您仍然可以将其全部添加到自定义工作表中。还有很多可以在WP中安装的免费插件（如手风琴）。祝你好运！

Answer 2

我会推荐以一个基本的wordPress主题开始，并在您进行一些试验和错误时加入您的想法。一旦你花时间解剖一个基本的主题，WordPress主题实际上是非常简单的。大多数情况下，我从Photoshop中的完整设计开始，将该图像作为背景使用CSS布局切片图形。

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

我也建议设置一个本地托管的WordPress安装，以使用WAMP，MAMP或LAMP等功能。通过这种方式，您可以立即进行审查，而不必在每次更改时都向公众公开或上传文件。

这里有几个很好的开始模板主题来探索。

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

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

的问候和良好的运气。