WordPress / JOOMLA 自製免費程式模組外掛下載

模組名稱	功能說明	中文版	English	適用版本	說明
mod_esangtek_marquee	置頂經典跑馬燈（可自訂速度、顏色、高度） Sticky Classic Marquee (Customizable Speed, Color, and Height)	下載	Download	wordpress 5.8~6.5	mod1
mod_esangtek_marquee_css	純 CSS 跑馬燈，與mod_esangtek_marquee、mod_esangtek_scroller不相衝 Pure CSS Marquee, compatible with mod_esangtek_marquee and mod_esangtek_scroller (no conflicts)	下載	Download	wordpress 5.8~6.5	mod2
mod_esangtek_scroller	不固定位置跑馬燈（可自訂速度、顏色、高度） Floating Marquee (Customizable Speed, Color, and Height)	下載	Download	wordpress 5.8~6.5	mod3
mod_zen_audio_player	youtube 純聲音撥放器播放 YouTube 聲音，無影像顯示 YouTube Audio-Only Player – Plays YouTube audio without displaying video	下載	Download	wordpress 5.8~6.5	mod4

七. joomla 模組安裝教學

這些模組是由 益盛科技軟體有限公司 開發，專為簡潔公告、語錄展示與音訊播放設計，適用於 Joomla 4.x 與 Joomla 5.x。

7.1. 安裝步驟（.zip 模組檔案）

登入 Joomla 後台（通常是 /administrator）
點選上方選單【系統】→【安裝 → 擴充套件】
在「上傳套件檔案」區塊中，拖曳或選擇 .zip 模組檔案
例如：mod_esangtek_marquee.zip
上傳後系統會顯示「模組安裝成功」

7.2 使用方式與設定

前往【內容 → 模組】
找到剛剛安裝的模組，例如：
- Esangtek Marquee
- Zen Audio Player
- Esangtek Scroller Styled
點進模組後可進行以下設定：
- 顯示內容：可輸入滾動文字、多行語錄或播放連結
- 滾動速度 / 高度 / 顏色：自訂動畫與樣式
- 是否循環 / 顯示邊框 / 滾動方向：選項開關調整
務必設定【位置】（Position）與【啟用模組】
- 可放置於 top, debug, banner 或自訂位置
儲存後回到前台網站，即可看到模組效果！

7.3 小提醒

注意事項	說明
模組位置	如果模板不支援 `top`，可自訂位置並於模板中引用
模組衝突	避免同一頁同時啟用多個 JavaScript 跑馬燈
多語系支援	模組後台支援繁體中文與英文介面說明

如需協助安裝、樣式調整或與資料庫整合，歡迎聯絡我們！

設計／製作：益盛科技軟體有限公司 Ring

Esangtek Joomla Module Installation Guide

These modules are custom-developed by Esangtek Technology Software Co., Ltd., designed for displaying clean announcements, quotes, and audio players.
They are compatible with Joomla 4.x and Joomla 5.x.

7.1 How to Install (.zip module file)

Log in to your Joomla admin panel (/administrator)
Go to System → Install → Extensions
Under "Upload Package File", drag & drop or browse for the .zip module file
Example: mod_esangtek_marquee.zip
After upload, you should see a success message like "Module installed successfully"

7.2 How to Use & Configure

Go to Content → Site Modules
Look for the newly installed module, such as:
- Esangtek Marquee
- Zen Audio Player
- Esangtek Scroller Styled
Click to edit the module and configure its settings:
- Scroll text (supports multiple lines)
- Scroll speed / height / colors
- Looping / border display / direction
Set the Position (e.g., top, banner, debug, or any custom position)
Set the Status to Published
Save and check the frontend of your site — the module should now be visible!

7.3 Tips

Item	Description
Module Position	If your template doesn't support `top`, use a custom module position
Conflict Warning	Avoid using multiple JavaScript-based marquees on the same page
Multilingual	All modules support both Traditional Chinese and English descriptions in the backend

For customization, integration, or technical support, feel free to contact us:

Esangtek Technology Software Co., Ltd. – Ring
🔗 https://des13.com

