温馨提醒

亲爱的游客,你的浏览器太旧啦.都啥年代了.为了你的安全,为了你的体验,为更好的浏览本页, 赶紧更新一把吧.....本博客不支持ie8以下浏览器,如果你使用的是ie浏览器,请您更新到ie8或以上版本.

推荐使用谷歌浏览器(chrome)或火狐浏览器(Firefox),点击下方按键进行安装

码农部落

  ——好记性,不如烂博客!

wordpress制作主题常用函数

<?php bloginfo(‘stylesheet_url’); ?>  代表当前主题下的style.css的路径

<?php bloginfo(‘template_url’); ?>  当前模板路径。

<?php bloginfo( ‘name’ ); ?>  博客名字

<?php bloginfo(‘url’); ?>  博客地址

<?php bloginfo(‘description’)?> 博客的描述


nginx 设置wordpress的固定链接

默认安装的nginx是不支持wordpress的固定链接的。下面是解决办法。

打开wordpress 博客对应的nginx配置文件。找到location字段添加下面的内容,即可。

if (-f $request_filename/index.html){
                        rewrite (.*) $1/index.html break;
                        }
                 if (-f $request_filename/index.php){
                        rewrite (.*) $1/index.php;
                        }
                if (!-f $request_filename){
                        rewrite (.*) /index.php;
                        }

如下图所示:
nginx_wordpress


wordpress 添加返回顶部

页面比较长的时候,添加一个回返顶部的功能,是个不错的做法.下面直接上代码:

css代码:

/*返回顶部*/
.backToTop {
 display: none;
 width: 18px;
 line-height: 1.2;
 padding: 5px 0;
 background-color: #000;
 color: #fff;
 font-size: 12px;
 text-align: center;
 position: fixed;
 _position: absolute;
 right: 10px;
 bottom: 100px;
 _bottom: "auto";
 cursor: pointer;
 opacity: .6;
 filter: Alpha(opacity=60);
}

js代码:

$(document).ready(function(){
 var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body"))
 .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
 $("html, body").animate({ scrollTop: 0 }, 120);
 }), $backToTopFun = function() {
 var st = $(document).scrollTop(), winh = $(window).height();
 (st > 0)? $backToTopEle.show(): $backToTopEle.hide(); 
 //IE6下的定位
 if (!window.XMLHttpRequest) {
 $backToTopEle.css("top", st + winh - 166); 
 }
 };
 $(window).bind("scroll", $backToTopFun);
 $(function() { $backToTopFun(); });
});

把以上css和js代码,添加到主题对应的文件就行了.


WordPress 技巧:设置不同的访问设备加载不同的主题

有些时候我们需要在特定情况下(如移动设备访问时)加载不同于站点现在选择的 WordPress 主题,可以使用以下代码:

//根据访问设备切换 WordPress 主题
function wpjam_switch_theme($theme){
	global $is_IE;
	if($is_IE){
		preg_match('/MSIE\s(\d)\.0;/', $_SERVER['HTTP_USER_AGENT'], $matches);
		$IEversion = $matches[1];
		if($IEversion=6){
			$theme='twentyten';
		}
		if($IEversion=7){
			$theme='twentyeleven';
		}
		if($IEversion=8){
			$theme='twentytwelve';
		}
	}
	if(wp_is_mobile()) {
		$theme='twentytwelve';
	}
	return $theme;
}
add_filter( 'template', 'wpjam_switch_theme' );
add_filter( 'stylesheet', 'wpjam_switch_theme' );

你可以根据上面的代码自行修改,在何种设备访问时加载什么主题。注意主题名字一定是主题文件夹名字,而不是后台管理界面你看到的主题名字。而且这次代码也不能直接扔进 functions.php 文件中而是要做成一个插件上传启用。
不过还要注意一点,在这里我用了wp_is_mobile()这个wordpress自带函数来检测移动设备,不过这个很不准确,有很大可能不能正确判断移动设备。推荐使用Mobile_Detect:移动设备(手机)检测的 PHP 类库 来精确检测移动设备。不仅仅用这个类检测移动设备,而且检测桌面浏览器版本,种类也是很方便很准确的。而且你可也在发挥下,稍稍改下代码,就能实现让用户自行选择使用桌面网站还是移动网站并记住选择。

原地址:http://blog.wpjam.com/m/wpjam_switch_theme/