안녕하세요~^^

Akismet Anti-Spam 플러그인과 연동은 아직 테스트해보지 못했습니다.

구글 리캡차(reCAPTCHA)를 적용하시면 스팸을 차단하는데 효과를 보실 수 있습니다.

KBoard(케이보드) 게시판에 적용방법은 아래 링크를 참고해주세요.

워드프레스 게시판 구글 리캡차(reCAPTCHA) 적용하기

로봇이 아닌 사람이 광고성 스팸글을 남긴다면

어떠한 장치도 무용지물이 될 수 있습니다.

워드프레스 관리자 -> KBoard -> 대시보드 페이지에서

본문/제목/댓글 금지단어도 설정해보시겠어요?

고맙습니다.

안녕하세요.

Fatal error: Cannot redeclare 에러 메시지는

PHP 함수명이 중복됐을 때 표시됩니다.

my_kboard_get_template_field_html 함수명이 중복된 문제로 보입니다.

에러 메시지를 보면 테마 쪽 functions.php 파일에서

201번째와 342번째 줄 쪽 코드에서 충돌이 있는 듯합니다.

올려주신 코드 대신 아래의 코드로 적용해보시겠어요?

add_filter('kboard_get_template_field_html', 'my_kboard_get_template_field_html1', 10, 4);
function my_kboard_get_template_field_html1($html, $field, $content, $board){
    if($field['field_type'] == 'captcha' && kboard_use_recaptcha()){
        ob_start();
        ?>
        <div class="kboard-attr-row">
            <label class="attr-name">스팸확인</label>
            <div class="attr-value"><div class="g-recaptcha" data-sitekey="<?php echo kboard_recaptcha_site_key()?>"></div></div>
        </div>
        <?php
        $html = ob_get_clean();
    }
    
    return $html;
}

고맙습니다.

위 코드를 적용하면 조금 나아지긴 하니다만, 아래와 같은 지저분한 레이아웃이 나타나네요.  (부라우저 폭에 따라서) 

이건 어찌하면 좋을까요?

https://www.evernote.com/l/ACtZMYM1Od9AdL4UH1cSYrXRkozDwTHqrDU/

https://www.evernote.com/l/ACuaAuJW-fhG-bj-__U-w55rdpW5uxaIpXo/

안녕하세요~^^

모바일 레이아웃이 깨져 보이는 문제는

워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

@media screen and (max-width: 600px) {
	#kboard-default-editor .kboard-attr-row .attr-value { float: left; width: 100%; }
}

구글 리캡차는 아이프레임으로 공통된 레이아웃을 사용하기 때문에

너비를 조절하시려면 조금 특별한 방법을 사용해야 할 듯합니다.

아래 링크 참고해보시겠어요?

https://geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

고맙습니다.

알려주신 사이트는 영문이라 잘 이해가 안 되는데, 결국 어디를 어떻게 고치면 되나요?

현재는 아래와 같이 넓이를 바꿀때마다 조금 튀어나오거나 중앙정렬이 안되고있는 상황입니다.

https://www.evernote.com/l/ACtkWiy71W1OjpnDh3UkneRTqGfVZ2tOd_Q/

https://www.evernote.com/l/ACuqByBoN95LiJRrDcdudv-AYCdt1J8oy3U/

https://www.evernote.com/l/ACufH9H5Ty9HC7aPawat4okMihQ9zbDPg-Y/

안녕하세요.

구글 리캡차 크기를 조절하시려면

아래의 코드를 활용해보시겠어요?

#kboard-default-editor .g-recaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }

@media screen and (max-width: 600px) {
	#kboard-default-editor .g-recaptcha { transform:scale(1); -webkit-transform:scale(1); transform-origin:0 0; -webkit-transform-origin:0 0; }
	#kboard-default-editor .g-recaptcha div { margin: 0 auto; }
}

위의 코드에서 0.77 부분은 적절한 수치로 조절해보세요.

고맙습니다.

알려주신 코드로 많이 개선은 됬습니다만....한가운데로 정렬시키는 것은 불가능한가요?

현재는 이런 느낌입니다.

https://www.evernote.com/l/ACuW_EuoTmFFUZCQ_79mlsDoh4B6gMC0tYU/

안녕하세요.

모바일 쪽 CSS 코드를 먼저 추가하신 건지요?

