簡介

  • 项目名称：非凡·娱乐1 - 互动娱乐平台
  • 版本：v 1.0
  • 开发者：非凡娱乐

欢迎来到非凡·娱乐1的帮助中心！我们致力于提供最优质的在线娱乐体验，本中心将引导您全面掌握平台各项功能。

本帮助文档是您深入了解非凡·娱乐1平台操作细节的宝贵资源。通过阅读，您将能更高效地运用平台特性，享受流畅无阻的娱乐时光。

了解HTML基础

必备工具一览

为了让您更顺畅地使用非凡·娱乐1，以下是一些建议的辅助工具和资源。

  1. 代码编辑器（如：VS Code, Sublime Text 或 Notepad++）
  2. 网页浏览器用于测试（如：Google Chrome 或 Mozilla Firefox）
  3. FTP工具用于文件上传（如：FileZilla）
请谨慎编辑平台设置。不当的修改可能导致界面布局错乱，我们不对非官方的定制化修改提供支持。

開始使用 #回到頂部

如果您能夠在本機閱讀此文件，這表示您已成功下載並解壓縮了該套件。檔案結構如下：

    Paysilo/
    ├── Documentation/   
    ├── www/
    │   ├── css/
    │   │   ├──/
    │   ├── fonts/
    │   ├── images/  
    │   ├── js/  
    │   │   ├──/
    │   │         
    │   ├── php/

您需要自訂的是 HTML 資料夾。請從套件中複製 HTML 資料夾並貼到您的專案資料夾中。（這有助於您避免覆寫原始檔案，因此如果您弄錯了， 您可以在這裡找到原始檔案。）

頁面 #回到頂部

以下是此範本包含的 HTML 頁面清單

  1. 首頁 index.html

頁面設定 #回到頂部

一旦您確定了您偏好的佈局 首頁，請重新命名檔案名稱為 index.html 上傳到您的伺服器時，必須使用相同的名稱才能使其作為預設頁面。

表單設定 #回到頂部

聯絡表單 #回到頂部

若要設定聯絡表單，請依照以下步驟操作。

若要接收電子郵件，您必須先設定您的電子郵件地址。開啟 /php/contact.php 檔案於您的程式碼編輯器中。然後您可以變更電子郵件 ID 和主旨。請參閱下方範例

注意：聯絡表單僅在啟用 Mail() 功能的 PHP 即時伺服器環境中運作。它無法在本機或 Mail() 功能停用的伺服器上運作。因此， 請在開啟支援票證前聯絡伺服器管理員。 
/*
 * ------------------------------------
 * Contact Form Configuration
 * ------------------------------------
 */
 
define( "RECIPIENT_EMAIL", "[email protected]" ); // Your email ID here
提示：如果您在電子郵件收件匣中沒有看到訊息，a) 請檢查垃圾郵件/促銷郵件資料夾 b) 嘗試使用另一個電子郵件。

成功後重新導向（感謝頁面）

如果您希望使用者在成功完成表單後重新導向到另一個頁面，例如感謝頁面或成功頁面。使用此範本可以輕鬆完成。開啟 index.html 並僅需新增 data-redirect="/path/to/thanks.html" 到 <form> 元素即可完成。請參閱範例： 

<!-- // NOTE THE data-redirect attribute -->
 <form action="php/contact.php" method="POST" data-redirect="success.html">

或者，如果您不想重新導向使用者並希望他們停留在同一頁面，只需變更 data-redirect 屬性值為 none.

訂閱表單 #回到頂部

此步驟是設定頁腳的 Mailchimp 訂閱表單。首先，您需要從 Mailchimp 取得一些詳細資訊。

  1. Mailchimp API 金鑰
  2. Mailchimp 列表 ID

取得 API 和列表 ID 後，開啟 /php/subscribe.php 並新增您的 API 金鑰和列表 ID。您也可以根據需要設定更多選項。例如雙重驗證、寄送歡迎訊息和 MMERGE 標籤，如名字 和姓氏。請參閱下方範例。

/*
 * ------------------------------------
 * Mailchimp Email Configuration
 * ------------------------------------
 */

