Teachify 有支援 RWD（Responsive Web Design，響應式網頁設計），讓你在不同裝置上，都能獲得流暢的使用體驗，無論是電腦、平板還是手機，都能完美呈現！

一般來說，我們在課程銷售頁放置一組圖片就可以了。

但有些創作者，會想要手機版跟電腦版，分別使用不同的圖片，以達到更好的觀看體驗，這篇教學就來教大家如何來進行設定。

以下面示範來說：

左圖就比較適合桌機版網頁來閱讀，而右圖，則適合在行動裝置，如手機、平板來閱讀：

這時，你可以在「課程簡介」的編輯器裡，「同時」上傳這兩張圖片。

▼ 要用在電腦版的圖片

▼ 要用在手機版的圖片

當點擊課程簡介上的圖片，你會看到一個設定條，預設是都不會選取，意即「圖片會在全裝置網頁顯示」。

如果圖片是希望「只」顯示在桌機網頁上，那麼就可以點一下「桌機圖示」

點選的同時，也會看到下方顯示「Display on Desktop」的文字提示。
​

若圖片是想「只」顯示在行動裝置的網頁上，那就點一下「手機圖示」

點選的同時，也會看到下方顯示「「Display on Mobile」的文字提示。

如此設定，就可以讓使用者在不同裝置閱讀課程資訊的時候，能有更清楚、舒服的體驗了。

註：電腦版圖片或手機版圖片，並未規定上傳先後順序 → 你可以先上傳電腦版再上傳手機版，也可先上傳手機版再上傳電腦版。

💡 課程內容的編輯器，也同樣支援圖片裝置限制的設定哦！
​
進入「章節管理」，編輯「單元內容」時，可「新增圖文」，就可以看到與上述一樣的操作工具！

如以上說明都無法解決你的問題，請點選右下角藍色 icon 跟我們聯絡，我們將盡快回覆。