wordpress美化特效:网站欢迎语弹框
小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台，采用独创的竞价算法，智能精准出价，一键批量查排名，根据关键词位置实时调整出价，降低出价虚高，稳定排名，节省企业预算。
小鹿竞价软件专题介绍：https://www.xiaolutg.com/bidding/fengchao?ref=menu
图片：
1.添加功能代码
将以下代码添加到functions.php中即可：
- functionshow_addr(){
- $ip=$_SERVER[“REMOTE_ADDR”];//获取当前位置的ip
- $res0=file_get_contents(“http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=$ip”);//新浪的一个接口
- $res0=json_decode($res0,true);//json转换数组
- $host=$res0[‘province’].$res0[‘city’];//城市地区拼接
- echo“<divid=\”welcome\”>欢迎来自<spanclass=\”from-url\”>”.$host.“</span>的小主！<br><center>今日：<iframewidth=\”150\”scrolling=\”no\”height=\”18\”frameborder=\”0\”allowtransparency=\”true\”src=\”http://i.tianqi.com/index.php?c=code&id=1&icon=1&wind=0&num=1\”>
- </iframe></center><divclass=\”closebox\”><ahref=\”javascript:void(0)\”onclick=\”$(‘#welcome’).slideUp(‘slow’);$(‘.closebox’).css(‘display’,’none’);\”title=\”关闭\”>朕知道了，退下吧</a></div></div>”; //输出欢迎语及关闭
- }
2.添加样式
将以下代码添加到style.css中即可：
- #welcome{background:#ffffff;border:0pxsolid#ffffff;color:#000000;font-size:14px;opacity:0.7;filter:alpha(opacity=70);padding:10px20px;position:fixed;right:15px;bottom:20px;z-index:99999;border-top-left-radius:15px;border-bottom-right-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;}
- .from-url{color:#dd8d8d;}
- .closebox{float:center;text-align:center;font-size:16px;margin-top:10px;}
3.添加调用代码
将以下代码添加到header.php中的</head>上面即可：
- <?php
- if(!wp_is_mobile()){?>
- <?phpshow_addr();?>
- <?php}?>
注意：由于发现在移动端显示这个欢迎语弹框显得特别乱，而且影响美观，所以上面调用代码中，做了点改变，只能pc端显示。
假如非要移动端也显示这个弹框的话，可使用以下调用代码（放置位置和上面一样）：
- <?phpshow_addr();?>
好了，上面的弹框内容目前只是调用了一个天气的接口，也可以发挥自己的想象力，修改弹框的内容。
标签：
小鹿SEM营销
分享至：
相关资讯
关注公众号 获取更多干货资讯