一: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'); ?>

转载于:https://www.cnblogs.com/as3lib/p/6431732.html

worldpress自定义页面相关推荐

  1. 博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)...

    前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...

  2. Hexo自定义页面的两种方法

    原文地址:http://refined-x.com/2017/07/10/Hexo自定义页面的方法/. Hexo是静态页博客生成利器,同很多博主一样,前端路上原创技术博客也是使用Hexo生成并托管在G ...

  3. Facebook Docusaurus 中文文档 自定义页面

    此系列文章的应用示例已发布于 GitHub: docusaurus-docs-Zh_CN. 可以 Fork 帮助改进或 Star 关注更新. 欢迎 Star. 自定义页面 您可以将网页添加到您的网站, ...

  4. php在页面循环输出标签,自定义页面循环

    一.语法{page  ....}{/page} 二.参数介绍参数介绍 site站点id,默认当前站点,填写其他站点id id指定显示,多个id以小写分号分开,例如1,2,3,4,5 show有show ...

  5. 权限操作-springSecurity快速入门-使用自定义页面

    使用自定义页面 spring-security.xml配置 <?xml version="1.0" encoding="UTF-8"?> <b ...

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

  7. springboot 监听所有异常_SpringBoot 全局异常配置及返回自定义页面

    1. 全局异常的配置 1. 创建异常处理类 package com.test.spring_boot_demo.domain; import org.slf4j.Logger; import org. ...

  8. hexo修改index.html,Hexo自定义页面做首页

    前言 如果你想了解如何在 GitHub Pages上传自己写的网页作为首页,hexo博客作为其子页?即自己写的页面作为http://user.github.io的页面,将hexo博客放在http:// ...

  9. xadmin自定义页面

    django自带的admin因为功能和样式比较简陋,所以很多程序员选择第三方后台xadmin做后台,但是xadmin的自带管理页面非常有限,有时我们也想自己定制一些功能页面,网上关于这个需求的教程实在 ...

  10. 杰奇是否生成html,杰奇1.70如何自定义页面

    这个自定义页面是指php页面,具有和其他页面统一的头部和底部.并且可以调用系统区块的. 这种页面的制作可以参考文件 custom.php的写法,它是制作首页的模拟文件. 首选制作首页的模拟文件. 您需 ...

最新文章

  1. Windows环境下的NodeJS+NPM+Bower安装配置
  2. 群英服务器网站,群英:域名、DNS及URL功能说明
  3. 普通类可以抛出异常吗
  4. maven配置阿里云_阿里云OSS PicGo 配置图床教程 超详细
  5. VS中添加命令行参数的方法
  6. 三个变量互换值_Python3 教程 变量类型
  7. java map byte[],java中byte数组不能作为map的key使用
  8. servlet版本及容器和Java版本
  9. Ubuntu中输入输出重定向及管道技术简述
  10. python面向对象中的类
  11. matplotlib调节colorbar的大小
  12. Python集合(set)类型的操作
  13. java线程安全(一)
  14. 快速排序 Vs. 归并排序 Vs. 堆排序——谁才是最强的排序算法
  15. C#中@的用法总结(转)
  16. LaTeX Package cleveref: cleveref must be loaded after hyperref!. 的解决方案
  17. 服务器lsass占用内存_服务器内存跑满是什么原因造成的呢?
  18. VS编程,几个好用的Visual Studio插件推荐(一)
  19. html英雄联盟网页,Html+Css+JQuery实现简易英雄联盟官网
  20. 加速计.陀螺仪的使用

热门文章

  1. 爬取股票收盘价,计算神奇九转
  2. flutter 初视回味
  3. MySQL count用法
  4. Android 使用so库的遇到的坑
  5. 阿里云CDN防盗链设置方法
  6. cmak(kafka Manager) 编译教程
  7. api接口—淘宝搜索
  8. 英特尔为RRP物联网平台项目预留1亿美元开发资金
  9. 玩转华为ENSP模拟器系列 | 配置设备使用SNMPv2c与网管通信示例
  10. 初来乍到,多多关照!