工匠

響應式木工/木工模板

歡迎來到工匠模板文件。

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

本文檔涵蓋了此主題的安裝和使用，並經常揭示常見問題的答案 - 如果您遇到任何困難，請仔細閱讀本文檔。如果您有任何超出本文檔範圍的問題，請隨時在專門的 支援區提出。

模板特色

• 精美的首頁演示
• Google地圖
• 簡潔的設計
• 高級框架
• HTML5 & CSS3
• 完全響應式設計
• 木工/木工概念
• 可用的聯絡表單
• 所有文件都已註釋
• 跨瀏覽器兼容，支持IE9+、Firefox、Safari、Opera、Chrome
• 廣泛的文檔

繼續了解更多。

解壓縮下載包後，您會找到一個 模板文件夾 包含所有文件。

您可以在任何瀏覽器中查看此模板，無需互聯網連接即可顯示或編輯模板。

三個無法正常工作的部分是 Google地圖 包含外部鏈接以獲取地圖來源的部分。

該 聯絡表單 使用PHP，因此只能在線工作。

現在打開您的FTP客戶端（如Filezilla）或直接通過cpanel，將模板的內容上傳到您的服務器根目錄。

文件上傳完成後，請訪問 www.yourdomainname.com/index.html

請按照 教學 進行簡單的主題安裝。

HTML結構

此模板具有響應式佈局，並基於Bootstrap 3x

使用網格系統非常簡單，您需要一個主div，如下所示

您需要這樣做：

這些是加載到模板標頭部分中的CSS文件。

Google網頁字體

默認情況下，模板從Google網頁字體服務加載Open Sans、Droid、Ubuntu字體和Raleway字體，您可以更改為最適合您的字體。

這些是加載到模板正文結束部分的JS文件。

請遵循本教程的第一步，以便更好地了解如何使用主題，而不會遇到任何問題

導航

滑塊

 .fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

Google地圖

	/*==========  Footer Map  ==========*/
	var footer_map;
	function initialize_footer_map() {
		if ($('.footer-map').length) {
			var myLatLng = new google.maps.LatLng(-37.814199, 144.961560);
			var mapOptions = {
				zoom: 14,
				center: myLatLng,
				scrollwheel: false,
				panControl: false,
				zoomControl: false,
				scaleControl: false,
				mapTypeControl: false,
				streetViewControl: false
			};
			footer_map = new google.maps.Map(document.getElementById('footer-map'), mapOptions);
			var marker = new google.maps.Marker({
				position: myLatLng,
				map: footer_map,
				title: 'Envato',
				icon: './images/marker.png'
			});
		} else {
			return false;
		}
		return false;
	}
	google.maps.event.addDomListener(window, 'load', initialize_footer_map);

	/*==========  Full Width Map  ==========*/
	var full_width_map;
	function initialize_full_width_map() {
		if ($('.full-width-map').length) {
			var myLatLng = new google.maps.LatLng(-37.814199, 144.961560);
			var mapOptions = {
				zoom: 14,
				center: myLatLng,
				scrollwheel: false,
				panControl: false,
				zoomControl: false,
				scaleControl: false,
				mapTypeControl: false,
				streetViewControl: false
			};
			full_width_map = new google.maps.Map(document.getElementById('full-width-map'), mapOptions);
			var marker = new google.maps.Marker({
				position: myLatLng,
				map: full_width_map,
				title: 'Envato',
				icon: './images/contact-marker.png'
			});
		} else {
			return false;
		}
		return false;
	}
	google.maps.event.addDomListener(window, 'load', initialize_full_width_map);

這裡的代碼：(-37.814199, 144.961560); 是緯度和經度，請更改為您的坐標...

聯絡表單

打開主題文件夾 "scripts" 中的 "contact.php"。

1. 找到 "$to = '[email protected]'; // Replace with your email." 並替換為您希望接收郵件的電子郵件地址。

圖標

就是這樣。您已完成。現在您的網站已準備好上線。
這是一個非常簡短的index.html教程，但它也會幫助您處理其他演示，如果您在設置主題時遇到任何問題，我們將很樂意為您提供幫助。

再次感謝您購買此主題。
正如我一開始所說，如果您對此主題有任何疑問，我們將很樂意為您提供幫助。我會盡力協助。 如果您有疑問，可以詢問我們 這裡。

max-themes