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'); ?>
转载于:https://www.cnblogs.com/as3lib/p/6431732.html
worldpress自定义页面相关推荐
- 博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)...
前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...
- Hexo自定义页面的两种方法
原文地址:http://refined-x.com/2017/07/10/Hexo自定义页面的方法/. Hexo是静态页博客生成利器,同很多博主一样,前端路上原创技术博客也是使用Hexo生成并托管在G ...
- Facebook Docusaurus 中文文档 自定义页面
此系列文章的应用示例已发布于 GitHub: docusaurus-docs-Zh_CN. 可以 Fork 帮助改进或 Star 关注更新. 欢迎 Star. 自定义页面 您可以将网页添加到您的网站, ...
- php在页面循环输出标签,自定义页面循环
一.语法{page ....}{/page} 二.参数介绍参数介绍 site站点id,默认当前站点,填写其他站点id id指定显示,多个id以小写分号分开,例如1,2,3,4,5 show有show ...
- 权限操作-springSecurity快速入门-使用自定义页面
使用自定义页面 spring-security.xml配置 <?xml version="1.0" encoding="UTF-8"?> <b ...
- 整理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 ...
- springboot 监听所有异常_SpringBoot 全局异常配置及返回自定义页面
1. 全局异常的配置 1. 创建异常处理类 package com.test.spring_boot_demo.domain; import org.slf4j.Logger; import org. ...
- hexo修改index.html,Hexo自定义页面做首页
前言 如果你想了解如何在 GitHub Pages上传自己写的网页作为首页,hexo博客作为其子页?即自己写的页面作为http://user.github.io的页面,将hexo博客放在http:// ...
- xadmin自定义页面
django自带的admin因为功能和样式比较简陋,所以很多程序员选择第三方后台xadmin做后台,但是xadmin的自带管理页面非常有限,有时我们也想自己定制一些功能页面,网上关于这个需求的教程实在 ...
- 杰奇是否生成html,杰奇1.70如何自定义页面
这个自定义页面是指php页面,具有和其他页面统一的头部和底部.并且可以调用系统区块的. 这种页面的制作可以参考文件 custom.php的写法,它是制作首页的模拟文件. 首选制作首页的模拟文件. 您需 ...
最新文章
- Windows环境下的NodeJS+NPM+Bower安装配置
- 群英服务器网站,群英:域名、DNS及URL功能说明
- 普通类可以抛出异常吗
- maven配置阿里云_阿里云OSS PicGo 配置图床教程 超详细
- VS中添加命令行参数的方法
- 三个变量互换值_Python3 教程 变量类型
- java map byte[],java中byte数组不能作为map的key使用
- servlet版本及容器和Java版本
- Ubuntu中输入输出重定向及管道技术简述
- python面向对象中的类
- matplotlib调节colorbar的大小
- Python集合(set)类型的操作
- java线程安全(一)
- 快速排序 Vs. 归并排序 Vs. 堆排序——谁才是最强的排序算法
- C#中@的用法总结(转)
- LaTeX Package cleveref: cleveref must be loaded after hyperref!. 的解决方案
- 服务器lsass占用内存_服务器内存跑满是什么原因造成的呢?
- VS编程,几个好用的Visual Studio插件推荐(一)
- html英雄联盟网页,Html+Css+JQuery实现简易英雄联盟官网
- 加速计.陀螺仪的使用