定製程序中的Wordpress選擇設置不能輸出正確的代碼

Question

我的WordPress主題中有一個定製程序部分。我爲一個圖標進行了設置和控制。我希望我的用戶能夠選擇他想要的圖標。我用類似icon-home的類實現了icomoon圖標字體。

我做了一個設定和像這樣的圖標控制：

$wp_customize->add_setting(
    'service1_icon', 
    array(
     'default' => 'icon1', 
     'type' => 'option', 
    ) 
); 

$wp_customize->add_control(
    'service1_icon', 
    array(
     'label' => 'Service 1 Icon', 
     'section' => 'section_services', 
     'type' => 'select', 
     'choices' => array(
      'icon1' => 'mobile', 
      'icon2' => 'home', 
     ), 
    ) 
); 

和HTML/PHP：

<span class="service-icon icon-<?php echo get_theme_mod('service1_icon', 'icon1'); ?>"></span> 

但是，當我在瀏覽器中我看到的輸出是這樣的：

而不是

<span class="service-icon icon-icon1"></span> 

：

<span class="service-icon icon-mobile"></span> 

Answer 1

我試圖修復它，並做了一些對我來說不合邏輯的東西，我修復了它。

首先，我刪除從設置類型：

$wp_customize->add_setting(
    'service1_icon', 
    array(
     'default' => 'icon1', 
    ) 
); 

於是我改名ICON1，ICON2 ......在圖標的實際名稱：

$wp_customize->add_control(
    'service1_icon', 
    array(
     'label' => 'Service 1 Icon', 
     'section' => 'section_services', 
     'type' => 'select', 
     'choices' => array(
      'mobile' => 'mobile', 
      'home' => 'home', 
     ), 
    ) 
);