说明:当我们需要自己做一个插件的时候,开发出来了却不知道怎么给它布局,typecho的文档又少的可怜,不管是在Google还是百度搜个typecho 插件 开发。卧槽! 吓傻了,应该好像是老高的教程;三页都是原文转载,什么补充也没有。顿时就难受了。 这篇文章先说布局的,插件怎么实现的,过后在补充,慢慢来!

先看面板配置

/**
     * 获取插件配置面板
     *
     * @access public
     * @param Typecho_Widget_Helper_Form $form 配置面板
     * @return void
     */
    public static function config(Typecho_Widget_Helper_Form $form) {
    //TODO:标题1:配置面板
    . 
    .
    .
    .
  • 然后一般配置是这样写的:
$dynamic= new Typecho_Widget_Helper_Form_Element_Radio('dynamic',array('0' => _t('关闭'),'1' => _t('开启'),'2' => _t('使用CDN')),'0',_t('背景动态彩带'),_t("由jsdelivr提供CDN加速"));
$form->addInput($dynamic);
在这里先不说参数是怎么回事,只说布局

到这里你就会发现后台都是默认的布局,体验感极差
或许可以通过typecho表单生成的class标签然后引入一个自行编写的css文件。 这样是可行的。

如果需要更高级的布局,继续往下看:
  • 在配置里添加以下:可以给input添加一个class
$showURL1 = new Typecho_Widget_Helper_Form_Element_Checkbox('showURL1', array(1 => _t('是的')), NULL, _t("123链接"), _t("文章版权选项123"));
$showURL1->input->setAttribute('class', 'mdui-btn mdui-color-theme-accent mdui-ripple submit_only');
$form->addInput($showURL1);
  • 得出以下html
<ul class="typecho-option" id="typecho-option-item-showURL1-0">
 <li>
    <label class="typecho-label">123链接</label>
  <span>
    <input name="showURL1[]" type="checkbox" value="1" id="showURL1-1" class="mdui-btn mdui-color-theme-accent mdui-ripple submit_only">
   <label for="showURL1-1">是的</label>
  </span>
   <p class="description">文章版权选项123</p>
 </li>
</ul>

其它的,有待学习;应该也可以跟主题设置一样配置div

最后修改:2019 年 12 月 09 日 02 : 38 PM
如果觉得我的文章对你有用,请随意赞赏