一: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自定义页面的更多相关文章

  1. SharePoint开发 - 自定义页面(错误页、登出页)

    博客地址 http://blog.csdn.net/foxdave 本文叙述如何自定义SharePoint的固有页面,比较简单,用一句话说就是"做个页面,写一句代码." 创建Sha ...

  2. .net开发---自定义页面打印区域

    自定义页面打印区域 有3种办法: 办法一:将不需要打印的部位隐藏掉 Examp: <%-- (1)使用css样式,定义一个.noprint的class,将不打印的内容放入这个class内. -- ...

  3. datatables跳转自定义页面(后端分页)

    在后端分页的情况下,怎么做到跳转自定义页面? 0x01 难点: 一. 怎么添加自定义代码? 前提:datatables在整个html加载完毕后,进行datatables数据的渲染,并且把右下角的 “上 ...

  4. 【Spring Security】四、自定义页面

    在前面例子中,登陆页面都是用的Spring Security自己提供的,这明显不符合实际开发场景,同时也没有退出和注销按钮,因此在每次测试的时候都要通过关闭浏览器来注销达到清除session的效果. ...

  5. sharepoint 2010 自定义页面布局

    在sharepoint开发中经常遇到 自定义网站栏.内容类型,页面布局和模板页也会遇到,遇到机会就相对比较小. 首先新建一个空的sharepoint项目: 1)创建网站兰: 修改SiteColumns ...

  6. wordpress注册后重定向到自定义页面

    wordpress注册后重定向到自定义页面怎么操作?将下面的代码添加到当前主题的 functions.php 文件中即可 add_filter( 'registration_redirect', 'w ...

  7. 整理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 ...

  8. 修改上一篇文章的node.js代码,支持调用自定义页面

    上一篇文章所有请求只能调用index.html,现在做个改造,允许调用自定义页面 服务端 app.js var app = require('http').createServer(handler) ...

  9. odoo通过actions.client进行自定义页面

    一.使用原因 由于odoo自带页面在项目开发过程中无法满足使用,需要使用到动作ir.actions.client进行自定义视图的开发,实现自定义的xml视图开发. 二.实现目标 三.开发过程 1.项目 ...

随机推荐

  1. css布局(转载)

    单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素 ...

  2. Hibernate入门1. Hibernate基础知识入门

    Hibernate入门1. Hibernate基础知识入门 20131127 前言: 之前学习过Spring框架的知识,但是不要以为自己就可以说掌握了Spring框架了.这样一个庞大的Spring架构 ...

  3. Easyui datagrid自定义排序

    做项目遇到个关于排序问题,想着在前端排序,正好Easyui有这个功能,所以就拿来用了一下,因为跟官网的Demo不太一样,所以总结一下: 首先这一列是要排序的列(当然,在生产环境,这一列是隐藏的,在开发 ...

  4. JPlayer使用之二,主要函数介绍

    上一篇插件搭建的顺序最后一步的页面初始化函数中,就是最重要的一步,就先从这个函数说起吧. $("#jquery_jplayer_1").jPlayer({ ready: funct ...

  5. C++面向对象高级编程(四)基础篇

    技术在于交流.沟通,转载请注明出处并保持作品的完整性. 一.Static 二.模板类和模板函数 三.namespace 一.Static 静态成员是“类级别”的,也就是它和类的地位等同,而普通成员是“ ...

  6. CString与输入输出流对象问题。

    在C++ 编程出现:cin>>Id;没有与这些操作匹配的">>"运算符: 你要看你的Id的数据类型,如果是CString等字符串,要用cin.getline ...

  7. flask 文件的上传下载和excel操作

    文件的下载 from flask import send_from_directory @excel_bp.route('/get_attachment/<path:filename>') ...

  8. Selenium+PhantomJS使用初体验

    抓取使用Ajax技术完成的网页内容时可以使用Selenium+PhantomJS技术 1.pip install selenium 2.下载Phantomjs不需要用pip   武汉科技大学首页有一块 ...

  9. python爬虫入门(5)-Scrapy概述

    http://scrapy-chs.readthedocs.io/zh_CN/latest/intro/overview.html   Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框 ...

  10. js效果之回到顶部

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...