導語Introduction

相信接觸過辦公軟件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、如何全文換色

選中内容，點工具條上的顔色圓圈，在調色闆左下角有一個“全文替換”，先勾選它，然後再去點你想要替換成的顔色：

就可以把文中所有用到該顔色的内容替換成新的顔色。一定要記住是先勾選“全文替換”，再去選擇新的顔色。

另外，漸變色目前還不能夠使用全文換色，隻能夠手動調整。

小結

學完本節教程之後，會對秀米獨特的“塊狀編輯”方式操作有一定的熟悉度，學會從往秀米中添加文字、圖片開始，能夠利用系統模闆給文字和圖片進行修飾，知道了簡單排版的基本操作。

在下一節，我們将會進行更加系統的學習，做到熟練掌握文字與圖片内容的細節處理，讓排版在細微處也更精緻美觀。