小工具功能說明（設計元素）
圖片widget
與文本widget一起最常用的widget之一。想要在頁面上插入圖片要素時使用。
設置項目
- 添加圖片 : 在左上角圖片領域中放置鼠標,可上傳圖片或選擇I'MWEB提供的免費圖片。
- 填充圖片 : 將會在網格間隙中填滿圖片。解除該選項,圖片將會被毫不剪裁地顯示於允許的網格間隙中。
- 光盒 : 點擊圖片後周圍將會變暗並且放大為大圖片。當與圖片鏈接一起使用時,該選項將會被忽視。
- 圓形圖片 : 形成圓形圖片。不管圖片的原比率,形成定圓形狀。
- 黑白圖片: 變更為黑白圖片。
- 顯明 : 圖片將會看起來更顯明。要注意根據不同類型的圖片可能會顯得不恰當。
- 高度/固定高度 : 指定圖片高度。激活固定高度後將會在任何環境中會顯示於指定的高度。
- 說明 : 插入與圖片一起输出的文本。也可以在圖片下方顯示或重疊顯示。
- 陰影 : 可指定圖片上覆蓋的顏色。
- 鏈接 : 點擊圖片可以設定菜單的跳轉鏈接。
滚动圖片是什麼？
滾動圖片是指鼠標放置於圖片上時產生的效果或圖片轉換。 若滾動圖片設置為空白,放置鼠標也不會發生變化。 例如,在滾動圖片項目中選勾"黑白圖片"時,鼠標放置於圖片上方將會顯示為黑白圖片。
圖片地圖widget
想要在一個圖片上體現多個鏈接領域時使用。
使用辦法
- 上傳想要使用為圖片地圖的圖片。
- 點擊添加圖片地址鏈接按鈕添加鏈接領域並指定移動路徑。
- 在圖片中,對鏈接領域進行適當的大小佈局。
- 圖片地圖鏈接可多次添加。
文本widget
頁面上插入文本內容時使用。 雙擊能進入編輯模式並自由填寫文本。
秘诀 : 除了區分段落(Enter)外,還可以通過換行(Shift+Enter)連續填寫下一行。
文本widget與其他widget一樣,點擊鼠標右鍵即可進入設定窗口。在這裏可以設置文本的整體背景色,間距,框架等。
空白widget
空白widget僅在設計模式上用陰虛的虛線表示,實際上它只佔據空間,而不會被其他訪客看到。
I'MWEB的網格間隙系統特性上,空白widget是想要調整大小或佈置時需要。例如,慾顯示本文寬度之一半的圖片widget並排列在中間位置時,將空白widget擺在圖片widget的兩側即可顯示。
空白widget沒有特別的追加設定,僅能調整寬度和高度。 在PC添加的12 網格間隙大小(可填滿正文橫幅的大小)的空白自動轉換為1/2的高度並在手機上表現,而沒有的空白則自動被隱藏。
視頻widget
可簡單插入頁面視頻。 只要輸入上傳到YouTube或Vimeo的視頻地址(URL)即可自動插入。
設定項目
- 封面圖片 : 基本上會帶來YouTube或Vimeo上設定的代表圖片,但上傳到封面圖片上後將會適用相應的封面圖片。
- 光盒 : 點擊視頻播放按鈕,周圍會變暗,大畫面播放視頻。
- 反覆播放 : 視頻播放結束後,再次從頭開始播放。
橫線widget
想要明確區分文壇或內容捆綁之間時,使用橫線widget。 橫線widget具有非常簡單的結構,可以設定長度,排列,厚度,線條形狀,線條顏色。
按鈕widget
能通過頁面上插入按鍵widget引導至特定位置。
可一次性添加多個按鈕,也可將每個按鈕設定爲不同風格。
菜單列表widget
在I'MWEB上端用全页面形態顯示子菜單,但在想要正文領域顯示子菜單時使用。 添加菜單列表widget後,菜單會自動反映修改,刪除,移動的事項。
參考 : 菜單列表widget將會在手機中自動被隱藏處理。 因此,若想在手機上顯示,請確認"在手機上顯示"選項。
設置項目
- 其他風格 : 點擊widget設定窗口中央的其他風格按鈕,可選擇菜單列表widget風格。
- 基準位置 : 基本值爲當前菜單,若未按要求顯示子菜單時,則可以適當調整基準位置。
- 菜單,文本,排序 : 設置選擇風格的細節設計要素(各種顏色,文本大小等)。
標題widget
將會輸出當前位置的菜單名稱。雖然不會平常使用到,但是在板塊設置上安排側面領域的上端widget時,因不用每次輸入頁面標題而非常方便。 但並不是所有相關標題widget的頁面都會被自動插入,所以要在每個頁面裡都要複製粘貼標題widget。
單一地圖widget
想要告訴用戶一個位置的資訊時使用。 主要在"尋找之路"或Contact菜單中使用。
設置項目
- 地址 : 輸入全部或一部分的地址後按輸入鍵將會顯示搜索到的地址目錄。比如輸入‘三重路 66號‘後按輸入鍵時，在下方將會顯示地址目錄，點擊此地址後反應位置資訊。
- 移動地圖大头针 : 输入地址后将会自动跳转至该地址的位置并且生成大头针。若想要变更大头针的位置，请在地图上双击该位置后点击应用按钮。
- 資訊 : 請輸入想要在大頭針中顯示為氣泡話框的資訊。
代碼widget
代碼widget是為高級用戶的功能。 可在想要把外部模塊及用戶定義的StyleShit及Script等插入我網站時使用。 代碼widget可插入客戶端側面運行的所有要素(HTML, CSS, JavaScript等)。
參考 : 但不能使用在伺服器側面欄使用的語言(JSP,PHP等)及數據庫(MySQL,MariaDB,MS-SQL等)。
注意事項
- 代碼widget與其他widget不同,需要點擊確認鍵才能保存。
- 爲了防止設計模式的誤操作,代碼widget只會在預覽中執行。
图标widget
圖標widget無需使用圖學工具或圖片,即可利用字體圖標在網站上插入圖標。 可插入數百種圖標,可自由調整大小和顏色。
