相信接触过办公软件WPS、Word的同学，都会使用编辑器轻松加入文字和图片，撰写出一篇完整的文章;即使从未使用过这些编辑器，但也会使用朋友圈发表自己的美照并配上文案。但有时光秃秃的文字和图片并不能第一时间抓住读者的眼球，为此，秀米编辑器提供了丰富的样式模板，让你的文章更有层次地跃入读者眼帘，去吐露字里行间的韵味。可别小瞧模板的威力，你想要的图文并列、图上加字、轴线流程等等应有尽有，这也是秀米能够简单快速排版的秘诀之一。

学习完本节教程，相信你会使用秀米编辑器加入并编辑自己的内容，加以模板修饰润色，完成一篇图文并茂的文章。

目录 Contents

添加与修改内容

01. 加入文字、图片

02. 文字替换

03. 图片替换

04. 小图/表情

05. 视频/音频

06. 小程序

07. 选取与拖动

套用模板

01. 模板变换

02. 快速换色

加入文字、图片

01、 如何加入文字

把文字内容添加到秀米编辑区域的方法有4种：①直接输入;②复制粘贴;③导入Word文档;④导入微信图文。

直接输入

在【我的图文】页面，点击【添加新的图文】，新建一篇图文排版：

 

然后鼠标定位到编辑区域的输入框里，就可以开始输入文字，输完文字，鼠标点编辑区域旁边的空白处即可退出输入状态：

 

当编辑区域内已经有内容后，文字输入框会自动放到编辑区域的底部：

 

想要继续输入文字，可以直接在编辑区域内输入，也可以在编辑区域底部的输入框里输入：

 

在底部输入框内输入的文字会被自动添加到编辑区域里，且成为一个单独的文字组件。

复制粘贴

复制粘贴这个方法，适合已经有现成的文案内容，只需要复制，然后粘贴到秀米里的编辑区域。

同样，也是新建一个图文排版，然后鼠标定位到编辑区域，把从其他地方复制的文案内容，按快捷键Ctrl+V粘贴：

 

鼠标点编辑区域旁边的空白区域即可退出输入状态。

使用复制粘贴这个方法，还需要注意一点：从其它地方复制粘贴到秀米编辑区域的文案内容，秀米会默认清除掉复制过来的格式样式，保证在纯文本的基础上，对内容进行排版。

这样可以避免文案内容因为带有原有格式，而无法设置或修改文字字号、颜色等各种问题。

如果你希望保留你复制的文案内容的格式，那么在粘贴之前需要先取消勾选编辑区域右边【设置】里面的【粘贴时清除格式】。

 

导入Word文档

如果你的文案内容是以Word文档的形式保存的，那么可以用导入Word文档这个方法。

这个方法不仅可以导入Word文档里面的文字内容，如果文档里有图片，也可以同时导入。

同样，新建一个图文排版，然后点编辑区域顶部的倒三角图标，可以看到【导入Word或微信图文】选项：

 

点【导入Word或微信图文】之后，会出现一个弹窗，然后点【选择文档】按钮，从本地选择文档导入即可：

 

导入Word文档需要注意的是：目前只支持导入(.docx)文件，Word的排版格式会被清除，保留文字和图片内容。

导入微信图文

如果你是想对已经推送过的微信图文进行重新排版，那么可以使用导入微信图文这个方法。

新建一个图文排版，点编辑区域顶部的倒三角按钮，里面可以看到【导入Word或微信图文】选项：

 

点【导入Word或微信图文】之后，会出现一个弹窗，然后选择【导入微信图文】，输入微信图文链接即可：

 

导入微信图文只对VIP用户开放

如果你的公众号授权给了秀米，那么可以使用【从授权公众号导入】这个功能：

 

非VIP功能

02、 如何加入图片

添加到秀米里的图片，目前只支持jpg、png、svg、gif格式。

jpg格式，是最常见的一种图片格式，很多的静态图片都是这种格式。

 

.jpg格式的图片

png格式，透明底图片的格式，一般表情包或者是贴纸会用这种格式。

 

.png格式的图片

gif格式，动态图片的格式，比如秀米推文里面的许多动态配图就是这种格式。

 

.gif格式的图片

svg图片，一种矢量图格式，秀米里有许多的贴纸素材就是这种格式的，可以换色。

 

秀米的svg素材贴纸

这四种格式的图片，添加到秀米图库里的方法是一样的，主要有两种：①从本地文件夹添加;②从桌面拖动到秀米里添加。

从本地文件夹添加

点编辑区域左边的【我的图库】→【上传图片】，在本地文件夹里面选择想要添加的图片，上传即可：

 

但是在添加svg图片的时候，有一点需要注意：

如果是从本地文件夹添加，点击【上传图片】后，在弹出的文件夹里，需要先把文件夹【选项】里的【格式】改为【所有文件】。

 