$apiKey       = 'YOUR_MAILCHIMP_API_KEYS_HERE'; /*Your Mailchiimp API Key*/
$listId       = 'LIST_ID_HERE'; /*Mailchimp List ID*/
$double_optin = true; /*Set False if you don't need to verify user enmail */
$send_welcome = true; /* Send Welcome email to new users */
$email        = $_POST['email'];
$fname        = ''; 
$lname        = '';

非凡·娱乐1专注定期精彩活动，惊喜不断，奖励丰厚，为用户提供专业可靠的体验。

围绕安全可靠的技术保障，畅享无忧娱乐，非凡·娱乐1持续打磨更优质的服务。 index.html 並僅需新增 data-redirect="/path/to/thanks.html" 到 <form> 非凡·娱乐1深耕非凡娱乐官网领域，用心服务每一位用户。 

<!-- // NOTE THE data-redirect attribute -->
 <form action="php/subscribe.php" method="POST" data-redirect="success.html">

在非凡娱乐APP方面，非凡·娱乐1提供贴心周到的支持。 data-redirect 屬性值為 none.

其他設定 #回到頂部

Google 地圖 #回到頂部

此範本包含一個樣式化的 Google 地圖。若要顯示您設定的地圖，您需要從 Google 地圖取得嵌入式地圖。

額外功能 #回到頂部

網站託管 #回到頂部

完成所有自訂後，下一步是將您的即將推出範本上傳到即時託管伺服器。為此，您需要從服務供應商購買託管方案和網域名稱。

從 ilmosys 託管購買託管

上傳至伺服器 #回到頂部

註冊網域名稱和託管後，您將從您的託管供應商取得 FTP 詳細資訊。使用這些登入詳細資訊連接到您的伺服器。您需要 FTP 軟體，例如 FileZilla. 連接到您的伺服器並開啟 /public_html 資料夾在您的伺服器中。然後將所有 HTML、CSS 和 JS 檔案從您的本機電腦複製到您伺服器上的根目錄 /public_html 資料夾。 請注意，HTML 檔案應位於伺服器的根目錄。如果您的本機專案位於 /your-folder/ 請勿直接上傳資料夾。而是開啟資料夾並選取所有 HTML 檔案以及 CSS、JS 資料夾並上傳。

網站優化技巧 #回到頂部

一個快速且優化的網站需要實現多個因素才能達到預期的結果。有幾種優化技術可以肯定地對您的網站效能產生正面影響，我們想與您分享其中一些：

  1. gZip 壓縮與瀏覽器快取

    這可能是您應該實施的最重要技術之一，以提高網站的載入速度。 gZip 壓縮 用於壓縮載入網站時傳送的檔案。它涵蓋 HTML、CSS、Javascript 和字型檔案以及其他雜項文字檔案。而 瀏覽器快取 則涵蓋圖片和影片，除了上述檔案之外。這用於將靜態資料儲存在您的瀏覽器本身，以便當您開啟同一個網站上的下一個頁面時，內容不會再次下載，從而快速載入網站。

    gZip 壓縮 & 瀏覽器快取 可以在 Apache 網頁伺服器上使用 .htaccess 檔案啟用。您可以使用這裡的程式碼： https://github.com/h5bp/html5-boilerplate/blob/master/dist/.htaccess 在您的伺服器上啟用這些模組。

  2. 圖片壓縮與優化

    我們傾向於在網站上使用大量圖片，但我們經常不努力壓縮與優化它們。請記住，圖片越大，下載所需的時間就越長，因此會減慢網站載入時間，影響使用者體驗。如果您的網站沒有在 3-5 秒內載入，您的客戶就會離開，這會對您的銷售產生不利影響。因此，在網站上使用圖片之前，調整大小、優化與壓縮圖片非常重要。以下是一些可能有助於優化圖片的技巧：

    1. 調整圖片大小： 在使用圖片之前調整圖片大小。不要只是下載圖片並將其原封不動地放在您的網站 <img> 標籤中，而不調整大小。圖片的大小/解析度很重要，因為不建議在 1200px x 800px 的內容大小中使用 300px x 200px 的圖片大小，因為這是沒有必要的。 將其調整為 300px x 200px
    2. 圖片格式： 網頁圖片有三種常用檔案類型：JPEG、GIF 和 PNG。對於背景平坦的圖片，請使用 JPEG 圖片；對於背景透明的圖片，請使用 PNG 圖片；對於有動畫的圖片，請使用 GIF 圖片。
    3. 壓縮圖片： 圖片壓縮很重要，因為它可以在不損失品質的情況下顯著減小尺寸。有幾種免費的圖片優化工具可供下載。
      適用於 MAC 使用 ImageOptim
      適用於 Windows 使用 Riot 用於壓縮 JPEG 圖片與 PNG Gauntlet 用於 PNG 圖片。

  3. CSS 與 jQuery 最小化

    也建議您 合併與最小化 所有 CSS 檔案合併為一個 CSS 檔案，並將所有 Javascript 檔案合併為一個 JS 檔案，因為 最小化 可以減小檔案大小，而 合併 檔案有助於減少向伺服器發出的 HTTP 請求數量。這也是提高網站速度的重要因素。有許多線上工具可用於最小化 CSS 和 JS 檔案。我們的建議是：
    CSS 使用 CSS 最小化工具 和 Javascript 使用 Javascript 最小化工具.

  4. 內容傳遞網路

    您可以使用 CDN 來進一步加速您的網站。您可以使用 CDN 來傳送網站的靜態檔案，例如 CSS、JS、圖片和字型檔案。網際網路上有許多 CDN 託管供應商，但我們推薦 MaxCDN 或 CloudFlare. 注意： CDN 設定需要額外的月費才能設定，因此完全是可選的，並且取決於您的需求。Cloudflare 也有免費方案，您可以免費試用。

  5. 快速網頁託管伺服器

    這很大程度上取決於您的網頁託管伺服器，因此建議您選擇提供可靠且快速託管服務的託管公司/伺服器。您也可以選擇我們的共享託管方案。請參閱上方。

