标签： wordpress美化

wordpress博客代码方式添加“返回顶部” 最简单的方法

这个没什么好说的了，一般情况下主题都是有的，但是对于一些自己想做主题或者自己想换一个返回顶部的人来说还是有点用的。

首先是添加位置在footer.php里面添加：（添加在</body> </html>它们前面）

<div id="full" >
<a><img src="http://zklhy.com/wp-content/themes/Beginning/top.png" border=0 alt="返回顶部"/></a> 
//上面是图片地址这个可以引用我的
</div> 
<script src="http://zklhy.com/wp-content/themes/Beginning/js/gototop.js" type="text/javascript">
//这里是你放的js地址（这个必须要你自己的）
</script>

接下来就是添加css了，在style.cs文件里面添加：

#full{width:60px;
height:65px;
position:fixed; 
left:60%; 
bottom:20px;
margin-left:400px; 
z-index:100; 
text-align:center; 
cursor:pointer;
}

现在就剩下js和图片了，新建一个js文件放在你的主题的js文件里面命名：gototop.js 里面添加：

var isie6 = window.XMLHttpRequest ? false : true; function newtoponload() { var c = document.getElementById("full"); function b() { var a = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (a > 0) { if (isie6) { c.style.display = "none"; clearTimeout(window.show); window.show = setTimeout(function () { var d = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (d > 0) { c.style.display = "block"; c.style.top = (400 + d) + "px" } }, 300) } else { c.style.display = "block" } } else { c.style.display = "none" } } if (isie6) { c.style.position = "absolute" } window.onscroll = b; b() } if (window.attachEvent) { window.attachEvent("onload", newtoponload) } else { window.addEventListener("load", newtoponload, false) } document.getElementById("full").onclick = function () { window.scrollTo(0, 0) };

记住地址一定要和写在footer.php里面的一样

好了还有图片 记住一定要放到和写在footer.php里面一样的地址

直接下载吧！

 

用代码代替wordpress插件实现wordpress图片暗箱功能！

本人用的是万网的免费虚拟机，所以感觉还是不要用太多插件了，就想着都用代码代替。

这样会快一些吧！听说！

这短代码还是很简单的，我这里会详细的说下让你们更清楚。

这是测试：
156498（还不错吧！）

首先是下载文件！ 提取码：cf7h

文件名是fancybox 然后解压开，里面还有一个fancybox文件夹，然后把这个fancybox文件夹放到网站的主题文件下。

然后在header.php文件里面的</head>前面添加：

<!-- 加载 Fancybox CSS文件 -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.css" />
<!-- 加载 jQuery JS文件（如果模版文件已经加载jQuery，无需加入此段代码） -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery-1.9.0.min.js"></script>
<!-- 加载 Fancybox JS文件 -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>

再在functions.php文件里面添加：

add_filter('the_content', 'fancybox');
function fancybox ($content)
{ global $post;
$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="box" class="fancybox"$6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

这个添加在最后面就好了！

就这样就可以了！ 快去看看效果吧!

 

wordpress登录后台美化 纯代码修改

这个代码还是很简单的，很好理解，下面是本站的登录页面。

20151102125921

代码放在functions.php文件夹就好

//自定义登录页面背景
function custom_login_head(){
$str=file_get_contents('http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1');
if(preg_match("/<url>(.+?)<\/url>/ies",$str,$matches)){
$imgurl='http://cn.bing.com'.$matches[1];
echo'<style type="text/css">body{background: url('.get_bloginfo('url').'/logo1.png);background-attachment:fixed;width:100%;height:100%;background-image:url('.get_bloginfo('url').'/logo1.png);background-attachment:fixed;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;-moz-border-image: url('.get_bloginfo('url').'/logo1.png) 0;background-attachment:fixed;background-repeat:no-repeat\9;background-image:none\9;}h1 a { background-image:url('.get_bloginfo('url').'/logo.jpg)!important;width:32px;height:32px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}#loginform {background-color:rgba(251,251,251,0.3)!important;}.login label,a{color:#000!important;}</style>';
}}
add_action('login_head', 'custom_login_head');
add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));
add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));

/logo1.png这个是背景图 里面有三个需要修改，直接把图片放在网站更目录就好了，名字也可以自己更改。大小宽1366 高768

/logo.jpg这个是登录框上面的logo 修改方法和上面一样。大小 宽高都是32

就这样了。