編輯手機版

手機版視口介紹

在I'MWEB製作PC版本,將會自動製作手機版本。 若對自動製作的結果有不滿意, 請把視口變更爲手機後編輯手機設計。

進入編輯手機版本的辦法

  1. 點擊位於設計模式的上端中央的[屏幕]圖標。
  2. 選擇[手機]。

  3. 想要再返回至PC模式時,請反覆第1步後選擇PC。

在手機版本隱藏widget

能隱藏手機版本中不必要的要素。(例如:空白,公告板上端外觀圖片等)

  1. 在想要從手機版本中隱藏的widget上放置鼠標。
  2. 點擊widget右上方的眼睛形狀的圖標。
  3. 確認widget僅從手機版本中消失。

復原手機版本中隱藏的widget

隱藏處理的widget隨時可以復原。

  1. 若隱藏widget,如上圖所示,將會在泡沫圖標中出現widget的數量。
  2. 點擊此圖標可展開右側隱藏著的widget目錄窗口。
  3. 點擊想要復原的widget。

移動手機widget

根據 I'MWEB的網格間隙系統,在手機版本中將會顯示每一條中一個或兩個文本或圖片widget。 如下圖所示,在PC版本中橫向羅列3個圖片時,手機版本將會做出如下構成。

PC版本中想要在一條線上顯示3個而不是1個時,請在PC設計模式中拖拉移動並排列widget。

參考:不能移動所有widget至所有位置。 只能在有相鄰要素的widget之間移動。

注意 : 手機版本的編輯最好在完成全部的PC版本後進行。 在PC版本的編輯模式中發生移動或刪除正在適用手機版本移動及隱藏頁面之板塊內的widget時,將會出現以下警告語。點擊確認後,在手機上編輯的所有事項都將被初始化,因此需要重新進行手機編輯。

適用手機專用板塊

添加在PC上看不到,只能在手機上看到的手機專用板塊並添加widget。想要在手機中表示和PC版本完全不同的版面設計或內容時使用。

手機專用板塊與移動和隱藏不同,即使日後編輯PC版本也不會被初始化。

  1. 轉換視口為手機。
  2. 在沒有widget的領域中點擊右鍵。
  3. 出現輔助菜單時,點擊[添加手機專用板塊]。

返回列表

不知從何開始?

Web So Easy!

前往線上教學

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

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

Imweb 企業合作