主機服務

歡迎使用主機服務

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

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

範本功能

  • 簡潔乾淨的設計
  • 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 檔案，位於 Head 區段.

Google 網頁字型

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

請記得將字型更改為 style.css

JavaScript 檔案與結構

這些是載入到模板末尾的 JavaScript 檔案清單，位於 Body 區段.

聯絡表單

這是一個用於將訊息發送到您信箱的 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.'

					
';

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

訂閱表單

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

				

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

影片教學

來源與致謝