如何使用Illustrator AI文件设计WordPress网站

时间:2020-10-16 作者:Davood Kazemi

我对Wordpress很陌生。我有一个AI文件,我应该用它建立一个网站。只是做那件事有点困难。我在Adobe Illustrator中选择了一些切片,并将它们导出到SVG文件中,但这就像是1兆或2兆字节。所以,这对web来说有点太多了。

此外,我应该如何处理放置在切片之外的文本?当我导出它们时,它们没有正确显示。我可以手动编辑svg文件代码并更正文本,但它们的位置也不正确。

enter image description here

我最不想知道的是,我做的事情是完全错了还是部分错了?我是说,这是传统的方式吗?实际的web设计师/开发人员在Illustrator中选择一些切片,并将其导出为SVG文件?

提前谢谢。

1 个回复
SO网友:Jurgen Oldenburg

导出切片illustrator文件不是建立WordPress网站的方法。这只是导出一个svg文件或带有一些图像的html文件,但您无法将其导入到工作主题或wp模板中。

您要做的事情是创建一个自定义主题,或者使用一些页面生成器创建一个布局,允许您创建如上所述的页面。

如果要创建自定义主题,应开始使用布局创建html文件。我的建议是创建一个带有css和图像的静态html,并将其转换为工作主题。

在wordpress上可以找到一些开发主题的良好起点。组织机构:

https://developer.wordpress.org/themes/getting-started/https://codex.wordpress.org/Theme_Development

或者,如果您喜欢页面生成器,您可以查看其中的一些:https://elementor.com/https://www.wpbeaverbuilder.com/https://www.elegantthemes.com/

相关推荐

Theme:Twentynineteen//如何排除Cookie控制三角形并启动SVG,使其不被主题CSS“SVG{Fill:CurrentColor;}”覆盖

我在我的网页上实施了civic Cookie控制https://ingereck.net. 除了ccc图标(三角形和星形)没有显示(我的页面右下角),其他一切都正常。主题的csssvg{填充:currentColor;}正在覆盖它。我试过修复svg:非(#三角形){填充:currentColor;}但它要么不工作,要么选择器不正确。有什么办法解决这个问题吗?