PC 쪽 코드를 모바일 쪽 코드 위로 위치시켜 보시겠어요?

이전 댓글에 안내해드린 코드를 적용하면

PC 화면에서만 구글 리캡차 영역이 줄어들고

모바일에서는 원래 크기대로 표시됩니다.

고맙습니다.

사이즈는 별 문제가 되지 않는데요,,,현제 모바일에서 이렇게 표시되는 것을 중앙으로 정렬하는 것은 불가능 한가요?

https://www.evernote.com/l/ACsGI0Nme5RD-ZA1765zpLOBZtSVpYVU7sQ/

모바일에서 줄여진 구글 리캡차를 가운데로 정렬하시려면

아래의 코드도 추가해보시겠어요?

@media screen and (max-width: 600px) {
	#kboard-default-editor .g-recaptcha { transform: translateX(10%)  scale(0.77); -webkit-transform: translateX(10%)  scale(0.77); }
}

고맙습니다.

지난번에 안내해주신 아래코드에  my_kboard_get_template_field_html  라는 부분은 없는데, 어찌하면 좋을까요?

-----------------------------------------------------------------------------------------------

add_filter('kboard_get_template_field_html', 'my_kboard_get_template_field_html', 10, 4);
function my_kboard_get_template_field_html($html, $field, $content, $board){
    if($field['field_type'] == 'captcha' && kboard_use_recaptcha()){
        ob_start();
        ?>
        <div class="kboard-attr-row">
            <label class="attr-name">스팸확인</label>
            <div class="attr-value"><div class="g-recaptcha" data-sitekey="<?php echo kboard_recaptcha_site_key()?>"></div></div>
        </div>
        <?php
        $html = ob_get_clean();
    }
    
    return $html;
}

안녕하세요.

올려주신 에러 메시지를 확인해보니 PHP 함수명이 중복된 듯합니다.

워드프레스 필터는 여러 개 사용할 수는 있지만

PHP 함수명은 중복해서 사용할 수 없습니다.

안내해드린 코드 중에서 my_kboard_get_template_field_html 부분을 모두 찾아서

my_kboard_get_template_field_html1 이런 식으로 모두 교체해서 확인해보시겠어요?

고맙습니다.

위 코드를 삽입했더니 홈페이지가 하얀 백지로 변하면서 아래와 같은 에러가 표시되네요. 어찌하면 좋을까요?

-------------------------------------------------------------------

Fatal error: Cannot redeclare my_kboard_get_template_field_html() (previously declared in /home/marginpd/antfx.kr/public_html/wp-content/themes/sango-theme-child/functions.php:201) in /home/marginpd/antfx.kr/public_html/wp-content/themes/sango-theme-child/functions.php on line 342

크스포스팜 안내글 지시대로 Site key 하고 Secret key 를 적용했는데 그것만으로는 표시가 안되네요.

혹시 아래와 같은 작업까지 다 해야 하는 건지요? 스크립트를 추가하라는 것 까지는 알겠는데 그 다음은 무슨 작업이 필요한지요?

----------------------------------------------------------------------

Paste this snippet before the closing </head> tag on your HTML template:
<script src='https://www.google.com/recaptcha/api.js'></script>

Paste this snippet at the end of the <form> where you want the reCAPTCHA widget to appear:
<div class="g-recaptcha" data-sitekey="6LfI6IoUAAAAABvr8ikDvHiwbVCn99vYhL-f0o8n"></div>

The reCAPTCHA documentation site describes more details and advanced configurations.
When your users submit the form where you integrated reCAPTCHA, you'll get as part of the payload a string with the name "g-recaptcha-response". In order to check whether Google has verified that user, send a POST request with these parameters:
URL: https://www.google.com/recaptcha/api/siteverify
secret (required)    6LfI6IoUAAAAAGUr6rm5uMl5vjQrnhus16pHwBOx
response (required)    The value of 'g-recaptcha-response'.
remoteip    The end user's ip address.

구글 리캡차(reCAPTCHA)의 경우 스크립트는 자동으로 추가됩니다.

그리고 로그인되어 있다면 표시되지 않습니다.

비로그인의 경우에만 표시됩니다.

이미 회원가입 후 로그인했을 정도라면 로봇이 아니라 사람이 스팸을 남길 가능성도 있는데요.

