/*
模板？名稱:瀑布流量測試
*/
//基於Wordpress自帶的2014主題。
//投稿人:Suifengtecsuoling.net
如果？(!？function _ exists(' cool WP _ scripts _ masonry ')？)?：
如果？(?！？is_admin()？)?：
功能？coolwp_scripts_masonry()？{
//註銷？建成了？在？磚石？自從？它？是嗎？老了？版本？3.
WP _ de register _ script(' jquery-masonry ')；
//請自行下載。
WP _ enqueue _ script(' jquery-10.1 . js '，？get_template_directory_uri()。/test/jquery.js '，？數組(？imagesLoaded ')，？null，？真的嗎？);
//請自行下載。
WP _ enqueue _ script(' images loaded '，？get_template_directory_uri()。/test/imagesloaded.pkgd.min.js '，？假的，？null，？真)；
//請自行下載。
WP _ enqueue _ script(' jquery-masonry '，？get_template_directory_uri()。/test/masonry.pkgd.min.js '，？數組(？imagesLoaded ')，？null，？真的嗎？);
//我以後再貼
wp_enqueue_script('custom.js '，？get_template_directory_uri()。/test/custom.js '，？數組(？imagesLoaded ')，？null，？真的嗎？);
}
//wp_enquqe_style('磚石'，？get_template_directory_uri()。/test/')；
添加_操作(？wp_enqueue_scripts '，？coolwp_scripts_masonry '？);
endif？//!？is_admin()
endif？//!？coolwp _ scripts _磚石？存在嗎？
get _ header()；& gt
& ltdiv？id= "主要內容"？class="main-content " >
& lt？服務器端編程語言（Professional Hypertext Preprocessor的縮寫）
如果？(?is_front_page()？& amp& amp？twenty fourth _ has _ featured _ posts()？)?{
//?包括？那個？特色？內容？模板。
獲取_模板_零件(？特色內容？);
}
& gt
& ltdiv？id= "主要"？class="content-area " >
& ltdiv？id= "內容"？class= "網站內容"？role="main " >
& lt？服務器端編程語言（Professional Hypertext Preprocessor的縮寫）
$args=array(？post _ type ' = & gt郵政？);
$myloop=new？WP_Query(？$args？);
//?開始？那個？循環。
什麽時候？(?$ my loop-& gt；have_posts()？)?:$ my loop-& gt；_ post()；
//?包括？那個？佩奇？內容？模板。
& gt
& ltdiv？class="item " >
& lt？服務器端編程語言（Professional Hypertext Preprocessor的縮寫）
如果？(?has_post_thumbnail()？)?:& gt
& ltdiv？class= "磚石工程-縮略圖" >
& lt答？href = " & lt？php？_permalink()>？title = " & lt？php？_ title()；>& gt
& lt？php？_post_thumbnail('縮略圖')；& gt& lt/a & gt；
& lt/div & gt；& lt！- .磚石工程-縮略圖->；
& lt？php？endif& gt
& ltdiv？class= "磚石工程-詳細信息" >
& lth5 & gt& lt答？href = " & lt？php？_permalink('？'))& gt"?title = " & lt？php？_ title()；& gt" & gt& lt跨度？class="masonry-post-title " >？& lt？php？_ title()；& gt& lt/span>。& lt/a & gt；& lt/H5 & gt；
& lt！-& lt；div？class = " masonry-post-extract " >
& lt？php？_ extract()；& gt
& lt/div & gt；？-& gt；& lt！- .磚石-後-摘錄->；
& lt/div & gt；& lt！- /.磚石-入口-細節？-& gt；
& lt/div & gt；& lt！- /.物品？-& gt；
& lt？php？endwhile& gt
& lt/div & gt；& lt！- ?#內容？-& gt；
& lt/div & gt；& lt！- ?#初級？-& gt；
& lt？php？//get_sidebar(？內容？);& gt
& lt/div & gt；& lt！- ?#主要內容？-& gt；
& lt？服務器端編程語言（Professional Hypertext Preprocessor的縮寫）
get _ sidebar()；
get _ footer()；Custom.js代碼:
var？集裝箱？=?document . query selector(“# content”)；
var？msnry？=?新的？磚石(？容器，？{
列寬:？200,
itemSelector:？。'項目'
});
/* alert(' aaaaa ')；*/把妳下載的三個js文件和上面的custom.js放在妳WP的2014主題目錄下的test文件夾(自己建的)裏，然後把上面的PHP代碼復制到壹個以英文開頭的PHP文件裏，把這個PHP文件放在WP的2014主題目錄下。
啟用此主題，發布頁面，並選擇“瀑布測試”頁面模板。如果在妳的測試WP中有文章，並且這些文章有縮略圖，它將看起來像這樣:
只需要修改查詢語句和css，就可以應用到其他主題。