请问怎么在wordpress主题添加一个设置选项页面

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-07-20
如何给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’);
}
function themeoptions_page()
{
// 设置选项页面的主要功能
}
add_action(‘admin_menu’, ‘themeoptions_admin_menu’);
?>
themeoptions_admin_menu()是在控制面板的侧边栏中添加一个链接,指向我们创建的选项页:themeoptions_page。
add_theme_page() 的参数为:
页面标题:主题设置
菜单标题:主题选项(p.s.为了区分显示,页面与菜单标题我做了不同我命名)
作用功能:edit_themes;
Handle(句柄):当前文件;
执行的函数:themeoptions_page;

这个你可以通过WordPress后台菜单的页面,新建页面,然后选择特殊的页面模板即可,当前前提是你的WordPress主题有这个特殊页面的模板

新创建主题时,我们往往都要给新主题在后台添加一个主题设置页,以达到更加人性化,方便用户使用。给wordpress主题添加主题设置页面。 本节预案实现:1、改变主题配色方案;2、增加两个广告位内容;3、自定是否显示搜索框。 第一步:在主题函数function.php文件中添加如下代码: <?php // 设置选项页 function themeoptions_admin_menu() { // 在控制面板的侧边栏添加设置选项页链接 add_theme_page(“主题设置”, “主题选项”, ‘edit_themes’, basename(__FILE__), ‘themeoptions_page’); } function themeoptions_page() { <div class=”wrap”> <div id=”icon-themes” class=”icon32″><br /></div> <h2>主题设置</h2> <form method=”POST” action=””> <input type=”hidden” name=”update_themeoptions” value=”true” /> <h4>主题配色方案</h4> <select name =”colour”> <?php $colour = get_option(‘mytheme_colour’); ?> <option value=”gray” <?php if ($colour==’gray’) { echo ‘selected'; } ?> >灰色</option> <option value=”blue” <?php if ($colour==’blue’) { echo ‘selected'; } ?>>浅蓝</option> <option value=”pink” <?php if ($colour==’pink’) { echo ‘selected'; } ?>>粉红</option> </select> <h4>图片广告位(1)</h4> <p><input type=”text” name=”ad1image” id=”ad1image” size=”32″ value=”<?php echo get_option(‘mytheme_ad1image’); ?>”/> 广告图片</p> <p><input type=”text” name=”ad1url” id=”ad1url” size=”32″ value=”<?php echo get_option(‘mytheme_ad1url’); ?>”/> 广告链接</p> <h4>图片广告位(2)</h4> <p><input type=”text” name=”ad2image” id=”ad2image” size=”32″ value=”<?php echo get_option(‘mytheme_ad2image’); ?>”/> 广告图片</p> <p><input type=”text” name=”ad2url” id=”ad2url” size=”32″ value=”<?php echo get_option(‘mytheme_ad2url’); ?>”/> 广告链接</p> <h4><input type=”checkbox” name=”display_search” id=”display_search” <?php echo get_option(‘mytheme_display_search’); ?> /> 显示搜索框</h4> <p><input type=”submit” class=”button-primary” name=”bcn_admin_options” value=”更新数据”/></p> </form> </div> } add_action(‘admin_menu’, ‘themeoptions_admin_menu’); ?> 到这里,我们已经创建了一个主题选项页面。 第二步:调用前面设置的主题设置页面。 if ( $_POST[‘update_themeoptions’] == ‘true’ ) { themeoptions_update(); } function themeoptions_update() { // 数据更新验证 update_option(‘mytheme_colour’, $_POST[‘colour’]); update_option(‘mytheme_ad1image’, $_POST[‘ad1image’]); update_option(‘mytheme_ad1url’, $_POST[‘ad1url’]); update_option(‘mytheme_ad2image’, $_POST[‘ad2image’]); update_option(‘mytheme_ad2url’, $_POST[‘ad2url’]); if ($_POST[‘display_search’]==’on’) { $display = ‘checked'; } else { $display = ”; } update_option(‘mytheme_display_search’, $display); } 第三步:添加颜色样式。 我们主题的默认样式文件为 style.css,如果使用其他的配色方案,我们需要建立相应的样式文件,例如本例中的 blue.css、pink.css,style.css 为默认的灰色。 第四步:添加广告图片。 在你想要放置广告的地方添加以下代码: <a href=”<?php echo get_option(‘mytheme_ad1url’); ?>”><img src=”<?php echo get_option(‘mytheme_ad1image’); ?>” height=”125″ width=”125″ /></a> <a href=”<?php echo get_option(‘mytheme_ad2url’); ?>”><img src=”<?php echo get_option(‘mytheme_ad2image’); ?>” height=”125″ width=”125″ /></a> 第五步:是否显示搜索框。 在需要显示搜索框的地方添加下面的代码: <?php if ( get_option(‘mytheme_display_search’) == ‘checked’) { ?> <h3>搜索框</h3> <form method=”get” id=”searchform” action=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”> <input type=”text” class=”field” name=”s” id=”s” placeholder=”<?php esc_attr_e( ‘Search’, ’85Ryan’ ); ?>” /> <input type=”submit” class=”submit” name=”submit” id=”searchsubmit” value=”搜索” /> </form> <?php } ?> 这样,我们就实现了在后台添加主题设置页面的功能。当然,这里我们只是实现了简单的后台主题设置功能,如果想要增加什么,还可以根据自己的需要进行相应的修改。

  • 如何为wordpress的主题添加新的菜单位置。
    答:在主题的functions.php里面注册多个菜单位置就行了 if (function_exists('register_nav_menus')){register_nav_menus( array('nav1' => __('导航1'),'nav2' => __('导航2')));}
  • wordpress 怎样让主题支持添加菜单功能
    答:functions.php里加 register_nav_menus( array('primary' => __( 'Primary Navigation'),));主页里想插菜单的地方加 <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> 然后把默认主题CSS里整个#access相关的那一段都粘过去,...
  • 如何给WordPress主题添加自定义头部图像
    答:Default.jpg 是默认显示的头部图像,名称可自定 960 是默认头部图像的宽度 220 是默认头部图像的高度 保存好上面的代码之后,你会在WordPress后台的左侧【外观】菜单下看到一个叫做【顶部】的子菜单,就跟WordPress默认主题Twenty Ten或Twenty Eleven一样,打开【顶部】菜单即可看到自定义顶部图像选项页面 ...
  • WordPress如何在主题首页添加图片超链接?
    答:看的首页图片是调用内页的图片,还是直接就是给图片加超链接。要是调用内页的图片,可以直接用缩略图的代码进行进行调用图片,自然就会有超链接,点击就会到底站点内页。要是直接给图片添加:
  • 如何在WordPress中添加一个自定义的新页面
    答:你好,通过ftp工具在你的主题目录下新建一个php文件。比如:links.php(名字随便取)。编辑这个新建的文件,在文件头部加上这段代码。<?php / Template Name:友链 / ?> 将你的page.php中的内容直接拷贝到links.php当中。然后在links.php 中找到你需要改变的地方。我想,最主要修改的一个是边栏,一个...
  • wordpress使用newspaper主题 首页如何添加关键词?
    答:WordPress默认已经不支持Keywords标签了,你如果想用Keywords标签的话,可以下载插件来实现,例如All in One SEO Pack就可以重新开启Keywords标签选项,这样首页就可以添加关键词了。
  • wordpress怎么自己创建主题和设置主题
    答:首先,打开wordpress后台 按提示输入需要的东西 要牢记你的用户名和密码 以后随时都要用到 不然你就进不去你的网站后台了 点击“外观” “主题”,就是给网站添加一个基本的框架。点击"添加”,记住要添加一个适合你的网站的主题,不能操之过急。然在点击“上传主题” 如果想用wordpress里的...
  • wordpress怎样安装主题
    答:通过宝塔面板或FTP安装主题上面介绍的两种方法都是在WordPress网站正常状态下的安装方式,有时候也会有一些特殊的情况,比如说当无法登陆WordPress后台时,我们该如何安装和更换主题,下面的方法就是采用操作文件和数据库的方式来为WordPress安装新的主题 首先上传主题安装包到网站的主题文件目录,可以使用宝塔面板...
  • 怎么在wordpress添加页面模板
    答:完成之后,到 tags.php 的最上面插入以下代码:<?php /* Template Name: tags */ ?>当你完成添加代码之后,保存你的文件并上传到你服务器上的当前主题文件夹下。现在是我们去使用 WordPress 管理界面让 tags 页面使用 tags 页面模板,具体做法如下:进入创建新页面,或者编辑 tags 页面(假如你已经...
  • 如何在WordPress中添加自定义字体
    答:在Wordpress主题中添加自定义主题已经成为一种普遍的趋势。实际上有的主题中加载了很多的自定义字体。但是加载太多的字体会使得你的网站变慢。所以今天我们要跟您分享正确加载自定义字体的方法,不至于使得网站变慢。在添加自定义主题之前,我们首先要了解如何获取自定义主题。付费字体一般都比较贵,但是我们...