为什么要用WordPress做单页网站，怎样做

为什么要用WordPress做单页网站，怎样做

对于想要使用简单的方法来实现无限可能的站长们来说，使用WordPress单页主题的方法来创建单页网站是非常方便的，因此使用WordPress创建一个单页网站真的是一个不错的选择。
首先你要做的就是去下载WordPress单页面主题，
然后网站放上你自己产品或者内容
接着就是优化你自己网站（站内，站外）
祝你成功。

<?php<br><br>//基于wordpress自带的2014主题<br>//贡献者：suifengtec  suoling.net<br>if (! function_exists('coolwp_scripts_masonry') ) :<br>if ( ! is_admin() ) :<br>function coolwp_scripts_masonry() {<br>    //deregister built in masonry since it is old version 3.<br>   wp_deregister_script('jquery-masonry');<br>   //请自行下载<br>    wp_enqueue_script('jquery-10.1.js', get_template_directory_uri().'/test/jquery.js', array( 'imagesloaded'), null, true );<br>       //请自行下载<br>    wp_enqueue_script('imagesloaded', get_template_directory_uri().'/test/imagesloaded.pkgd.min.js', false, null, true);<br>       //请自行下载<br>    wp_enqueue_script('jquery-masonry', get_template_directory_uri().'/test/masonry.pkgd.min.js', array( 'imagesloaded'), null, true );<br>       //后面我贴出来<br>    wp_enqueue_script('custom.js', get_template_directory_uri().'/test/custom.js', array( 'imagesloaded'), null, true );<br>}<br><br>//wp_enquqe_style('masonry', get_template_directory_uri().'/test/');<br><br>add_action( 'wp_enqueue_scripts', 'coolwp_scripts_masonry' );<br>endif; //! is_admin()<br>endif; //! coolwp_scripts_masonry exists?<br>get_header(); ?><br><br><div id="main-content" class="main-content"><br><br><?php<br> if ( is_front_page() && twentyfourteen_has_featured_posts() ) {<br>  // include the featured content template.<br>  get_template_part( 'featured-content' );<br> }<br>?><br> <div id="primary" class="content-area"><br>  <div id="content" class="site-content" role="main"><br><br>   <?php<br>    $args=array( 'post_type'=>'post' );<br>    $myloop=new wp_query( $args );<br>    // start the loop.<br>    while ( $myloop->have_posts() ) :  $myloop->the_post();<br><br>    // include the page content template.<br>?><br><br><div class="item"><br><?php<br> if ( has_post_thumbnail() ) : ?><br>    <div class="masonry-thumbnail"><br>        <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><br>        <?php the_post_thumbnail('thumbnail'); ?></a><br>    </div><!--.masonry-thumbnail--><br><?php endif; ?><br>    <div class="masonry-details"><br>        <h5><a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><span class="masonry-post-title"> <?php the_title(); ?></span></a></h5><br>       <!--  <div class="masonry-post-excerpt"><br>           <?php the_excerpt(); ?><br>       </div> --><!--.masonry-post-excerpt--><br>    </div><!--/.masonry-entry-details --><br></div><!--/.item --><br> <?php endwhile; ?><br>  </div><!-- #content --><br> </div><!-- #primary --><br> <?php //get_sidebar( 'content' ); ?><br></div><!-- #main-content --><br><br><?php<br>get_sidebar();<br>get_footer();<br><br>custom.js代码：<br>var container = document.queryselector('#content');<br>var msnry = new masonry( container, {<br>  columnwidth: 200,<br>  itemselector: '.item'<br>});<br><br><br><br>将你下载到的三个js文件和上面的custom.js放在你的wp的2014主题目录下的test文件夹（自己建），然后将上面的php代码复制到一个英文开头的php文件里，把这个php文件放在wp的2014主题目录下，<br>启用这个主题，发布页面，选用“瀑布流测试”页面模板，如果你的测试wp中有文章，并且文章有缩略图，就会是这个样子：<br><br><img src="https://pic.wenwen.soso.com/p/20180603/20180603161749-924894537_png_600_317_99727.jpg"/><br><br><br><br>只需要你改下查询语句和css，就可以套用到别的主题了。