wordpress浮动图 wordpress导航栏悬浮-成都创新互联网站建设

关于创新互联

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

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

wordpress浮动图 wordpress导航栏悬浮

wordpress企业站仿站产品图片滚动效果怎么实现

wordpress企业站仿站产品图片滚动效果是通过设置动画实现的,设置想要的动画之后就可以图片滚动了

创新互联是一家专注于网站设计制作、做网站与策划设计,兴国网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:兴国等地区。兴国做网站价格咨询:13518219792

wordpress怎么添加浮动工具

很多主题设计者都喜欢添加固定的侧边功能模块替换Wordpress默认小工具(widget)功能,但上下排列位置是固定的,重新排序需要修改模版文件,对新手来说有一定难度,如果能像Wordpress默认小工具一样,可通过拖拽移动位置是不是会很方便,这篇文章就教大家实现这一功能。

其实强大的Wordpress早已为我们提供了这方面的接口(API),很多国外主题已集成该功能,只是国内主题中很少见到,实现这一功能要用到:

wp_register_sidebar_widget()

通过上面函数可以向Wordpress小工具(widget)页面注册添加自定义小工具项目。

一、首先将主题固定的模块函数提取出来,放到单独的模版文件中。

比如将下面这两段“热门文章及分类目录”代码,分别粘贴到新建的两个:hot.php和categories.php文件模版中,

热门文章代码:

?php $popular = new WP_Query('orderby=comment_countposts_per_page=10'); ?

?php while ($popular-have_posts()) : $popular-the_post(); ?

lia href="?php the_permalink(); ?"?php the_title(); ?/a/li

?php endwhile; ?

文章分类代码:

ul?php wp_list_cats("sort_column=namehierarchical=0exclude="); ?/ul

二、打开主题的functions.php,添加:

if( function_exists( 'register_sidebar_widget' ) ) {

register_sidebar_widget('热门文章','mb_hot');

register_sidebar_widget('文章分类','mb_categories');

}

及:

function mb_mb_hot() { include(TEMPLATEPATH . '/mb_hot.php'); }

function mb_categories() { include(TEMPLATEPATH . '/categories.php'); }

之后,打开Wordpress小工具页面,会多出两个小工具“热门文章和文章分类”,与默认小工具一样可任意拖拽到侧边widget中,加上相应的样式基本就大功造成了。

另外还可以替换和隐藏默认的小工具,可以下面参考官网Codex

即将升级的HotNews Pro 主题已将大部分侧边固定功能模块,移到Wordpress小工具(widget)面板中,方便用户灵活安排侧边模块位置。

Wordpress浮动广告窗体怎么实现

工具/原料

Wordpress网站一个

方法/步骤

1

首先,要有一个自己的Wordpress网站,由于搭建网站有专门的文章,这里不再赘述!

2

搭建好网站之后,进入下一步,我们来弄一个可以浮动的广告窗体,窗体你可以用来展示广告和通知等,最终效果如图所示:

3

Wordpress有很多插件可以实现浮动窗体的功能,但是要实现这个功能,其实需要scroll-triggered-box这个插件!

4

通过百度一下我们就找到了这个插件,下载后安装到Wordpress网站后台插件就可以创建一个浮动广告窗体了!如图为插件后台:

5

插件暂时没有找到中文版的,但是使用是非常简单的。新建设置好里面的广告或者通知,点击提交,我们要的Wordpress浮动广告窗体就飘出来啦!

6

如果不想用了怎么办呢?很简单,去网站后台-插件,删除scroll-triggered-box这个插件就可以啦!

注意事项

为保证效果请下载对插件,一定要去Wordpress官方网址下载哦!


网页标题:wordpress浮动图 wordpress导航栏悬浮
网页网址:http://kswsj.cn/article/ddsdhee.html

其他资讯