wordpress 怎样添加页面
你好。
WP的首页默认是当前主题的 index.php 文件如果想修改,请在你自己制作的页面的开头添加以下标记,并放到和主题同一目录/*Template Name: 你的模板名称*/?>然后在 后台(左侧) ->页面 ->新建页面 ->页面模板(右侧)选择你自己制作的模板,填写页面名称以及别名,确定,发布接着在 后台(左侧) ->设置 ->阅读 ->首页显示(右侧) ->一个静态页面选择你自己制作的页面,保存,OK。
如何在wordpress主题中添加设置页面
1、创建所需的文件在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。
创建设置选项页的代码需要放置在主题目录下的functions.php文件中。
如果我们的主题名为“OptionPage”,那么functions.php文件的路径为:\wp-content\themes\OptionPage\functions.phph。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页首先第一步需要在后台建立一个空白页面供我们使用。
我们通过add_aaction来实现这一步。
Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。
因此,可以利用这些来实现我们所需的功能。
这是我们创建选项页的最基本的功能。
themeoptions_admin_menu() 是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page() 的参数为:页面标题:主题设置菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)作用功能:edit_themes;Handle(句柄):当前文件;执行的函数:themeoptions_page;现在后台控制面板侧边栏的处就多了一个“主题设置”的菜单,但是现在还是空白的,我们后面要实现的定制内容就在这个空白页面上创建。
3、添加选项和字段现在我们就可以在刚创建的空白页面上添加我们的选项和字段。
这个页面你可以根据自己的需要进行样式风格化,但在本教程中我们将使用wordpress默认的类,这样可以节省我们的时间并且看起来更加原生。
页面内容的代码需包含在 themeoptions_page() 函数内。
首先,我们先添加一个 class="wrap" 的 div 容器;然后,在头部添加一个默认图标作为作为页面标题;最后是设计表单。
function themeoptions_page(){// here's the main function that will generate our options page?>主题设置主题设置主题配色方案>;灰色>;浅蓝>;粉红图片广告位(1)广告图片广告链接图片广告位(2)广告图片广告链接/>; 显示搜索框/default.css" type="text/css">5.2 增加广告位图片在你想要放置广告的地方添加以下代码:5.3 是否显示搜索框在需要放置搜索框的地方添加以下代码,当用户选择显示搜索框时会显示,否则则不显示:搜索框6、总结本文翻译自NET TUTS+文章《How to Integrate an Options Page into your WordPress Theme》,版权归原文作者所有。
为了更容易地学习添加主题选项页的过程,我省略了原文中部分内容,有兴趣的话可以参考原文。
翻译水平有限,如有错误,请提出修正,谢谢!EOF
WordPress怎么发表文章到新建页面(即指定页面)?
在我们开始之前,打开 Xampp Control,主题文件夹,Firefox 浏览器,IE 浏览器,index.php和style.css这两个文件。
第一步:设置页面总体宽度需要把现在主题中的所有的东西(header,container,sidebar 和 footer)放入一个 自己想定义的宽度 的 DIV 标签中。
在 之后增加:在 之前增加:在 style.css 文件中输入以下代码:在 CSS,# 号是通过 id 来定位页面中的元素,而点号是通过 class 来定位页面中的元素,如果你的代码是 ,那么就应该用 .wrapper 来替代 #wrapper 去定位wrapper 这个 DIV 标签。
同时保存 index.php 和 style.css 文件。
刷新 Firefox 和 IE 浏览器(按 F5)查看所做的改动。
第二步:自动页面居中把 body{} 中的 text-align: left; 改成 text-align: center;。
为什么?(我假设你使用的是 Firefox 和 Internet Explorer 6)。
你的布局可能你看起来是正确的,但对于使用早前版本的 IE 用户可能不正确。
还记得设置左边和右边的页边空白为自动是居中吗?但是这并不是对所有的 IE 都适用,所以 body{ text-align: center; } 是让 wrapper DIV 居中在旧版本 IE 的一种解决方案。
(随便说一下,在 Firefox 和 IE 中文本大小是不同的,我们稍后解决。
)第三步:设置 header 宽度和布局让 Header 浮到左边并且设置它的宽度为 750px:(输入心中想要的宽度)第四步:设置 Container 宽度和布局让 Container 浮到左边并且宽度为 500px:(输入心中想要的宽度)第五步:设置 Sidebar 宽度和布局让 Sidebar 浮到左边,宽度为240px,并且给它灰色的背景:(输入心中想要的宽度)#ffffff 是白色而background: #eeeeee; 是非常浅的灰色。
我们给侧边栏增加一个背景颜色只是去查看当增加剩下的 10 像素之后的不同之处。
第六步:设置 Footer 的宽度和布局让 Footer 浮到左边,左右两边都没有东西,并且宽度为:750px:(输入心中想要的宽度)Header 和 Footer 的样式有什么区别呢?答案是 footer{} 中有 clear: both;。
它在那儿使得 Footer 不能和它上面的东西(如 Sidebar 或者 Container)连接起来。
保存并刷新浏览器。
第七步:给侧边栏增加其余的 10 像素给侧边栏增加其余的 10 像素的页边空白。
现在侧边栏的 CSS 应该是:保存并刷新浏览器去查看 10 像素的空白增加到侧边栏的左边了。
margin: 0 0 0 10px; 具体的意思是:上边空白为0,右边空白为0,底部空白为0,左边空白为10像素。
当大小为0的时候,px 单位不是必需的。
第8步(额外的步骤):修正 IE 的双倍页边距 bugInternet Explorer 有个双倍页边距的 bug,这样在 IE 下,我们的页面距就是 20像素,20像素的页边距可能会破坏布局并把侧边栏挤到页面的底部,因为一个20像素的页边距使得 Container 和 Sidebar 的宽度之和为 760px 而不是 750px。
为了解决这个问题,增加 display: inline; 到侧边栏。
现在你的侧边栏应该是:现在的 index.php 和 style.css 文件应该和教程源代码文件夹中的 index-lesson-11.txt 和 style-lesson-11.txt 一致了。
wordpress 如何修改css增加页面宽度
要在网页中你想要显示 关闭/显示侧边栏 的提示按钮或者文字,在WordPress 模板中插入 关闭/显示 侧边栏 然后利用如下的jquery代码实现隐藏侧边栏: $('.show-close-sidebar').toggle(function () { $('.sidebar').fadeOut("fast"); //让侧边栏快速渐隐掉 $('#content').animate({ width:"915px" //让正文主体部分宽度增加到915px },1000); //执行时间是1000毫秒 }, function () { $('#content').animate({ width:"700px" //让正文主体部分宽度收缩到700px },1000); //执行时间是1000毫秒 $('.sidebar').fadeIn(3000); //让侧边栏渐渐隐现回来,执行时间为5000毫秒 } );
怎样在wordpress主题中添加主题设置页面
展开全部 1、创建所需的文件在进行主题定制前,应该首先创建一个可供自定义的“设置选项页面”。
创建设置选项页的代码需要放置在主题目录下的functions.php文件中。
如果我们的模板名为“OptionPage”,那么functions文件的路径为:wp-contentthemesOptionPagefunctions.php。
我们不需要让wordpress手动加载它,在执行时wordpress会自动加载。
2、建立设置选项页首先第一步需要在后台建立一个空白页面供我们使用。
我们通过add_aaction来实现这一步。
Actions可以在wordpress执行时的特定时间被响应,例如,当在控制面板创建菜单时,admin_menu就会被响应执行。
因此,可以利用这些来实现我们所需的功能。
这是我们创建选项页的最基本的功能。
<?php// 设置选项页function themeoptions_admin_menu(){// 在控制面板的侧边栏添加设置选项页链接add_theme_page(“主题设置”, “主题选项”, 'edit_themes', basename(__FILE__), 'themeoptions_page');}...
wordpress怎么给页面添加html后缀
wordpress不同页面显示不同文章的方法:1. 在模板头部要加上下面的说明,不然后台选择模板找不到它:/*Template Name: 模板名字*/?>2. 直接在下面加入query_post函数,直接指定文章数和分类,其他的就不需要了。
3. 如果有多个页面模板,依此类推了。
自定义模板在wordpress后台页面编辑区的右边“属性”——“模板”,就可以看到自定义page模板了。
新增一个登录/注销链接到的导航菜单的方法:输入:add_filter('wp_nav_menu_items', 'add_login_logout_link', 10, 2);function add_login_logout_link($items, $args) {ob_start();wp_loginout('index.php');$loginoutlink = ob_get_contents();ob_end_clean();$items .= '4. '. $loginoutlink .'';return $items;}
转载请注明出处51数据库 » wordpress 新增页面