这样才能点击选中svg格式的图片，不然是无法选中的。

从桌面拖动到秀米添加

可以把要添加的图片保存到桌面，然后直接用鼠标拖动桌面上的图片到秀米编辑区域里，松开鼠标即可：

 

文字替换

01、 如何使用文字替换功能

在编辑界面，选中需要被修改替换的文字，点击工具条中的“●●●”选项，再点击替换文字：

 

如果有多个段落文字替换，可以选中全部文字段落，点击工具条上的“●●●”选项，再点击替换文字：

 

在替换文字页面，按照要求输入待替换文字以及替换内容：

 

例如，我们将下图中的“冬天”换成“冬季”，可以这么做：

 

如果需要查找文字，可使用快捷键：ctrl+f。

如果替换文字后，发现仍有文字未被替换，可再重复操作一遍。

图片替换

01、 如何操作图片替换

图片替换，就是将编辑区域中已有的图片/图片模板，通过点击操作，替换成自己的图片。

 

其他格式的图片，比如一些贴纸素材，也可以用同样的操作，去替换成自己的，或是秀米提供的素材：

 

小图/表情

01、 如何在文字内加入小图

在文字内插入小图片的操作，现在可以直接使用键盘快捷键Ctrl/Cmd和鼠标完成。

将鼠标的文字光标定位到文字段落里，然后按住键盘快捷键Ctrl/Cmd不松手的同时，用鼠标点击【我的图库】里面的图片即可：

 

一定要记住：是按住快捷键不松手的同时，用鼠标去点图库里的图片~这是成功的关键！

02、 如何加入emoji表情

秀米里可以直接添加emoji表情，将鼠标的文字光标定位到文字段落里，然后点文字工具条上的【格式】→【插入符号】，再点击想要添加的emoji表情即可：

 

另外，emoji表情的效果需要以手机浏览的实际效果为准哦~

视频/音频

01、 如何添加视频

秀米图文排版里面可以直接添加视频，但是需要先将视频上传到腾讯视频，然后通过复制视频的嵌入代码添加。

视频也可以直接上传到公众号后台，不过那样是没有嵌入代码的。这种情况下，可以在秀米里面，把其它部分都排版好，在视频的地方留好空行，复制/同步图文到公众号后台，用后台编辑器再插入视频，就可以了。

如何获得视频的嵌入代码

打开腾讯视频网页版 ，既不是手机版，也不是桌面版!!!找到你需要添加的视频，点左下角的分享按钮：

 

然后分享的下方会出现一个提示框，里面有嵌入代码，复制它：

 

如何在秀米图文里直接添加视频

在编辑区域左侧的“图文模板”→“组件”里面找到“视频”，就可以看到一些原始视频组件：

 

任意选择一个视频组件添加到编辑区域，点击黑色那块，会出现视频工具条，然后把之前复制的视频嵌入代码粘贴到输入框里面即可：

 

 

备注：微信公众平台最多只能添加10个视频！

如何给视频组件加模板

先添加一个模板到编辑区域，删掉模板原有的内容，再添加一个原始视频组件到模板内，把复制好的视频嵌入代码粘贴到输入框内即可。

 

如何调整视频组件宽高比

视频组件的宽高比设置，属于图文增强特性功能，所以要想调整视频组件的比例，要先开启图文增强特性设置。

增强特性设置，在编辑界面顶部，图文封面设置的下边，有一个关闭/开启按钮，点开启。

 

增强特性设置能使用的功能，都是无法在微信图文里体现，只适用于独立的秀米图文。

开启增强特性改功能后，添加一个视频组件到编辑区域，在视频工具条上有一个宽高比设置，可以调整视频组件的显示比例：

 

一般我们可以先把从腾讯视频拿到的嵌入代码输入进去，然后再去调整视频组件的宽高比。视频组件宽高比提供了四种：默认、16：9比例、4：3比例、自定义比例：

 

02、 如何添加音频

如果排版的内容是要在公众号后台进行推送的 ，那么添加音频需要在微信公众号后台进行添加：

 

如果排版的内容只是以秀米图文的形式传播 ，那么打开图文的增强特性功能，可以添加音乐：

 

小程序

在秀米图文中，可以添加并编辑小程序组件。秀米小程序组件分图片、文字两种展示方式。这两种小程序展示方式，皆可用同步或复制的方式上传。

01、 在图文中加入小程序

秀米中添加小程序，需要借助小程序组件，在左边素材区组件→公众号中看到：

 

01、 小程序组件的使用

添加小程序组件到编辑区，先设置好组件中需要显示的文字或图片，再点击工具条上的链接按钮，设置小程序的appid与页面路径：

 

例如在图文中添加一个小程序图片，设置好图片后，再去添加小程序的appid、页面路径：

 

设置完成后，可以用同步或复制的方式发到微信公众号。

选取与拖动

