在任何地方嵌入專案
影月製作的專案可以使用iframe嵌入您的網站
嵌入方式
完成空間導覽製作後,我們會提供您一個永久連結,讓您在任何地方使用空間導覽,您只要在您的網站上要嵌入空間導覽的地方,將以下程式碼中https://app.shadowmoon.com.tw/monet/index.htm替換為您的專屬網址,整段貼在<body>處就完成嵌入了。
<iframe src="https://app.shadowmoon.com.tw/monet/index.htm" frameborder="0" width="100%" height="400px" scrolling="no" allow="vr,gyroscope,accelerometer" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"></iframe>
細節調整
如果您想調整嵌入視窗的大小,可以針對程式碼中width=”100%” height=”400px”部分調整。
例如希望寬度變為一半,則修改width=”50%”,想要視窗上下長度變長或變短則修改height=”400px”數值。
滿版嵌入代碼
如果您希望視窗大小佔滿全部頁面,無視螢幕尺寸大小,則可以使用以下代碼,記得將網址替換為您的專屬網址。
<iframe style="position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; margin: 0; padding: 0; overflow: hidden; z-index: 1;" src="https://app.shadowmoon.com.tw/monet/index.htm" scrolling="no" allowfullscreen="allowfullscreen"></iframe>
在WordPress 網站嵌入
使用傳統編輯器、區塊編輯器,或是Elementor等編輯器,選擇「插入HTML」區塊,將程式碼複製、貼上,再依照您的排版調整高度與寬度。
使用FTP修改、嵌入
將欲修改的html檔案下載,開啟後找到<body>與</body>區間,將程式碼複製、貼上,再依照您的排版調整高度與寬度。修改完成請儲存檔案,並以FTP方式上傳覆蓋原本檔案即可。