Wordpress 重力表单-自定义进度条?
有人能给我解释一下修改重力表单进度条需要什么代码吗?我想将默认进度条更改为在每个步骤中使用自定义图形 开始:Wordpress 重力表单-自定义进度条?,wordpress,gravityforms,Wordpress,Gravityforms,有人能给我解释一下修改重力表单进度条需要什么代码吗?我想将默认进度条更改为在每个步骤中使用自定义图形 开始: 第一步: 第二步: 我试着遵循这一点,但方向在我的网站上不起作用 代码: add_filter('gform_progress_bar','my_custom_function',10,3); 函数my\u custom\u函数($progress\u bar、$form、$confirmation\u message) { $progress\u bar= “ 第1页 第2页 第
第一步:
第二步:
我试着遵循这一点,但方向在我的网站上不起作用 代码:
add_filter('gform_progress_bar','my_custom_function',10,3);
函数my\u custom\u函数($progress\u bar、$form、$confirmation\u message)
{
$progress\u bar=
“
- 第1页
- 第2页
- 第3页
';
返回$progress\u bar;
}
有什么想法吗 也许可以试试这样:
add_filter( 'gform_progress_bar', 'custom_progress_bar', 10, 3 );
function custom_progress_bar( $progress_bar, $form, $confirmation_message ) {
$current_page = GFFormDisplay::get_current_page( $form['id'] );
if($current_page == 1) {
$progress_bar = '<img src="path/to/image">';
} else if($current_page == 2){
$progress_bar = '<img src="path/to/image">';
} else if($current_page == 3){
$progress_bar = '<img src="path/to/image">';
} else if($current_page == 4){
$progress_bar = '<img src="path/to/image">';
} else if($current_page == 5){
$progress_bar = '<img src="path/to/image">';
}
return $progress_bar;
}
add_filter('gform_progress_bar','custom_progress_bar',10,3);
函数自定义进度条($progress\u bar、$form、$confirmation\u message){
$current_page=GFFormDisplay::get_current_page($form['id']);
如果($current_page==1){
$progress_bar='';
}else if($current_page==2){
$progress_bar='';
}else if($current_page==3){
$progress_bar='';
}else if($current_page==4){
$progress_bar='';
}else if($current_page==5){
$progress_bar='';
}
返回$progress\u bar;
}
下面提供的示例代码是我用来仅在第一页上隐藏进度条的代码,但在其余页面上显示。我相信您应该能够返回每个页面的步骤图像:
add_filter( 'gform_progress_bar', 'hide_progress_bar_wrap', 10, 3 );
function hide_progress_bar_wrap( $progress_bar, $form, $confirmation_message ) {
$current_page = GFFormDisplay::get_current_page( $form['id'] );
if($current_page == 1) {
$progress_bar = '<span class="wrap_progress_bar" style="visibility:hidden;display:none">'.$progress_bar.'</span>';
}
return $progress_bar;
}
add_filter('gform_progress_bar','hide_progress_bar_wrap',10,3);
函数hide\u progress\u bar\u wrap($progress\u bar,$form,$confirmation\u message){
$current_page=GFFormDisplay::get_current_page($form['id']);
如果($current_page==1){
$progress_-bar='.$progress_-bar'.';
}
返回$progress\u bar;
}
希望它能起作用 重力表单现在将此内置为其设置。您可以简单地从进度条调整到设置中的步骤,然后根据需要对样式应用其他CSS。无需为此使用自定义图形