1.需安装 WP-PostViews 插件,否则显示阅读数报错。

2.网页背景

css目录:wp-content/themes/1616600213-3025c8bea665f00/static/layui/css/layui.css

查找代码:body{line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif}

在body属性插入背景代码

纯色背景:body {background-color:#fff;}//默认垂直平铺
图片背景:body {background-image:url('beijing.png');}
水平平铺:body {background-image:url('beijing.png');background-repeat:repeat-x;}
不平铺:body {background-image:url('beijing.png');background-repeat:no-repeat;}
不平铺固定不滚动:body {background-image:url('beijing.png');background-repeat:no-repeat;background-attachment:fixed;}

3.内容页css文件:主题目录/style.css

4.添加自定义页面

在当前主题 functions.php 中添加一下代码:

//自定义页面模板
function loadCustomTemplate($template) {
	global $wp_query;
	if(!file_exists($template))return;
	$wp_query->is_page = true;
	$wp_query->is_single = false;
	$wp_query->is_home = false;
	$wp_query->comments = false;
	// if we have a 404 status
	if ($wp_query->is_404) {
		// set status of 404 to false
		unset($wp_query->query["error"]);
		$wp_query->query_vars["error"]="";
		$wp_query->is_404=false;
	}
	// change the header to 200 OK
	header("HTTP/1.1 200 OK");
	//load our template
	include($template);
	exit;
}
function templateRedirect() {
	$basename = basename($_SERVER['REQUEST_URI'], '?' . $_SERVER['QUERY_STRING']);
	loadCustomTemplate(TEMPLATEPATH.'/blogs/'."/$basename.php");
}
add_action('template_redirect', 'templateRedirect');

这样就实现了 WordPress 查找主题文件夹下/blogs 文件夹下的 php 文件,并且将相匹配的 URL 请求转交给对应的 php 文件来处理的效果,与此同时,这个 php 文件还保持了对 WordPress API 的调用,因此留给我们的空间非常大。

如果我们需要自定义某个页面链接的模板,就需要在主题文件夹下的/blogs 目录创建一个 xxx.php 的 php 文件。这里页面的内容子凡就不提供代码示例了。

那么最后我们就只需要输入 domain.com/xxx 就能显示这个 xxx.php 的文件内容了,并且 xxx.php 这个文件是支持所有 WordPress 函数的,具有主题的框架和 CSS 样式,非常方便好用。

4.分页目录页面增加前面文件夹图标

增加:
    list-style: none;
    background: url(./static/img/foldercat.png) no-repeat;
    padding-left: 25px;
.sidebar-cat li {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 40px;
    user-select: none;
    list-style: none;
    background: url(./static/img/foldercat.png) no-repeat;
    padding-left: 25px;

5.修复自适应手机端不显示搜索框

原搜索框样式:<div class="layui-col-md2 <?php get_self_adaption_css()?>">
修改为:<div class="layui-col-md2 <?php get_self_adaption_css()?>"style="display: block!important;">

发表评论

共有 0 条评论