5ucms论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 12391|回复: 0

[插件/开发] wordpress插件开发教程06 制作插件管理界面

[复制链接]

670

主题

785

帖子

8228

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
8228
发表于 2021-6-13 21:25:34 | 显示全部楼层 |阅读模式
在第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>


  59.         </div>
  60. <?
  61. }
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|5ucms.com

GMT+8, 2024-3-29 19:31 , Processed in 0.953125 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表