5ucms论坛

标题: wordpress插件开发教程06 制作插件管理界面 [打印本页]
作者: admin    时间: 2021-6-13 21:25
标题: wordpress插件开发教程06 制作插件管理界面
在第3课时 我们用到了一个展示插件页的方法
//要显示的主菜单页面内容
  1. function qss_settings_page(){
  2. ?>
  3. 我是插件菜单点击后显示的内容哟
  4. <?
  5. }
复制代码


那我们可以扩展它，利用wp自带的一些样式结构，可以更快速和更加契合后台样式
  1. //要显示的主菜单页面内容
  2. function qss_settings_page(){
  3. ?>
  4.         <div class="wrap">
  5.                 <h2>插件顶级菜单</h2>
  6.                 <!--信息提示-->
  7.                 <div id="message" class="updated"><p><strong>设置保存成功</strong></p></div>
  8.                 <div id="message" class="error"><p><strong>保存出现错误</strong></p></div>
  9.                 <!--按钮样式-->
  10.                 <input type="submit" name="Save" value="保存设置">
  11.                 <input type="submit" name="Save" value="保存设置" class="button">
  12.                 <input type="submit" name="Save" value="保存设置" class="button button-primary"> <!--推荐，蓝底白字，其他为白底黑字只是大小略有区别-->
  13.                 <input type="submit" name="Save" value="保存设置" class="button button-secondary">
  14.                 <input type="submit" name="Save" value="保存设置" class="button button-large">
  15.                 <input type="submit" name="Save" value="保存设置" class="button button-small">
  16.                 <input type="submit" name="Save" value="保存设置" class="button button-hero">
  17.                 <!--链接 可以使a有按钮效果，class值可同上方一样设置，具体略-->
  18.                 <a href="#">搜索</a>
  19.                 <a href="#" class="button">搜索</a>
  20.                 <!--表单例子-->
  21.                 <form method="POST" action="">
  22.                         <table class="form-table">
  23.                                 <tr valign="top">
  24.                                         <th><label for="xingming">姓名：</label></th>
  25.                                         <td>
  26.                                                 <select name="shenfen"><option value="编制">编制</option><option value="自由">自由</option></select>
  27.                                                 <input type="radio" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女
  28.                                                 <textarea name="content">我是备注</textarea>
  29.                                                 <input type="submit" name="save" value="保存" class="button-primary">
  30.                                                 <input type="reset"   name="reset" value="保存" class="button-secondary">
  31.                                         </td>
  32.                                 <tr>
  33.                         </table>
  34.                 </form>
  35.                 <!--表格例子-->
  36.                 <table class="widefat striped">
  37.                         <thead>
  38.                                 <tr><th>序号</th><th>姓名</th></tr>
  39.                         </thead>
  40.                         <tbody>
  41.                                 <tr><td>1</td><td>张三</td></tr>
  42.                                 ......
  43.                         </tbody>
  44.                         <tfoot>
  45.                                 <tr><th>序号</th><th>姓名</th></tr>
  46.                         </tfoot>
  47.                 </table>
  48.                 <!--分页例子-->
  49.                 <div class="tablenav">
  50.                         <div class="tablenav-pages">
  51.                                 <span class="displaying-num">第1页，共888页</span>
  52.                                 <span class="page-numbers">1</span>
  53.                                 <a href="#" class="page-numbers">2</a>
  54.                                 <a href="#" class="page-numbers">3</a>
  55.                                 <a href="#" class="page-numbers">4</a>
  56.                                 <a href="#" class="next page-numbers">》</a>
  57.                         </div>
  58.                 </div>


  61.         </div>
  62. <?
  63. }
复制代码




欢迎光临 5ucms论坛 (http://bbs.5ucms.com/) Powered by Discuz! X3.2