zblog瀑布流主题 瀑布流网站-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

zblog瀑布流主题 瀑布流网站

200分求一个wordpress的音乐主题

主题名叫forget,去你WP后台主题库去搜一下就能下载,但是据网上介绍说,全部功能是要收费的,免费的有些功能是没有的。这里有演示,链接会被删,所以给你截图:

创新互联专注于企业全网整合营销推广、网站重做改版、盐都网站定制设计、自适应品牌网站建设、H5页面制作商城建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为盐都等各大城市提供网站开发制作服务。

500px这个网站是用wordpress搭建的么 如果是是用哪个主题

你好,经过初步判定,应该不是用的wordpress搭建的,但是wordpress有很多主题能达到这种瀑布流的效果。但是大多数都是商业主题。

国内比较好的主题网站有云典(yundic),主题公园(themepark)。里面都有很多可操作性很强的主题!

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

?php

/*

TEMPLATE NAME:瀑布流测试

*/

//基于Wordpress自带的2014主题

//贡献者:Suifengtec  suoling点虐

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-10.1.js', get_template_directory_uri().'/test/jquery.js', array( 'imagesLoaded'), null, true );

//请自行下载

wp_enqueue_script('imagesLoaded', get_template_directory_uri().'/test/imagesloaded.pkgd.min.js', false, null, true);

//请自行下载

wp_enqueue_script('jquery-masonry', get_template_directory_uri().'/test/masonry.pkgd.min.js', array( 'imagesLoaded'), null, true );

//后面我贴出来

wp_enqueue_script('custom.js', get_template_directory_uri().'/test/custom.js', 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"

h5a 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();

custom.js代码:

var container = document.querySelector('#content');

var msnry = new Masonry( container, {

columnWidth: 200,

itemSelector: '.item'

});

/*alert('aaaaa');*/

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

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

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

wordpress制作照片瀑布流的效果,如何实现?

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

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


当前标题:zblog瀑布流主题 瀑布流网站
文章来源:http://kswsj.cn/article/ddssipj.html

其他资讯