WordPress添加“圣诞快乐”弹出图

Jonty

2013-12-27 / 0 评论 / 92 阅读 / 正在检测是否收录...

12/27

在footer.php里面找个合适的位置粘贴进去。

<?php if(!isset($_COOKIE['MerryChristmas'])){ ?>
<div id="MC_bg" style="width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);position: fixed;z-index: 999999;">
<div style="width: 55%;height: 65%;margin: 6% auto;background-color: #fff;border-radius: 10px;">
<img src="<?php echo get_stylesheet_directory_uri(). '/images/MerryChristmas-1225.jpg'; ?>" alt="Merry Christmas" title="圣诞快乐！点击图片以外任意位置即可关闭" style="width: 100%;height: 100%;border-radius:10px;">
</div>
<script>
jQuery(document).ready(function($) {
$("#MC_bg").click(function(e){
if(e.target.id!="MC_bg"){
return false;
}
$("#MC_bg").fadeOut();
$.cookie('MerryChristmas', 'thank you', {path:"/"});
});
});
</script>
</div>
<?php } ?>

然后将下面这张图片上传到主题images文件夹里：