컨텍트폼으로 입력된내용을 홈페이지 본문에 롤링되도록 해봤는데

function.php 파일에 이렇게 필터를 추가했습니다

add_filter('kboard_get_template_field_html', 'kboard_get_template_field_html_20210219', 10, 4);
function kboard_get_template_field_html_20210219($field_html, $field, $content, $board){
	if($field['field_type'] == 'phone'){
		ob_start();
		?>
		<div class="kboard-attr-row">
			<label class="attr-name" for="kboard_option_phone">연락처</label>
			<div class="attr-value">
				<input type="text" id="kboard_option_phone" name="kboard_option_phone"  class="required" onKeyup="inputMoveNumber(this);"value="<?php echo $content->option->phone?>" minlength="2" maxlength="3"style="width: 100px;">-
				<input type="text" id="kboard_option_phone2" name="kboard_option_phone2"onKeyup="inputMoveNumber(this);" value="<?php echo $content->option->phone2?>" minlength="2" maxlength="4"style="width: 100px;">-
				<input type="text" id="kboard_option_phone3" name="kboard_option_phone3"onKeyup="inputMoveNumber(this);" value="<?php echo $content->option->phone3?>" minlength="2" maxlength="4"style="width: 100px;">
			</div>
		</div>
<script type="text/javascript">
		function inputMoveNumber(num) {
			if(isFinite(num.value) == false) {
				alert("연락처는 숫자만 입력할 수 있습니다.");
				num.value = "";
				return false;
			}
			max = num.getAttribute("maxlength"); // 3글자 쓰면 자동으로 다음 칸 넘어가기 
			if(num.value.length >= max) {
				num.nextElementSibling.focus();
			}      
                    
		}
            
                  
		</script>
		<?php
		$field_html = ob_get_clean();
	}

	return $field_html;
}

add_filter('kboard_document_add_option_value_field_html', 'kboard_document_add_option_value_field_html_20210219', 10, 4);
function kboard_document_add_option_value_field_html_20210219($value_html, $field, $content, $board){
	if($field['field_type'] == 'phone'){
		$value_html = sprintf('<div class="kboard-document-add-option-value meta-key-%s"><span class="option-name">%s</span> : %s</div><hr>', $field['field_type'], $field['field_name'], "{$content->option->phone}-{$content->option->phone2}-{$content->option->phone3}");
	}
	
	return $value_html;
}

그리고 latest.php 파일에 

<style>
.notice{font-weight: bold; font-size: 18px; width:100%; height:255px; overflow:hidden; background-color:#fff;}
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:50px; line-height:50px;}
</style>


<div class="notice">
	<ul class="rolling" style="list-style:none; ">
	<?php while($content = $list->hasNext()):?>
		<li><a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
<span class="kboard-latest-info kboard-title"><?php echo $content->title?></span>
<span class="kboard-latest-info kboard-latest-phone"><?php echo $content->option->{'phone'}?>-

<?php echo $content->option->{'phone2'}?>-
<?php echo $content->option->{'phone3'}?>
</span>
<span class="kboard-latest-info kboard-latest-date"><?php echo $content->getDate()?></span></a></li>
	<?php endwhile;?>
	</ul>
</div>
<script>
jQuery(document).ready(function(){
	var rolling = function(){
		setTimeout(function(){
			jQuery('.rolling li:first').animate({marginTop:'-50px'}, 500, function(){
				jQuery(this).detach().appendTo('.rolling').css({'margin':'0'});
			});
			rolling();
		}, 4000);
	};
	rolling();
});
</script>

이렇게 입력하여 롤링이 되게끔 해봤는데요 title은 이름입력이고 phone는 연락처 입력칸입니다

숏코드를 이용해서 홈페이지 전면에 보여질때 이름은 성을 제외하면 *로 표시되게끔 하고싶고

전화번호도 010-0000-0000처럼 나올때 두번째칸 두번째 번호(010-0이후번호)부터 *로 표시되게 하고싶은데 이럴때는 어떻게 해야 구현이 될까요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요