worldpress自定义页面
一:wordpress制作自定义页面的方法
有时候我们需要制作一些个性化的页面,而不是直接用wordpress的page页面模板。这时候我们就需要自已写一个页面出来。下面介绍一下制作流程:
第一步:制作出能让wordpress识别出来的模板,以便在后台添加新页面时可以从模板下拉框中选择些自定义模板。这一步很简单,完成下面的操作即可:
<?php
/**
* @package WordPress
Template Name: mypage
*/
get_header();
?>
<div id="content">
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
上面这段代码就是一个完整的页面模板结构了。其中Template Name一定要填写,本例中它指定了这个页面模板的名称是mypage, 这样子你在添加新页面的时候就可以从模板中选择到mypage这个页面模板。
get_header(); get_sidebar(); get_footer();这三个的作用就不用说了吧。是获取顶部,边栏和底部的模板。
第二步:将第一步制作的模板保存成utf-8的格式,然后在
<div id="content">
</div>
这中间定义你自己想要放的内容。这些操作与其它默认的模板一样,不再多说。完成后保存文件。文件名自取,如mypage.php。
第三步:使用建好的模板
登录到wordpress后台,点击"添加新页面"打开一个新的页面,输入标题名字,如mypage,无需输入内容,在页面右下角找到“页面”或“页面模板”栏目,如果你已经mypage.php正确保存在模板的目录下,那么在下拉菜单里面就可以看到mypage选项了。
选中mypage,即选中自定义的页面模板,然后点击“发表”即可。
你也可以将这个自定义页面设为首页。在后台,点击“选项”,“阅读”,将首页显示设置为静态页面,然后在静态页面里面选中刚发表的使用了mypage模板的页面为首页,更新选项即可。这样你打开博客时,首先显示的就是自定义页面了。worldpress页面能自定义
二:怎样获得模板路径
主题目录的调用路径函数是:<?php bloginfo(’template_url’); ?> 比如调用主题的images文件夹里的一个logo文件(logo.png) ,路径可以这样:
<a href="<?php bloginfo(’template_url’); ?>/images/logo.png"></a> 调用首页是 <?php echo get_option('home'); ?>
worldpress自定义页面的更多相关文章
- SharePoint开发 - 自定义页面(错误页、登出页)
博客地址 http://blog.csdn.net/foxdave 本文叙述如何自定义SharePoint的固有页面,比较简单,用一句话说就是"做个页面,写一句代码." 创建Sha ...
- .net开发---自定义页面打印区域
自定义页面打印区域 有3种办法: 办法一:将不需要打印的部位隐藏掉 Examp: <%-- (1)使用css样式,定义一个.noprint的class,将不打印的内容放入这个class内. -- ...
- datatables跳转自定义页面(后端分页)
在后端分页的情况下,怎么做到跳转自定义页面? 0x01 难点: 一. 怎么添加自定义代码? 前提:datatables在整个html加载完毕后,进行datatables数据的渲染,并且把右下角的 “上 ...
- 【Spring Security】四、自定义页面
在前面例子中,登陆页面都是用的Spring Security自己提供的,这明显不符合实际开发场景,同时也没有退出和注销按钮,因此在每次测试的时候都要通过关闭浏览器来注销达到清除session的效果. ...
- sharepoint 2010 自定义页面布局
在sharepoint开发中经常遇到 自定义网站栏.内容类型,页面布局和模板页也会遇到,遇到机会就相对比较小. 首先新建一个空的sharepoint项目: 1)创建网站兰: 修改SiteColumns ...
- wordpress注册后重定向到自定义页面
wordpress注册后重定向到自定义页面怎么操作?将下面的代码添加到当前主题的 functions.php 文件中即可 add_filter( 'registration_redirect', 'w ...
- 整理ASP.NET MVC 5各种错误请求[401,403,404,500]的拦截及自定义页面处理实例
http://2sharings.com/2015/asp-net-mvc-5-custom-404-500-error-hanlde https://blog.csdn.net/yhyhyhy/ar ...
- 修改上一篇文章的node.js代码,支持调用自定义页面
上一篇文章所有请求只能调用index.html,现在做个改造,允许调用自定义页面 服务端 app.js var app = require('http').createServer(handler) ...
- odoo通过actions.client进行自定义页面
一.使用原因 由于odoo自带页面在项目开发过程中无法满足使用,需要使用到动作ir.actions.client进行自定义视图的开发,实现自定义的xml视图开发. 二.实现目标 三.开发过程 1.项目 ...
随机推荐
- 各种数据库对应的jar包、驱动类名和URL格式
1.1. 各种数据库对应的jar包 具体如下: 数据库类型 对应的Jar文件 Oracle 8i classes12.zip 或 ojdbc14.jar Sybase jconn2.jar ...
- 《OpenCL编程指南》之 与Direct3D互操作
介绍OpenCL与D3D 10之间的互操作. 1.初始化OpenCL上下文实现Direct3D互操作 OpenCL共享由pragma cl_khr_d3d10_sharing启用: #pragma O ...
- IHTMLDocument2 TO IWebBrowser2
if(NULL != pIHTMLDocument2) { IHTMLWindow2* pIHTMLWindow2 = NULL; hr = pIHTMLDocument2->get_paren ...
- 为什么是link-visited-hover-active
前言 通常我们在设置链接的一些伪类(link,visited,hover,active)样式时,要让不同的状态显示正确的样式,我们需要按一定的顺序设置这些伪类的样式.这里我就按CSS2规范中推荐的顺序 ...
- js 删除数组的指定元素
//为数组对象增加相应的的方法,直接调用数组的removeByValue方法即可删除指定元素 Array.prototype.removeByValue = function (val) { for ...
- ffmpeg新老接口对比
http://blog.csdn.net/leixiaohua1020/article/details/41013567
- vs2008配置winddk
Vs2008配置winddk 1. 安装winddk,我安装在了c盘下: 2. 电脑->属性->环境配置里 系统变量里加入 DDKBASE,其值是 3. path变量里增加 ;C ...
- Kafka消费者生产者实例
为了更为直观展示Kafka的消息生产消费的过程,我会从基于Console和基于Application两个方面介绍使用实例.Kafka是一个分布式流处理平台,具体来说有三层含义: 它允许发布和订阅记录流 ...
- java入门学习(3)—循环,选择,基础算法,API概念
1.顺序结构:也就是顺着程序的前后关系,依次执行.2.选择分支:利用if..else , / switch(){case [ 这个必须是常量]:}; / if..else if….. ….else.. ...
- vue自定义指令v-scroll(directive)
vue开发中,很多地方如果说都用到了某一方法,我们就可以进行指令化封装,通过自定义指令来实现这里通过两个例子说明vue-Directive的使用 1.v-focus 主要用来实现页面加载进来的时候文本 ...