插入圖像、PDF 文件、影片和其檔案
EasyWebshop CMS 編輯器 提供了很多靈活性，可以將各種物件添加到您的網站上。本頁面總結了可以添加的物件。物件可以插入到以下部分：
參考
- 照片、圖片和標誌
- 超連結、橫幅和按鈕
- PDF 文件和目錄
- MP3 和 OGG 音頻文件
- 視頻或電影
- 成人內容警告
- 動畫 GIF
- 背景音樂
- 部落格（帶 RSS 源）、論壇和留言簿
- 文本周圍的邊框
- 聊天框或留言板
- 列和表格
- Cookie 警告
- 客戶反饋和評論
- 網頁表單
- 帶有 POI 的地圖
- 照片畫廊或幻燈片放映
- 列印按鈕
- 外部搜索框
- Robots.txt 和 XML 網站地圖
- 喜歡按鈕和社交插件
- 訪客計數器
- 網絡攝像頭
- HTML、CSS 和 JavaScript 代碼
KISS 原則
插入的物件越多，您的網站看起來就會越雜亂，載入速度也會變慢。
因此，我們建議保持您的網站簡單。
插入照片、圖片和標誌
點擊圖片圖標以上傳並插入圖片。
- 點擊頂部菜單中的上傳鏈接
- 點擊上傳文件按鈕以選擇您設備上的文件
如果存在子文件夾（或子目錄），您可以選擇性地選擇一個子文件夾來上傳您的圖片。如果您有很多文件，建議創建子文件夾。您可以通過點擊文件概覽中的新文件夾圖標來做到這一點。
選擇圖片文件後，您可以選擇調整其大小。我們建議最大為 800x600 像素以便快速加載，儘管如果您想要更高的解析度，可以上傳更大的照片。
- 點擊上傳按鈕以上傳您的圖片
- 上傳後，點擊圖片下方的插入圖標
您還可以在我的圖片概覽中找到該圖片。因此，如果您想在另一個頁面上插入相同的圖片，則不需要再次上傳該圖片。
在智能手機上，圖片將縮小到屏幕的最大寬度，無論解析度如何。這可以防止出現水平滾動條。
插入超連結、橫幅和按鈕
- 點擊插入圖標並向下滾動到鏈接
- 對於超連結，選擇超連結
- 對於按鈕或行動呼籲，選擇超連結按鈕
- 對於橫幅、圖片或照片，選擇超連結照片
- 輸入網頁地址（URL），這可以是內部或外部頁面
可選地，您可以選擇在訪客點擊鏈接時打開新瀏覽器窗口。
上傳 PDF 文件或目錄
點擊上傳圖標以上傳並插入 PDF 文件。
- 點擊頂部菜單中的上傳鏈接
- 點擊上傳文件按鈕以選擇您設備上的文件
- 上傳後，點擊插入圖標
上傳受版權保護的內容或感染的文件將會立即刪除您的網店，且不會提前警告。
插入 MP3 和 OGG 音頻文件
點擊上傳圖標以上傳並插入 MP3 或 OGG 音頻文件。MP3 是專有格式，OGG 是開放且無專利的音頻格式。
- 點擊頂部菜單中的上傳鏈接
- 點擊上傳文件按鈕以選擇您設備上的文件
- 上傳後，點擊插入圖標
插入影片或電影
點擊上傳圖示以上傳並插入 MP4 影片檔案。
- 點擊頂部菜單中的上傳連結
- 點擊上傳檔案按鈕以選擇您設備上的檔案
- 上傳後，點擊插入圖示
請注意，檔案大小限制為25MB。如果您的影片檔案較大，您需要使用影片編輯軟體進行壓縮或將其上傳到影片網站。
另外，您可以從像是Bitchute、PeerTube、Rumble、Vimeo和YouTube等影片平台插入影片。
- 點擊插入並選擇YouTube 影片
- 輸入您的 YouTube 影片的 URL（從地址欄複製）
您也可以複製並插入HTML 代碼以分享影片。以下我們將解釋如何插入HTML 代碼。
插入成人內容警告
- 導航至設定 > 更多選項 > 連接
- 向下滾動至小工具
- 選擇成人內容警告小工具並確認
您可以在小工具連接維基中找到所有有關小工具的文檔。
插入動畫 GIF
如果您是 90 年代的粉絲，您可以將動畫 GIF 圖像添加到您的網站。
- 按照上述描述的相同程序上傳圖像
- 選擇不調整圖像大小
調整圖像大小會導致 GIF 幀破壞，導致圖像無法動畫。
插入背景音樂
我們不建議使用背景音樂。大多數訪客會對自動播放的背景音樂感到厭煩。這對網站來說是一種不好的設計實踐。
因此，它未包含在我們的軟體中。然而，這是可能的且相當簡單。在您最喜愛的搜索引擎中搜索“將背景音樂添加到網站”以獲取教程。以下我們將解釋如何插入HTML 代碼。
插入博客（帶 RSS 源）、論壇或留言簿
博客
EasyWebshop 內建有博客功能。啟用博客後，將添加一個名為博客的新頁面，頁面上有關鍵字[WEBSHOP_BLOG]。在您的網站上，這個關鍵字將被您的博客替換。
論壇
EasyWebshop 沒有論壇功能，我們專注於網店軟體。如果您想要論壇，最佳選擇是外部創建論壇。然後您可以創建指向論壇的超鏈接。
留言簿
EasyWebshop 內建有留言簿功能。啟用留言簿後，將添加一個名為留言簿的新頁面，頁面上有關鍵字[WEBSHOP_GUESTBOOK]。在您的網站上，這個關鍵字將被您的留言簿替換。
在文本周圍插入邊框
如果您想在文本周圍放置邊框，請點擊插入並選擇邊框。
您可以設置邊框大小、顏色和背景顏色。如果您想編輯這些設置，您可以切換到HTML 視圖並在源代碼中編輯它們。
插入聊天框或留言板
使用我們的即時聊天來實現這一點。
插入欄位和表格
欄位可以用來並排顯示文字和圖片。在小螢幕上，欄位會垂直顯示。點擊 插入 並選擇 欄位。
可以通過點擊 插入 然後 表格 來插入表格。
在小螢幕上，寬表格可能會造成問題，導致出現水平滾動條。因此，我們建議使用響應式的欄位。
您可以設置欄位和表格的參數。如果您想編輯它們，可以切換到 HTML視圖 並在源代碼中編輯它們。
插入 Cookie 警告
- 導航到 設置 > 更多選項 > 連接
- 向下滾動到 小部件
- 選擇 Cookie 警告 小部件並確認
您可以在 小部件連接維基 中找到所有有關小部件的文檔。
插入客戶反饋和評論
您可以使用我們的 客戶反饋和評論 來實現這一點。
插入網頁表單
在聯繫頁面上有一個帶有垃圾郵件保護的網頁表單。通過此表單發送的消息將發送到您的電子郵件。
插入帶有 POI 的地圖
當 在網站上顯示公司信息或個人數據 在 商店設置 中啟用時，您的信息頁面上默認會顯示地圖。如果默認地圖不正確或不夠，您可以停用此地圖並用其他地圖替換它。
還可以插入帶有興趣點 (POI) 的個性化地圖。
- 帶有取貨點位置的地圖
- 帶有您商店位置的地圖
地圖可以通過以下方式創建：
- OpenStreetMap（開源）
- Google 地圖（專有）
如果您有網頁地址 (URL)：
- 點擊 插入圖標 並向下滾動到 頁面內容
- 點擊 顯示地圖
- 粘貼 URL 並點擊 插入
如果您有 HTML 代碼：
- 點擊 HTML 圖標 切換到 HTML 視圖
- 在您想要地圖的位置粘貼 HTML 代碼
插入照片畫廊和幻燈片放映
有一個 幻燈片放映 功能可用，但沒有照片畫廊。
插入打印按鈕
- 點擊 插入，向下滾動到 鏈接 並選擇 打印 以獲取打印圖標或 打印按鈕 以獲取打印按鈕。
插入外部搜索框
- 導航到 設置 > 更多選項 > 連接
- 向下滾動到 小部件
- 選擇 DuckDuckGo 小部件並確認
您可以在 小部件連接維基 中找到所有有關小部件的文檔。
插入 Robots.txt 或 XML 網站地圖
robots.txt 文件和 XML 網站地圖會自動為您生成。您可以通過輸入您的域名後跟 /robots.txt 和 /sitemap.xml 來找到它們。
還可以上傳您自己的文件，.txt 和 .xml 文件可以上傳，但無法替換默認的 robots.txt 和 sitemap.xml。
插入讚按鈕和社交插件
您可以使用 社交網絡 來實現這一點。
我們不建議通過嵌入 HTML 代碼在您的網站上安裝外部社交插件。這些代碼通常包含對訪問者隱私有害的追蹤器。請使用社交網絡接口，該接口提供指向您社交網絡頁面的鏈接，而不包含追蹤器。
插入額外的訪客計數器
EasyWebshop 擁有 Easy Analytics 應用程序，您可以在 儀表板 > 訪客分析 中找到它。
此外，您可以 安裝外部訪客計數器。
插入實時網絡攝像頭
從您的網絡攝像頭流媒體提供商獲取 HTML 代碼。下面我們解釋如何插入 HTML 代碼。
插入 HTML、CSS 和 JavaScript 代碼
點擊 編輯 HTML 圖示 或 插入 > 編輯 HTML。文本編輯器現在切換到 HTML 視圖。
您可以添加、編輯和刪除 HTML、CSS 和 JavaScript 代碼。您還可以從內部或外部來源複製和粘貼代碼。從其他頁面複製 HTML 代碼將保留佈局或標記。
- HTML
- HTML（超文本標記語言）是用於創建網頁和網絡應用程序的標準標記語言。它使用 <tags> 小寫來定義網頁的結構。因為它是一種易於學習和簡單的語言，大多數 HTML 代碼可以被非技術人員自由更改。
- CSS
- CSS（層疊樣式表）是一種樣式表語言，用於控制網頁的佈局、顏色、字體和其他視覺方面。CSS 代碼位於 <style> 和 </style> 標籤之間，也易於學習和編輯。
- JavaScript
- JavaScript 是一種用於創建互動和動態網頁的腳本語言。它是一種客戶端語言，這意味著它由客戶端的網頁瀏覽器執行，而不是在服務器端執行。代碼位於 <script> 和 </script> 標籤之間。
JavaScript 是一種強大的語言，但不幸的是，經常被無能的網頁開發人員濫用。這導致了糟糕的網站，伴隨著煩人的廣告、彈出窗口、跟蹤器、高 CPU 消耗和緩慢的加載時間。
EasyWebshop 用戶對他們的網頁擁有完全的控制權，但控制伴隨著責任。請小心使用此功能。
外部腳本可能會與網店中現有的代碼產生衝突和錯誤。這可能導致某些功能不再工作，例如購物車和結帳。它還可能導致安全證書的警告。
外部腳本可以聯繫外部來源，回傳信息並跟蹤您的訪客。這可能會對您的訪客的隱私造成傷害。如果您必須實施侵犯隱私的代碼，請相應更新您的隱私聲明。
當從慢速服務器加載腳本時，外部腳本可能會使網站變慢。因此，限制連接到外部來源的 JavaScript。
自 2009 年推出以來，我們不斷改進 EasyWebshop。隨著所有新更新，我們保證一切保持向後兼容。請注意，對於自定義腳本，未來的更新可能會破壞與您的代碼的兼容性。因此，您可能需要在 EasyWebshop 更新後更新您的代碼。
對於外部腳本，我們的幫助台無法提供支持。請始終聯繫腳本提供商以獲取技術支持。
一系列允許您自定義網店並添加特殊功能的腳本可以在 EasyWebshop 腳本 中找到：
再次點擊 HTML 圖示 以返回編輯器視圖。
在 HTML 視圖中保存時，代碼不會通過 CMS HTML 清理器。這有可能導致代碼破壞網頁，但它給了您更多自由來自行插入代碼。
下一頁: 編輯圖像和浮水印