今天主講的內容是 外貿建站 必備插件— yellow pencil .在新建soho外貿網站的時候很多同學都會為網站的設計頭疼不已,好的模板需要付費價格也不便宜,免費的模板又不能很好的達到自己想要的頁面效果,如果需要找人定製,那價格就更高了。所以今天Jack老師為大家推薦一款很好的網站搭建wordpress插件—yellowpencil,希望能夠解決同學們的以上問題。
首先進行yellowpencil插件的搜索和安裝,在網站後臺的wordpress插件安裝中,點擊添加新插件,輸入「yellowpencil」進行搜索,如下圖
點擊「Install Now」按鈕進行安裝,安裝完成後點擊「Activate」進行激活,激活後頁面跳轉如下:
在這裡我們點擊第一個「開始定製」按鈕,對網站進行編輯,頁面跳轉如下:
針對我們網站的每一處設置,yellowpencil插件都能夠進行修改,我們可以看到當我把滑鼠點擊頁面右邊的「HELLO & WELCOM」的文字上面時,它自動會跳出來一個藍色的編輯框,我們來看一下具體的編輯功能選項
針對每一項都進行文字結構更改後,我們點擊編輯工具的右上角保存更改效果。文字部分更改完成後,我們對文字的背景進行進一步修改,如下圖
這這裡可以只用純色做文字背景圖的襯底,也可以選擇自己需要的圖片作為文字的背景圖襯底,相關的背景設置功能在上圖中已經標誌出來了,接下來再看文字區塊的整塊位置調整.具體功能如下圖所示
我們接下來再看邊框功能,如下圖所示:
如圖所示,我們可以根據自己的喜好來對文字的邊框進行相應的編輯,編輯控制臺「Border」下方的「Border Radius」功能是對邊框進行圓角化處理,使得邊框不要這麼四四方方那麼尖銳。相關操作因為篇幅的關係這裡不展開實操講解。接下來是「Position」設置,這個設置是對整塊文字編輯區域進行大範圍的位置調整,避免了wordpress經典編輯器中只能上下左右中間定位這幾種簡單的位置設置的尷尬。
其他的「Size尺寸」,「Animation動畫」,「Box shadow編輯塊陰影」,「Extra額外設置」等相關功能,Jack老師不再進行實操講解,留待各位同學自己去探究他們的秘密。都是一些簡單的傻瓜式操作,相信同學們都能夠分分鐘搞定。
值得一提的是,yellowpencil這款插件還有在線代碼編輯的功能,我們來一起看一下
點擊yellowpencil編輯後臺左上角第三個代碼編輯按鈕,在出現的代碼編輯器中進行代碼改寫就可以,雖然這個功能很強大但是對沒有代碼基礎的同學來說基本沒什麼用了。但是如果我們看中別人網站有非常好的設計效果,我們通過ctrl+u,然後查看對方原始碼,然後複製這些原始碼添加到yellowpencil的代碼編輯器中是不是就可以實現這些功能了呢?
好了,以上就是外貿建站 必備插件—YellowPencil的強大編輯功能中的文字塊編輯功能的一小部分實操講解課程。還有很多功能因為篇幅關係這裡不展開具體的實操細節講解,留待大家去發掘吧,如果還有不理解的地方,請到我的網站了解更多外貿建站和谷歌SEO優化免費教程,谷歌搜索「Jack外貿建站」,排名首頁首位的就是我的網站.