八. Wordpress 外掛安裝教學

這些外掛均為 益盛科技軟體有限公司 開發，適用於 WordPress 5.8 ~ 6.5（含古騰堡與經典主題），安裝方式與一般外掛相同：

8.1. 安裝步驟（.zip 外掛檔案）

登入 WordPress 後台（/wp-admin）
左側選單點選【外掛】→【安裝外掛】
點選上方的「上傳外掛」按鈕
選擇你要安裝的 .zip 外掛檔案（例如 esangtek-marquee-css-wordpress-en-fixed.zip）
點選【立即安裝】
安裝完成後點【啟用外掛】

8.2 設定說明（啟用後）

每個外掛安裝並啟用後，都會在左側選單的【設定】中出現一個對應名稱，例如：

Esangtek Marquee CSS
Zen Audio Player
Esangtek Scroller Styled

進入設定頁後，你可以自訂以下內容（依外掛不同略有差異）：

設定項目	說明
文字內容	可輸入公告、語錄、經文等文字，支援多行
滾動速度	數字越小越慢，例如 `0.5` 秒
高度（px）	控制跑馬燈區塊高度，例如 `30` 或 `400`
方向選擇	支援垂直（往上）與水平（右→左）
文字 / 背景顏色	可選擇顏色，符合你網站主題配色
邊框樣式	實線、虛線、點線，自由設定
音訊影片連結	輸入 YouTube 影片網址（音訊撥放器）
清單連結	導向你自己的 YouTube 頻道頁面

8.3 注意事項

不需使用 Shortcode，安裝並啟用後即可自動出現在頁面上
避免與其他類似跑馬燈外掛並用（可能會重疊）
所有設定皆可於後台視覺化操作，不需修改程式碼

有需要協助安裝、進一步樣式客製化或資料庫連動，歡迎聯繫我們：

益盛科技軟體有限公司

Esangtek Series WordPress Plugin Installation Guide

These custom plugins are developed by Esangtek Technology Software Co., Ltd., compatible with WordPress 5.8 to 6.5 (both Classic and Gutenberg themes). You can install them just like any standard WordPress plugin.

8.1 Installation Steps (via `.zip` file)

Log in to your WordPress admin panel (/wp-admin)
Go to Plugins → Add New
Click the Upload Plugin button at the top
Choose the .zip file of the plugin you want to install
(e.g. esangtek-marquee-css-wordpress-en-fixed.zip)
Click Install Now
After installation, click Activate Plugin

8.2 Plugin Settings (after activation)

Each plugin will appear under the Settings menu in the WordPress admin sidebar:

Esangtek Marquee CSS
Zen Audio Player
Esangtek Scroller Styled

Inside the settings page, you can configure the following options (depending on the plugin):

Setting Option	Description
Text Content	Enter announcements, quotes, or scriptures (multiline)
Scroll Speed	Lower number = slower scroll (e.g. `0.5` seconds)
Height (px)	Controls the marquee/scroller height (e.g. `30` or `400`)
Scroll Direction	Choose vertical (bottom to top) or horizontal (right to left)
Text / Background Color	Customize to match your site theme
Border Style	Choose solid, dashed, dotted, or double border
YouTube Audio URL	Paste your YouTube video URL for audio playback
Playlist Link	Link to your YouTube channel or playlist

8.3 Notes

No shortcode needed — plugin renders automatically on your site
Avoid enabling multiple marquee plugins at the same time (to prevent visual overlap)
All settings are visual and accessible in the admin panel — no coding required

For further customization or integration support, feel free to contact us:

Esangtek Technology Software Co., Ltd.

推薦閱讀：全後台模組化形象官網

簡易電子書下載：一頁式網頁設計電子書

如果您喜歡我們的文章，歡迎分享！也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡

全後台模組化形象官網，符合各式商業模式與需求，請參考：https://des13.com/service/rwd.html

Written by Ring
作者：益盛科技專案經理
通過Google Ads-Measurement Assessment
15年網站專案管理及人員管理實務經驗。
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗

程式設計開發