WordPress主题定制器:如何创建深层面板

时间:2015-07-24 14:31:36

标签: php wordpress wordpress-theming

有没有办法在Theme Customizer中创建深层子面板(比如植物的根)?我一直在开发的主题似乎更复杂。我认为,如果我们可以创建深层子面板,我们的定制器页面看起来不会太乱,我们的用户将更容易定制我们的主题,我们将能够更轻松地制作更复杂的WordPress主题。下面的图片描述了我的想法......

Here is visual look of Theme Customizer concept that I found on online tutorials Is there a way to make multiple-level sub Panel 不幸的是,我试图搜索一下这个,但我只能找到一种方法在主题定制器here is what I found in StackExchange中创建单层面板,无法找到让子面板更深入的方法。你能否在我的生活中掩饰一些亮点?

更新:以下代码是我用来创建Panel和Control的一些代码,如图像#1,它是单级Panel。他们都很好。

$wp_customize->add_panel('panel1',
        array(
            'title' => 'Panel 1',
            'priority' => 1,
            )
        );
        $wp_customize->add_section( 'section1',
            array(
                'title' => 'This is section 1',
                'priority' => 1,
                'panel' => 'panel1'
                )
            );
            $wp_customize->add_setting('field1', array('default' => 'default text'));
            $wp_customize->add_control('field1', array(
                'label' => 'Text field',
                'section' => 'section1',
                'type' => 'text',
                )
            );

我的问题是我想要创建新面板并让它们粘在另一个面板上,这将使它看起来像根层次结构(图像#2)我认为如果我们可以做这样的事情,我们将能够制作更强大的主题定制器。然后我尝试完成这个想法并尝试重写我的代码。不幸的是,它没有用。请检查以下内容。

$wp_customize->add_panel('panel1',
        array(
            'title' => 'Panel 1',
            'priority' => 1,
            )
        );
        $wp_customize->add_section( 'section1',
            array(
                'title' => 'This is section 1',
                'priority' => 1,
                'panel' => 'panel1'
                )
            );
            $wp_customize->add_setting('field1', array('default' => 'default text'));
            $wp_customize->add_control('field1', array(
                'label' => 'Text field',
                'section' => 'section1',
                'type' => 'text',
                )
            );
        // I used the code below with a little hope that it will help me accomplish my idea, but it didn't work T^T.
        $wp_customize->add_panel('panel1_1',
            array(
                'title' => 'Panel 1.1',
                'priority' => 2,
                'panel' => 'panel1' // I tried adding this line of code in order to let it depend on another panel
                )
            );
            $wp_customize->add_section( 'section1_1',
            array(
                'title' => 'This is section 1',
                'priority' => 1,
                'panel' => 'panel1_1'
                )
            );
            $wp_customize->add_setting('field1_1', array('default' => 'default text'));
            $wp_customize->add_control('field1_1', array(
                'label' => 'Text field',
                'section' => 'section1_1',
                'type' => 'text',
                )
            );

您能否给我解决方案,我无法弄清楚如何让面板看起来像根层次结构。任何帮助将不胜感激:)

0 个答案:

没有答案