首页>技术知识>WordPress wordpress CMS主题模板开发:如何快速切图?
WordPress教程学习网站
2022-06-23
WordPress教程学习网站丨模板定制、网站使用教程、插件推荐、代码优化、wp建站教程、数据文章采集、系统开发、系统优化,功能开发,仿站教程等各类WordPress技术知识,供网友学习了解。

部分客户请我们开发主题时,大都是要仿一下别人的网站,提升一下相应的功能。这部分客户的模板是不需要切图的,只需要仿站就可以了。还有一部分客户,他们比较喜欢自己的风格,所以,会做出一个效果图,让我们根据效果图来做网站模板。这就涉及到切图。本章就来探讨一下:WordPress CMS模板开发之快速切图。

切图软件比较多,本章以 photoshop cs5为例来示范快速切图。

1、打开 photoshop ,再在photoshop 中打开效果图。

2、在 photoshop 左侧工具栏中找到“裁剪工具”,单击右健,选择“切片工具”,如下图:

image.png

3、再用切片工具在效果图切取你需要的图片,可以多次切取。如下图:

image.png

4、切好我们需要的图片后,接下来就是保存这些切图。点击“文件” ——>“存储为Web或设备所用格式”,如下图:

image.png

就会弹出存储窗口,如下图:

image.png

点击上图的“存储”按钮,出现下图:

image.png

文件名:可以随便取,我这里取ssmay,保存后的图片会以 ssmay为前缀命名,后加数字,如  ssmay_01.jpg   这样。

格式:如果只想取切图,就选“仅限图像”。

切片:如果只想取自己刚刚切的图片,也就是自己需要的图片,就选择“所有用户切片”。

然后点击保存,这样,我们就把刚才我们用“切片工具”切好的块图保存了下来,而其它不需要的切图就不会保存。

当然,切好图片,只是前端切图的第一步,我们还要通过代码把这些切图整合成网页,如何把切图整合成网页,这里就不多说了,只要懂得 html 代码,就可以轻松实现。

显示全部内容...