城市里的游牧民族

Menu

WordPress 向来自其他域的访客致欢迎词并随着屏幕滚动

已经是零点五十一分了依然沉侵在WP中,为此特开WP专栏,记录我与WP的点点滴滴。
无意中访问到V5万戈网站http://wange.im里面有那么多好东西,恨不能全部拿走,今晚只是实现了一个小小的功能,已经很高兴了,继续加油:简单的生活,简单的梦想。
+++++++++++++++++++++++++++++++++++++++++
WordPress 向来自其他域的访客致欢迎词并随着屏幕滚动
+++++++++++++++++++++++++++++++++++++++++

第一部分:

1、把以下代码复制到 WordPress 主题的 functions.php 中:

function show_refer_in(){
$refer_info=$_SERVER['HTTP_REFERER'];
$ban_list=array($_SERVER["HTTP_HOST"]);
for($ii=0;$ii<count($ban_list);$ii++){
if(strpos($refer_info,$ban_list[$ii])){
return;
}
}
if($refer_info){
preg_match("/^(http:\/\/)?([^\/]+)/i",
$refer_info, $matches);
$host = $matches[2];
echo "<div id=\"hellobaby\">欢迎来自 ".$host." 的朋友!<br />推荐您 <b><a href=\"http://feed.wange.im\" target=\"_blank\">点击这里</a></b> 订阅我的博客 o(∩_∩)o<div class=\"closebox\"><a href=\"javascript:void(0)\" onclick=\"$('#hellobaby').slideUp('slow');$('.closebox').css('display','none');\" title=\"关闭\">×</a></div></div>";
}
}

2、在主题文件的任何部位调用以下函数,我建议是放在 footer.php 中:

<?php show_refer_in();?>

3、接下来样式部分仅供参考:

#hellobaby {
background:#000000;
border:1px solid #B3B3B3;
color:#FFFFFF;
font-size:14px;
opacity:0.7;
filter:alpha(opacity=70);
padding:10px;
position:absolute;
right:0;
top:250px;
}
做完第一部分,就实现了“WordPress 向来自其他域的访客致欢迎词”这个功能,但是这个欢迎词不会滚动,那就要做第二部分

1、HTML 部分

<div id="hellobaby">
    推荐您 <a href="http://feed.wange.im" target="_blank">点击这里</a> 订阅我的博客 o(∩_∩)o
    <div class="closebox">
        <a href="javascript:void(0)" onclick="$('#hellobaby').slideUp('slow');$('.closebox').css('display','none');" title="关闭">×</a>
    </div>
</div>

2、载入 jQuery

亲测,jQuery 1.2X 的版本就足够用了。

3、执行的脚本

jQuery(document).ready(function($){
    $(window).scroll(function() {
        var bodyTop = 0;
        if (typeof window.pageYOffset != 'undefined') {
            bodyTop = window.pageYOffset
        } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
            bodyTop = document.documentElement.scrollTop
        } else if (typeof document.body != 'undefined') {
            bodyTop = document.body.scrollTop
        }
        $("#hellobaby").css("top", 250 + bodyTop)
    });
});

4、CSS 部分

#hellobaby {
background:#000;
color:#fff;
border:1px solid #B3B3B3;
font-size:14px;
right:0;
position:absolute;
top:250px;
opacity:.7;
filter:alpha(opacity=70);
padding:10px;

#hellobaby a {
color:orange;
text-decoration:none;
}

.closebox {
position:absolute;
right:5px;
top:0;
}

原文转自:

http://wange.im/wordpress-say-hello-to-vistors.html

http://wange.im/scroll-with-jquery.html

 

==============================

根据我的心得呢?

要实现欢迎很简单,实现滚动也简单
1、准备好JQ库,我已经放在我空间里面了,大家可以下载下来放在您自己的空间,具体路径
http://malongyuan.com/wp-content/themes/a-supercms-for-free/js/jquery-1.2.pack.js(当然是从万戈里面考皮的嘿嘿)
2、然后在header.php里面加载JQ库

简单的说就是将如下代码加入header.php里面
<script type="text/javascript" src="http://malongyuan.com/wp-content/themes/a-supercms-for-free/js/jquery-1.2.pack.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
 $(window).scroll(function() {
  var bodyTop = 0;
  if (typeof window.pageYOffset != 'undefined') {
   bodyTop = window.pageYOffset
  } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
   bodyTop = document.documentElement.scrollTop
  } else if (typeof document.body != 'undefined') {
   bodyTop = document.body.scrollTop
  }
  $("#hellobaby").css("top", 250 + bodyTop)
 });
});
</script>

搞定之后就基本没有什么问题了呵呵

++++++++++++++++++++++++++++

如有不足之处欢迎大家指出,也欢迎大家分享!快乐就是如此简单!!!明天上班打瞌睡咯~~保佑不被领导看到~~

— 于 共写了3197个字
— 文内使用到的标签:
本作品采用知识共享署名-非商业性使用-禁止演绎 3.0 中国大陆许可协议进行许可。

3条回应:“WordPress 向来自其他域的访客致欢迎词并随着屏幕滚动”

  1. Simon说道:

    你杯具了。。feed链接还是万哥的。。。

Dispgraismisp进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注