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

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이후번호)부터 *로 표시되게 하고싶은데 이럴때는 어떻게 해야 구현이 될까요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기