添加简单的设置页面

参考这篇范例代码,你可以使用Ashuwp_framework建立一个可以设置logo、ico图片的设置页面。

1. 引入框架

在主题的functinos.php文件中加入下列代码,下载的框架中并没有config.php配置文件,需要自己建立,当然文件名随意。

  1. //加载框架文件
  2. require get_template_directory() . '/ashuwp_framework/ashuwp_framework_core.php';
  3. //配置文件
  4. require get_template_directory() . '/ashuwp_framework/config.php';

2. 配置代码

在config.php配置文件中,加入下列配置代码。

  1. /**General options**/
  2. $page_info = array(
  3.   'full_name'  => 'General Options', //页面标题
  4.   'optionname' => 'general', //设置页面保存名称,整个页面在数据库中仅保存一条记录。
  5.   'child'      => false, //顶级页面
  6.   'desc'       => '<a href="http://www.ashuwp.com/framework/down">Ashuwp Framework</a>',
  7.   'filename'   => 'generalpage' //页面名,在url中体现 admin.php?page=generalpage
  8. );
  9. $ashu_options = array();
  10. $ashu_options[] = array(
  11.   'name' => 'Logo',
  12.   'id'   => 'ashuwp_logo', //id唯一
  13.   'desc' => 'Please Upload a image.',
  14.   'std'  => '',
  15.   'type' => 'upload' //type为upload即显示为文件上传框
  16. );
  17. $ashu_options[] = array(
  18.   'name' => 'ICO',
  19.   'id'   => 'ashuwp_ico',
  20.   'desc' => 'Please Upload a ico file.',
  21.   'std'  => '',
  22.   'type' => 'upload'
  23. );
  24. //实例化类
  25. $option_page = new ashuwp_options_feild($ashu_options$page_info);

3. 前台代码参考

注意:代码仅供参考使用。

3.1 调用ico

ico图标一般在网页的head标签中。

  1. <?php
  2. //先获取设置选项
  3. //配置代码中optionname=>general,在数据库中保存的名称为ashuwp_general
  4. //整个设置页面的所有数据在数据库中都保存在一条记录里面
  5. //$general_option获取到的是一个数组
  6. /**
  7. $general_option结构如下
  8. array(
  9.   'ashuwp_logo' => 'http://www.ashuwp.com/images/logo.png';
  10.   'ashuwp_ico' => 'http://www.ashuwp.com/images/ashuwp_ico.png';
  11. )
  12. **/
  13. $general_option = get_option('ashuwp_general');
  14. if( !empty($general_option['ashuwp_ico']) ){
  15. ?>
  16.   <link rel="icon" href="<?php echo $general_option['ashuwp_ico'];?>" type="image/x-icon" />
  17. <?php } ?>

3.2 Logo调用范例

  1. <?php
  2. //获取设置选项,注意,一个Php文件中获取一次即可,比如若Logo和ico调用在同一个文件里面,前面ico输出时已经获取了设置选择,则此处不需要。
  3. $general_option = get_option('ashuwp_general');
  4. //判断Logo是否存在,不存在给一个默认图
  5. $ashuwp_logo = ( !empty($general_option['ashuwp_logo']) ) ? $general_option['ashuwp_logo'] : get_template_directory_uri().'/images/logo.png';
  6. ?>
  7. <img alt="<?php bloginfo('name'); ?>" src="<?php echo $ashuwp_logo; ?>" />

完结。

本篇教程之前的几篇教程是

本篇教程之后的几篇教程是

没有找到你要找的内容?你可以通过搜索你要找的内容,或者给我们留言。

已有0评论

暂时木有评论.

发表评论