嵌入您的網站

在任何地方嵌入專案

影月製作的專案可以使用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方式上傳覆蓋原本檔案即可。