感謝您購買「Tentered」。如果您有任何超出本說明文件範圍的問題,請隨時到我們的支援論壇開立工單。非常感謝!
Tentered 是一個漂亮且簡單的 HTML 主題,專為個人頁面設計,任何人都可以將其用作個人網站。它是一個完全響應式的主題,基於 Twitter Bootstrap 3.0 框架,使其適用於從較大螢幕到智慧型手機的所有螢幕尺寸。它不僅響應式,而且還支援 Retina 顯示,現在在您的 HiDPI 和 Retina 裝置上不會有模糊的圖片。
Tentered 非常容易更新和修改,它將在短時間內適應您的應用程式和品牌。修改和更新的步驟在此獨家文件中逐步說明。
整個主題分為幾個資料夾,其內容由資料夾名稱輕鬆定義。
Tentered 基於 Twitter Bootstrap CSS 框架,該框架非常易於使用和適應。它遵循行動優先的方法,使網站易於適用於所有裝置和螢幕尺寸。Bootstrap 網格基於 12 列,這些列在 css 資料夾內的 bootstrap.css 檔案中定義良好。您可以從此 URL 詳細了解網格系統 http://getbootstrap.com/css/#grid
Tentered 使用 Font Awesome 圖標字體來滿足其圖標需求,並且沒有使用任何圖片作為圖標。您可以在此處找到圖標及其類別名稱的完整列表: http://fontawesome.io/cheatsheet/
要在主題的任何頁面上使用圖標,請使用以下程式碼:
所有圖標的類別名稱都將以 fa- 開頭。字體中的 css 資料夾內的 fonts.css 中預定義了幾種圖標尺寸。例如:fa-lg、fa-2x、fa-3x
Tentered 隨附 10 種預定義的配色方案,方便使用。所有預製主題都可以在主題目錄的 colors 資料夾中找到。只需複製任何預製的 CSS 顏色檔案並將其保留在 colors 資料夾中,然後隨意命名,然後替換檔案中的顏色十六進位碼即可輕鬆定義新的配色方案。之後,您需要在每個頁面的標頭中替換 CSS 的名稱,如下所示:
此行可以在每個 .html 頁面的頂部標頭部分找到
Tentered 不包含您在演示和下載檔案中看到的圖片,除了徽標和其他一些圖形之外,所有圖片都已替換為可從以下位置獲得的自訂尺寸佔位符 http://placehold.it/
您可以通過將佔位符連結文字中的圖片替換為相同尺寸的圖片來輕鬆替換這些佔位符 "http://placehold.it/50x50&text=IMAGE+PLACEHOLDER" 在 images 資料夾中。此範例顯示此圖片的寬度和高度必須為 50px。
創建新的輪播非常容易。只需將 "owl-carousel" 類別添加到任何 div、ul 或任何標記即可開始,並定義設定的資料屬性。例如,請參閱以下內容:
您可以使用以下方法將 Twitter 小工具放置在任何頁面的任何位置:
data-tweets-count 屬性將定義您希望在小工具中顯示多少條推文,預設為 1
要啟用 Twitter 小工具,您需要從您的 Twitter 帳戶獲取一些資訊,並將其放入主題 > api 資料夾中的 config.php 檔案中,如那裡所述。
以下是獲取所需詳細資訊的步驟
Tentered 內建了已實現的 Flickr 外掛程式,您可以使用它在任何頁面的任何位置顯示您最新的 Flickr 相片。使用方法請參閱以下程式碼:
data-flickr-userid 將是您的 Flickr 用戶 ID,您可以在此處找到 http://idgettr.com/
data-images-count 將定義您希望在小工具中顯示多少張圖片,預設為顯示 4 張
請參閱以下程式碼以設置日期計數器
天
小時
分鐘
秒
您只需將活動的結束日期放在 data-date 屬性中,即可準備就緒
此主題中有幾個聯絡表單,它們都共用一個通用檔案,即主題 mail 資料夾中的 contact.php。只需在此 .php 檔案中找到 $address = "Your Email Here"; 並將您要接收提交表單的電子郵件地址放在引號內
Tentered 主題包含主頁設計的 PSD 檔案。未來可能會提供更多