WPFormsの必須項目に表示される*(アスタリスク)を「必須」に変更する方法

TOC

function.php

WPFormsの必須項目に表示される*(アスタリスク)を「必須」に変更するfunction.phpです

//wpforms
function wpf_dev_required_indicator( $text ) {
	return ' <span class="wpforms-required-label">必須</span>';
}
add_filter( 'wpforms_get_field_required_label', 'wpf_dev_required_indicator' );

追加css

追加cssでデザインを調整します

/* wpform アスタリスク */
div.wpforms-container-full .wpforms-form .wpforms-required-label{
	font-size:12px;
	color: #fff !important; 
	background-color: var(--color_main) !important;
	padding: 2px 7px 2px 6px!important;
	border-radius: 3px !important;
	white-space: nowrap;  
}

完成イメージはこちら

S H A R E
  • URLをコピーしました!

\ SWELLのカスタマイズ /

WordPressテーマ「SWELL」を

使用したカスタマイズ事例集

TOC