选取与拖动，是对内容调整的两个编辑操作，分选中内容、选中内容后进行拖动;这两个操作，又可以用鼠标、键盘来操作。

01、 如何选取内容

选取内容，分单选、多选。在操作多选选取内容时，可以根据习惯用鼠标或键盘进行操作。

鼠标单选取内容

单选图片、布局、模板时，鼠标直接单击选中即可，如果是选中文字组件，需要摁住Ctrl(Mac:Command，下同)，当文字光标变成十字光标时，就可以选中了：

 

鼠标连续多选取内容

鼠标放在编辑区域的空白部分，摁住鼠标，拉出一个蓝色框框，可以同时选中多个模块：

 

另外，如果拉出的蓝色选框覆盖了编辑区所有内容，这样就会全选所有内容：

 

被选中的模块，会被一个浅蓝色背景包住;选中内容后，可对内容进行复制、收藏、调整颜色等等操作。

键盘间隔多选选取内容

键盘间隔多选，是借助快捷键Ctrl+鼠标点击间隔选中多个内容。

在编辑区域，先选中一个内容组件，然后摁住Ctrl键，再去选中不相邻的几个内容组件：

 

键盘连续多选选取内容

键盘连续多选，是借助快捷键Shift+鼠标点击多选住内容。

在编辑区域，先选中一个内容组件，然后摁住Shift，选中另一个内容组件，就会将这两个组件之间的所有组件都会被选中：

 

键盘全选所有内容

键盘全选内容，是借助快捷键Ctri+A来完成的：

 

模板变换

当我们把要排版的内容添加到编辑区域后，可以使用刷模板的方法快速给文字加上模板，如果对第一遍刷上的模板不满意，可以使用变换模板的方法快速替换成另外的模板。

01、 如何刷模板

选中文字，点编辑区域左侧模板区里面的任一模板，就可以快速的给当前文字应用上模板：

 

当然，除了可以刷模板区的模板，也可以刷剪贴板、图文收藏里面的模板：

 

在刷模板的时候，可以选择整个文字组件里的所有文字，也可以选择文字组件里的部分文字：

 

文字作为标题，则尽量选择标题模板来刷;文字作为正文段落，则尽量选择卡片模板。

然后，因为选中文字的时候，只能选中一处文字，所以尽量选择也只有一处文字的模板来刷。

 

有时候，比较复杂的模板刷出来效果怪怪的，此时你可以手动调整一下，或者是换成其他模板。

02、 如何变换模板

选中整个模板，点工具条上的“变换模板”：

 

再点编辑区域左侧模板区、剪贴板或者是图文收藏里面的模板：

 

如果是想要换掉模板里的部分组件，可以直接选中部分组件，点工具条上的“变换模板”，再从编辑区域左侧选择新的：

 

另外，变换功能同样适用于纯文字组件，直接选择纯文字组件，然后点工具条上的“变换”，再点左边的模板，也是可以给文字加上模板的：

 

然后，还可以把两个纯文字组件放在一个基础布局里面，然后选中基础布局，使用变换功能，给基础布局连同两个文字组件换新的模板：

 

使用变换功能最重要的是：原模板有几处文字，新模板也尽量选择有几处文字的。

快速换色

给内容加模板的时候，我们可以先给模板设置主题色，统一模板的主色调;加完模板之后，如果觉得配色不满意，可以使用全文换色功能一键换色。

01、 如何设置主题色

在编辑区域左侧模板区右上角有一块突出的地方，有个颜色圆圈，圆圈下面写着主题色：

 

主题色我们可以理解为配色方案的主色调，比如你的整体排版想要用蓝色系的颜色，那么就可以把主题色设置为蓝色。

设置主题色之后，模板区的模板颜色就会统一换成你设置的主题色调：

 

这里需要注意一下：可能有些模板里带有SVG图等原因，部分元素没有被感应上主题色，如果要用这些模板的话，添加到编辑区域手动调整下颜色就可以啦。

 

设置主题色后，想要恢复到系统模板原有色调，可以点击颜色圆圈下边的清除按钮，即恢复原样：

 

02、 如何全文换色

选中内容，点工具条上的颜色圆圈，在调色板左下角有一个“全文替换”，先勾选它，然后再去点你想要替换成的颜色：

 

 

就可以把文中所有用到该颜色的内容替换成新的颜色。一定要记住是先勾选“全文替换”，再去选择新的颜色。

另外，渐变色目前还不能够使用全文换色，只能够手动调整。

小结

学完本节教程之后，会对秀米独特的“块状编辑”方式操作有一定的熟悉度，学会从往秀米中添加文字、图片开始，能够利用系统模板给文字和图片进行修饰，知道了简单排版的基本操作。

在下一节，我们将会进行更加系统的学习，做到熟练掌握文字与图片内容的细节处理，让排版在细微处也更精致美观。