我正在添加一些自定义代码,以使用Customize API动态显示Wordpress主题中的社交网络图标。
阻止它按预期工作的唯一问题是,我需要找到一种从另一个文件访问数组变量的方法,而不仅仅是从声明它的位置访问。
首先,我向functions.php
添加了一些代码,以在主题定制器中创建一些文本字段,如下所示:
function my_customizer_options($wp_customize) {
// Section
$wp_customize -> add_section ( 'my_social', array(
'title' => __('Social', 'my-theme'),
'description' => __('Social Network profiles', 'my-theme'),
'priority' => 20,
)
);
// Social Networks list
$socialnetworks = array(
// Social Network => Icon Name
'facebook' => 'fa-facebook-f',
'linkedin' => 'fa-linkedin-in',
'instagram' => 'fa-instagram',
'twitter' => 'fa-twitter',
);
// Settings and controls
foreach ($socialnetworks as $key => $value) {
$wp_customize -> add_setting ( $key, array( 'default' => '' ) );
$wp_customize -> add_control ( $key, array(
'type' => 'url',
'label' => __(ucfirst($key), 'my-theme'),
'section' => 'my_social',
));
}
add_action( 'customize_register', 'my_customizer_options' );
这使我可以随意将项目添加到$socialnetworks
数组中,并自动生成添加设置和控件所需的代码,而不必通过一次又一次地写下相同的代码来手动完成。也就是说,如果我需要为更多的社交网络添加更多字段,则可以简单地将条目添加到$socialnetworks
数组中,而无需复制整个// Settings and controls
代码。
到现在为止,它运行良好,我现在在定制器中有四个文本字段,可以在其中插入社交网络配置文件的URL。现在,我需要从主题模板文件中访问这些值。
这是我的header.php
文件的一部分,我要在其中显示链接到相应社交网络个人资料的图标:
/*
// Social Networks list
$socialnetworks = array(
// Social Network => Icon Name
'facebook' => 'fa-facebook-f',
'linkedin' => 'fa-linkedin-in',
'instagram' => 'fa-instagram',
'twitter' => 'fa-twitter',
);
*/
// Social Icon
foreach ($my_socialnetworks as $key => $value) {
if ( get_theme_mod($key, '')) { ?>
<a href="<?php echo get_theme_mod($key, '') ?>" target="_blank"><i class="fab <?php echo $value ?>"></i></a>
<?php };
}
这应该是使用get_theme_mod()
WP内置函数来检索在定制器中插入的值,并为每个插入的URL动态添加图标和相对链接。
问题是,为了使其工作,我需要取消注释$socialnetworks
数组,并基本上也从header.php
内部重新定义它,而我想从{{1 }}。
可能的问题可能是在functions.php
函数内部定义了$socialnetworks
;我试图将其移到函数本身之前,但这种方法甚至破坏了my_customizer_options()
中的代码而没有解决任何问题。
我需要正确的位置和正确的方法来一次定义functions.php
并能够从主题的任何文件中访问它,我应该如何修改代码以实现这一目标? strong>
答案 0 :(得分:1)
根据用户在注释中的建议,我将数组放入函数中,现在我可以通过调用函数从任何地方访问数组。
这是修改后的代码:
functions.php
:
// Social Networks list
function my_socialnetworks() {
$socialnetworks = array(
// Social Network => Icon Name
'facebook' => 'fa-facebook-f',
'linkedin' => 'fa-linkedin-in',
'instagram' => 'fa-instagram',
'twitter' => 'fa-twitter',
);
return $my_socialnetworks;
}
function my_customizer_options($wp_customize) {
// Section
$wp_customize -> add_section ( 'my_social', array(
'title' => __('Social', 'my-theme'),
'description' => __('Social Network profiles', 'my-theme'),
'priority' => 20,
)
);
$my_socialnetworks = my_socialnetworks();
// Settings and controls
foreach ($socialnetworks as $key => $value) {
$wp_customize -> add_setting ( $key, array( 'default' => '' ) );
$wp_customize -> add_control ( $key, array(
'type' => 'url',
'label' => __(ucfirst($key), 'my-theme'),
'section' => 'my_social',
));
}
add_action( 'customize_register', 'my_customizer_options' );
和header.php
:
$my_socialnetworks = my_socialnetworks();
// Social Icon
foreach ($my_socialnetworks as $key => $value) {
if ( get_theme_mod($key, '')) { ?>
<a href="<?php echo get_theme_mod($key, '') ?>" target="_blank"><i class="fab <?php echo $value ?>"></i></a>
<?php };
}