如何在wordpress网站添加瀑布流单页模板

<php

/

TEMPLATE NAME:瀑布流测试

 /

//基于Wordpress自带的2014主题

//贡献者：Suifengtec  suolingnet

if (! function_exists('coolwp_scripts_masonry') ) :

if ( ! is_admin() ) :

function coolwp_scripts_masonry() {

    //deregister built in masonry since it is old version 3

   wp_deregister_script('jquery-masonry');

   //请自行下载

    wp_enqueue_script('jquery-101js', get_template_directory_uri()'/test/jqueryjs', array( 'imagesLoaded'), null, true );

       //请自行下载

    wp_enqueue_script('imagesLoaded', get_template_directory_uri()'/test/imagesloadedpkgdminjs', false, null, true);

       //请自行下载

    wp_enqueue_script('jquery-masonry', get_template_directory_uri()'/test/masonrypkgdminjs', array( 'imagesLoaded'), null, true );

       //后面我贴出来

    wp_enqueue_script('customjs', get_template_directory_uri()'/test/customjs', array( 'imagesLoaded'), null, true );

}

//wp_enquqe_style('masonry', get_template_directory_uri()'/test/');

add_action( 'wp_enqueue_scripts', 'coolwp_scripts_masonry' );

endif; //! is_admin()

endif; //! coolwp_scripts_masonry exists

get_header(); >

<div id="main-content" class="main-content">

<php

if ( is_front_page() && twentyfourteen_has_featured_posts() ) {

// Include the featured content template

get_template_part( 'featured-content' );

}

>

<div id="primary" class="content-area">

<div id="content" class="site-content" role="main">

<php

$args=array( 'post_type'=>'post' );

$myloop=new WP_Query( $args );

// Start the Loop

while ( $myloop->have_posts() ) :  $myloop->the_post();

// Include the page content template

>

<div class="item">

<php

 if ( has_post_thumbnail() ) : >

    <div class="masonry-thumbnail">

        <a href="<php the_permalink() >" title="<php the_title(); >">

        <php the_post_thumbnail('thumbnail'); ></a>

    </div><!--masonry-thumbnail-->

<php endif; >

    <div class="masonry-details">

        <h5><a href="<php the_permalink(' ') >" title="<php the_title(); >"><span class="masonry-post-title"> <php the_title(); ></span></a></h5>

       <!--  <div class="masonry-post-excerpt">

           <php the_excerpt(); >

       </div> --><!--masonry-post-excerpt-->

    </div><!--/masonry-entry-details -->

</div><!--/item -->

<php endwhile; >

</div><!-- #content -->

</div><!-- #primary -->

<php //get_sidebar( 'content' ); >

</div><!-- #main-content -->

<php

get_sidebar();

get_footer();

customjs代码：

var container = documentquerySelector('#content');

var msnry = new Masonry( container, {

  columnWidth: 200,

  itemSelector: 'item'

});

/alert('aaaaa');/

将你下载到的三个js文件和上面的customjs放在你的WP的2014主题目录下的test文件夹（自己建），然后将上面的PHP代码复制到一个英文开头的PHP文件里，把这个PHP文件放在WP的2014主题目录下，

启用这个主题，发布页面，选用“瀑布流测试”页面模板，如果你的测试WP中有文章，并且文章有缩略图，就会是这个样子：

只需要你改下查询语句和css，就可以套用到别的主题了。

可以通过两种方法来查看的；

1，可以通过查看网页源代码来查看底部版权信息；

2，可以通过查看网页快照来查看底部版权；

快照一般是一个页面，然在快照页面瀑布流是不会无限加载的，也就能看到底部了。

wordpress是开源的一款博客系统，你可以网上下载wordpress瀑布流主题，然后选择在线安装。便利完全可以达到你自己想要的效果，可以对模版进行编辑修改，很方便。

不过要做一个自己的模板，则需要你有一定的专业知识。比如你至少要懂的标准通用标记语言下的一个应用HTML代码、CSS、PHP等相关知识。

可以将插入的大小设置为和页面纸张在大小一致即可。

例如页面为A4，其页面宽为21厘米，高为297厘米。

1、单击插入----按钮；

2、d出插入对话框，选择所需要；

3、选中插入的；

4、单击工具格式右下角如图所示的按钮；

5、d出大小对话框，去掉锁定纵横比和相对于原始尺寸复选框中的对勾，将高度设置为297厘米，宽度设置为21厘米即可，如图所示。

以上就是关于如何在wordpress网站添加瀑布流单页模板全部的内容，包括:如何在wordpress网站添加瀑布流单页模板、浏览网页怎么快速看瀑布流网站的底部版权信息、wordpress制作照片瀑布流的效果，如何实现等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！