主機服務

歡迎使用主機服務

首先，非常感謝您購買此主題，您的支持我們由衷感激！

本文件涵蓋此主題的安裝與使用，並常解答常見問題與疑難排解——若您遇到任何困難，請仔細閱讀本文件。如有任何超出本文件範圍的問題，我們將竭誠為您服務！非常感謝！

模板特色

  • 簡潔清爽的設計
  • HTML5 與 CSS3
  • 完全響應式設計
  • PHP/Ajax 驅動的運作中聯絡表單
  • 所有檔案皆有詳盡註解
  • 跨瀏覽器相容：IE11+、Firefox、Safari、Opera、Chrome
  • 詳盡的文件說明

主機服務

安裝模板

  1. 解壓縮下載包後，您會找到一個包含所有檔案的模板資料夾。
  2. 您可以在任何瀏覽器中檢視此模板，無需網路連線即可顯示或編輯模板。（字型與 Google 地圖可能無法運作。）
  3. 唯一無法運作的部分是聯絡區塊，其中包含 PHP 程式碼，需要伺服器環境才能發送訊息。
  4. 現在請前往您的 cpanel 或開啟 FTP 用戶端（例如 Filezilla)，並將模板內容上傳至您的伺服器根目錄。
  5. 檔案上傳完成後，請前往 www.yourdomainname.com/index.html

模板結構

主內容區域內的所有資訊都巢狀在 body 標籤中。整體模板結構大致相同。以下是主頁面（index.html）的一般結構。

CSS 檔案與結構

這些是載入模板中的 CSS 檔案，位於 標頭區段.

Google 網頁字型

預設情況下，模板從 Google 網頁字型服務載入此字型，您可以更換為最適合您的字型。

請記得將字型更換至 style.css

JavaScript 檔案與結構

這些是載入模板結尾處的 JavaScript 檔案清單，位於 主體區段.

聯絡表單

這是一個用於將訊息發送到您信箱的 PHP 腳本，您應將 [email protected] 替換為您的信箱以開始接收訊息。

					$to = '[email protected]'; // replace this mail with yours
					$firstname = $_POST["fname"];
					$email= $_POST["email"];
					$headers = 'MIME-Version: 1.0' . "\r\n";
					$headers .= "From: " . $email . "\r\n"; // Sender's E-mail
					$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

					$message ='

						

							'.$firstname.'  '.$laststname.'
						

						
Email: '.$email.'

					
';

					if (@mail($to, $email, $message, $headers))
					{
						echo 'The message has been sent.';
					}else{
					echo 'failed';
				}

訂閱表單

請將此動作替換為您自己的 Mailchimp 貼文 URL。請勿移除 ""。只需將 URL 貼入 "" 內。

				

					//請將此動作替換為您自己的 Mailchimp 貼文 URL。請勿移除 ""。只需將 URL 貼入 "" 內。

影片教學

來源與致謝