檢查 Google 頁面速度 檢查 Gtmetrix 等級

鳴謝 #回到頂部

我們非常感謝以下框架、外掛程式和圖片的製作者。我們使用它們來使此登陸頁面更具功能性。由於版權限制，現場演示中看到的演示圖片不包含在下載套件中。

框架

  1. Bootstrap

外掛程式

  1. Isotope
  2. Magnific Popup
  3. Owl Carousel
  4. Parallax JS
  5. Wow JS
  6. Animate.css
  7. jQuery Validate
  8. Font Awesome

函式庫

  1. jQuery

圖片 / 影片

  1. Unsplash
  2. Coverr

其他

  1. PHPMailer

更新日誌 #回到頂部

如何升級 #回到頂部

如果您購買了早期版本並想將您的網站升級到此範本的新版本，您可以遵循這些步驟。在每次更新中，我們都會保留一個更新日誌或版本歷史記錄，其中我們會記錄所有變更。我們將列出所做的變更、新增的功能和修改的頁面。因此，您可以輕鬆替換現有的。如果您修改了一個具有最新更新的檔案，例如 CSS，請在程式碼編輯器中開啟兩個頁面，並使用比較軟體或線上工具（例如 立即比較 ）來比較兩個檔案中的變更。然後，您可以手動複製貼上變更的行，而不會影響您的檔案。注意：我們建議您盡可能為新增或變更保留單獨的檔案。

版本 1.0 (2019 年 3 月 13 日) #回到頂部

Initial Version

評價 #回到頂部

如果您喜歡此範本，請考慮在 Themeforest 的下載頁面上對其進行評分： http://themeforest.net/downloads 這對我意義重大 :)

Rate it #back to top - 非凡·娱乐1

支援 #回到頂部

請記住，您購買的是一個非常實惠的範本，而不是全職網頁設計機構的服務。偶爾我們會協助進行小型調整，但由於其性質，這些請求的優先級會較低。請保持耐心、禮貌和尊重。我們將盡快回答您的問題。

我的項目支援包括：
  1. 回應有關項目及其功能的疑問或問題
  2. 修復錯誤和已報告的問題
  3. 提供更新以確保與新軟體版本的相容性
項目支援不包括：
  1. 自訂和安裝服務
  2. 第三方軟體和外掛程式的支援
在提出支援請求之前，請先執行以下操作：
  1. 確保您的問題是一個有效問題，而不是自訂請求。
  2. 在就如何完成某項任務尋求支援之前，請確保您已閱讀文件和任何相關指南。
  3. 嘗試使用「Google 搜尋」來查找常見問題。大多數情況下，這會比支援更快。

聯絡支援

謝謝！ #回到頂部

再次感謝您購買此範本並成為忠實客戶。