我想實現我的網站上這個畫廊:http://tympanus.net/Tutorials/SweetThumbnails/甜縮略圖預覽畫廊
我使用該網站提供的CSS和JavaScript,但我想不出什麼,我需要做的將其添加到我的WordPress主題。
這是我有:http://jsfiddle.net/3n4tm/
我想實現我的網站上這個畫廊:http://tympanus.net/Tutorials/SweetThumbnails/甜縮略圖預覽畫廊
我使用該網站提供的CSS和JavaScript,但我想不出什麼,我需要做的將其添加到我的WordPress主題。
這是我有:http://jsfiddle.net/3n4tm/
的HTML結構,他們提供需要進入你的主題模板的地方。完全取決於你需要展示的地方。如果你想要主頁,你可以根據你的主題將它添加到index.php或home.php中。如果你想讓它顯示在一個WordPress頁面,you may want to create a special page template,其中包括你的代碼以及WordPress的循環,你的標題等。
CSS將進入你的主題的樣式表(style.css)或進入一個自定義樣式表中,一些主題使custom_style.css或custom.css文件可用於您自己的自定義樣式。
Javascript可以放在一個.js文件中(創建自己的文件,名稱類似於sweetthumbs.js或其他任何文件,並將所有代碼轉儲到該文件中),然後在相應的頁面中調用您的WordPress主題區。 (通常這是在header.php中,然後header.php包含在主題中的其他.php模板中)。你會像這樣加載<script type="text/javascript" src="/path/to/your/file/sweetthumbs.js"></script>
。 .js文件需要上傳到您的服務器,最好放到您正在使用的主題的主題文件夾中(可在您的站點根目錄/在其中安裝WordPress,然後/wp-content/themes/yourthemename
)