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