사람이라면 리캡차 같은 것도 무용지물이 될 가능성이 높습니다.

본문/제목/댓글 금지단어 설정을 해보시는 게 좋을 듯합니다.

웹호스팅 관리자에게 해외 ip를 차단하는 방법을 문의해서 적용해보시면 어떨까 합니다.

고맙습니다.

스크립트는 자동으로 추가된다고 말씀하셨는데...  저의 사트에서는 비로그인 시 문의글 작성페이지에 리켑쳐가 표시되지 않습니다. (2개의 키는 이미 설정해놓은 상태입니다) 

아래 구글페이지에있는 스텝1과 스텝2는 무시해도 된다는 말씀이신거죠?

https://www.evernote.com/l/ACveNpYrWwFKSrBJPRD_u1ab20MftNAhYzw/

●문의페이지

https://antfx.kr/contact/

안녕하세요.

안내해드린 링크대로 설정했는 데도 비회원으로 글쓰기 시

구글 리캡차가 표시되지 않으신다면

워드프레스 관리자 -> KBoard -> 대시보드 페이지에서

모든 게시판에서 비로그인 사용자 CAPTCHA 기능을 사용하기로 설정해보시겠어요?

고맙습니다.

'모든 게시판에서 비로그인 사용자 CAPTCHA 기능을 사용중입니다.' 라고 나오는데 왜 적용이 안 되는 건지요?

https://www.evernote.com/l/ACtNMXOrvIBHPpMBZu2OV48XKa9jVik7b60/

안녕하세요.

올려주신 이미지 확인해보니 설정에는 문제가 없는 듯합니다.

KBoard 대시보드 페이지 구글 reCAPTCHA 설정에서

Site key와 Secret key가 잘못 설정되어 있어도 화면에는

구글 reCAPTCHA 필드가 표시되어야 합니다.

게시글 작성 페이지 관련해서 코드를 수정하신 게 있으신지요?

스킨 파일의 editor.php 파일 또는 editor-fields.php 파일을 수정하셨는지요?

만약, 수정하신 부분이 없다면

저희 고객지원 쪽 이메일로 워드프레스 관리자 계정과 FTP 접속 정보를 보내주시면

비용이 들지 않는 선에서 점검해드리겠습니다.

고맙습니다.

저희 고객지원 쪽 이메일로 보내주신 정보로 확인해보니

입력필드 설정 페이지에서 캡차 필드를 지우신 듯합니다.

현재는 캡차 필드를 추가해두었습니다.

확인해보시겠어요?

워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 페이지에서

KBoard 기본 필드인 캡차 (보안코드) 필드를 설정하실 수 있습니다.

추가로 해당 사이트에서 캡차 활성화 시 필드 레이블 쪽에

불필요한 공간이 표시됩니다.

입력 필드의 레이블을 설정하시거나 안 보이게 하시려면

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

#kboard-default-editor .kboard-attr-row.kboard-attr-captcha .attr-name { display: none; }

고맙습니다.

그런 설정이 있었군요. 감사합니다! 마지막으로...추가된 항목의 스타일을 아래그림처럼 수정하려면 어떻게 해야 하는지요?

https://www.evernote.com/l/ACtyOuc42rZD6b4V3mg5bSo9F4H1xQdPszA/

안녕하세요.

올려주신 이미지처럼 적용하시려면

이전 댓글에 안내해드린 CSS 코드는 지우신 후

아래의 코드를 새로 추가해보세요.

#kboard-default-editor .kboard-attr-row .attr-value .g-recaptcha div { margin: 0 auto; }

워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

아래의 코드를 추가해보시겠어요?

add_filter('kboard_get_template_field_html', 'my_kboard_get_template_field_html', 10, 4);
function my_kboard_get_template_field_html($html, $field, $content, $board){
	if($field['field_type'] == 'captcha' && kboard_use_recaptcha()){
		ob_start();
		?>
		<div class="kboard-attr-row">
			<label class="attr-name">스팸확인</label>
			<div class="attr-value"><div class="g-recaptcha" data-sitekey="<?php echo kboard_recaptcha_site_key()?>"></div></div>
		</div>
		<?php
		$html = ob_get_clean();
	}
	
	return $html;
}

고맙습니다.

캐쉬가 문제였던지....위 코드를 적용하기 전에 자동으로 해결되었습니다.감사합니다～