小工具功能說明(設計元素)

圖片widget

與文本widget一起最常用的widget之一。想要在頁面上插入圖片要素時使用。

設置項目
  1. 添加圖片 : 在左上角圖片領域中放置鼠標,可上傳圖片或選擇I'MWEB提供的免費圖片。
  2. 填充圖片 : 將會在網格間隙中填滿圖片。解除該選項,圖片將會被毫不剪裁地顯示於允許的網格間隙中。
  3. 光盒 : 點擊圖片後周圍將會變暗並且放大為大圖片。當與圖片鏈接一起使用時,該選項將會被忽視。
  4. 圓形圖片 : 形成圓形圖片。不管圖片的原比率,形成定圓形狀。
  5. 黑白圖片: 變更為黑白圖片。
  6. 顯明 : 圖片將會看起來更顯明。要注意根據不同類型的圖片可能會顯得不恰當。
  7. 高度/固定高度 : 指定圖片高度。激活固定高度後將會在任何環境中會顯示於指定的高度。
  8. 說明 : 插入與圖片一起输出的文本。也可以在圖片下方顯示或重疊顯示。
  9. 陰影 : 可指定圖片上覆蓋的顏色。
  10. 鏈接 : 點擊圖片可以設定菜單的跳轉鏈接。
滚动圖片是什麼?

滾動圖片是指鼠標放置於圖片上時產生的效果或圖片轉換。 若滾動圖片設置為空白,放置鼠標也不會發生變化。 例如,在滾動圖片項目中選勾"黑白圖片"時,鼠標放置於圖片上方將會顯示為黑白圖片。


圖片地圖widget

想要在一個圖片上體現多個鏈接領域時使用。

使用辦法
  1. 上傳想要使用為圖片地圖的圖片。
  2. 點擊添加圖片地址鏈接按鈕添加鏈接領域並指定移動路徑。
  3. 在圖片中,對鏈接領域進行適當的大小佈局。
  4. 圖片地圖鏈接可多次添加。


文本widget

頁面上插入文本內容時使用。 雙擊能進入編輯模式並自由填寫文本。

秘诀 : 除了區分段落(Enter)外,還可以通過換行(Shift+Enter)連續填寫下一行。

文本widget與其他widget一樣,點擊鼠標右鍵即可進入設定窗口。在這裏可以設置文本的整體背景色,間距,框架等。


空白widget

空白widget僅在設計模式上用陰虛的虛線表示,實際上它只佔據空間,而不會被其他訪客看到。

I'MWEB的網格間隙系統特性上,空白widget是想要調整大小或佈置時需要。例如,慾顯示本文寬度之一半的圖片widget並排列在中間位置時,將空白widget擺在圖片widget的兩側即可顯示。

空白widget沒有特別的追加設定,僅能調整寬度和高度。 在PC添加的12 網格間隙大小(可填滿正文橫幅的大小)的空白自動轉換為1/2的高度並在手機上表現,而沒有的空白則自動被隱藏。


視頻widget

可簡單插入頁面視頻。 只要輸入上傳到YouTube或Vimeo的視頻地址(URL)即可自動插入。

設定項目
  1. 封面圖片 : 基本上會帶來YouTube或Vimeo上設定的代表圖片,但上傳到封面圖片上後將會適用相應的封面圖片。
  2. 光盒 : 點擊視頻播放按鈕,周圍會變暗,大畫面播放視頻。
  3. 反覆播放 : 視頻播放結束後,再次從頭開始播放。


橫線widget

想要明確區分文壇或內容捆綁之間時,使用橫線widget。 橫線widget具有非常簡單的結構,可以設定長度,排列,厚度,線條形狀,線條顏色。


按鈕widget

能通過頁面上插入按鍵widget引導至特定位置。

可一次性添加多個按鈕,也可將每個按鈕設定爲不同風格。


菜單列表widget

在I'MWEB上端用全页面形態顯示子菜單,但在想要正文領域顯示子菜單時使用。 添加菜單列表widget後,菜單會自動反映修改,刪除,移動的事項。

參考 : 菜單列表widget將會在手機中自動被隱藏處理。 因此,若想在手機上顯示,請確認"在手機上顯示"選項。

設置項目
  1. 其他風格 : 點擊widget設定窗口中央的其他風格按鈕,可選擇菜單列表widget風格。
  2. 基準位置 : 基本值爲當前菜單,若未按要求顯示子菜單時,則可以適當調整基準位置。
  3. 菜單,文本,排序 : 設置選擇風格的細節設計要素(各種顏色,文本大小等)。


標題widget

將會輸出當前位置的菜單名稱。雖然不會平常使用到,但是在板塊設置上安排側面領域的上端widget時,因不用每次輸入頁面標題而非常方便。 但並不是所有相關標題widget的頁面都會被自動插入,所以要在每個頁面裡都要複製粘貼標題widget。


單一地圖widget

想要告訴用戶一個位置的資訊時使用。 主要在"尋找之路"或Contact菜單中使用。

設置項目
  1. 地址 : 輸入全部或一部分的地址後按輸入鍵將會顯示搜索到的地址目錄。比如輸入‘三重路 66號‘後按輸入鍵時,在下方將會顯示地址目錄,點擊此地址後反應位置資訊。
  2. 移動地圖大头针 : 输入地址后将会自动跳转至该地址的位置并且生成大头针。若想要变更大头针的位置,请在地图上双击该位置后点击应用按钮。
  3. 資訊 : 請輸入想要在大頭針中顯示為氣泡話框的資訊。


代碼widget

代碼widget是為高級用戶的功能。 可在想要把外部模塊及用戶定義的StyleShit及Script等插入我網站時使用。 代碼widget可插入客戶端側面運行的所有要素(HTML, CSS, JavaScript等)。

參考 : 但不能使用在伺服器側面欄使用的語言(JSP,PHP等)及數據庫(MySQL,MariaDB,MS-SQL等)。

注意事項
  • 代碼widget與其他widget不同,需要點擊確認鍵才能保存。
  • 爲了防止設計模式的誤操作,代碼widget只會在預覽中執行。


图标widget

圖標widget無需使用圖學工具或圖片,即可利用字體圖標在網站上插入圖標。 可插入數百種圖標,可自由調整大小和顏色。

返回列表

不知從何開始?

Web So Easy!

前往線上教學

用過一次就愛上 “我”就是 Imweb 的忠實粉絲

在 Imweb 盡情表達“我”的想法
977.2K
累積網站架設數
全球已有數十萬名用戶
在 Imweb 表達著自己的理念
315
平均每日架站數
每天有多個新品牌
在 Imweb 推出客製化網站
2.2K
全球合作夥伴數

Imweb 企業合作