페이스북 댓글 위치 변경 문의

아래 그림과 같이 페이스북 댓글 위치를 아래 이미지와 같이
SNS 공유 아래로 옮기려고 하는데요.
어떻게 수정해야 하는지 확인 부탁 드릴 수 있을까요?
감사합니다.


https://blog.yonseibon.co.kr/cataract/40대-백내장-절망에서-희망으로/

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    소셜 공유 버튼 플러그인에서 워드프레스 글(Post)에 버튼을 표시할 때

    the_content 필터를 활용하고 있습니다.

     

    페이스북 댓글 쪽도 the_content 필터를 사용하고 있다면

    순서를 소셜 공유 버튼이 표시된 이후에 표시되도록 해야 할 듯합니다.

     

    페이스북 댓글을 어떻게 추가하셨는지 알려주시면

    저희도 도움 드릴 방법을 찾아보겠습니다.

    고맙습니다.

  • Wpdevart Facebook comments 라는 플러그인을 설치해서 설정했습니다.
    해당 플러그인을 설치하면
    좌측 메뉴들 하단에 FB comments 라는 메뉴가 생성되고,
    해당 메뉴에서 설정했습니다.

  • 안녕하세요.

    WpDevArt Facebook comments 플러그인 쪽에서 별도로 숏코드를 지원하고 있는 듯합니다.

    워드프레스 관리자 페이지에서 해당 플러그인 설정 중

    워드프레스 글(Post)에 페이스북 댓글을 표시하는 게 있다면 비활성화 하신 후에

     

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

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

    add_filter('the_content', 'my_the_content', 999, 1);
    function my_the_content($content){
    	$content .= do_shortcode('[wpdevart_facebook_comment facebook_app_id=601483053633049]');
    	return $content;
    }

    위의 코드 중에서 999 부분은 the_content 필터가 실행되는 순서입니다.

    별도로 설정하지 않을 경우 기본값은 10이며 소셜 공유 플러그인도 10으로 설정되어 있기 때문에

    위의 코드처럼 소셜 공유 플러그인이 먼저 표시된 후에 표시되도록 해보시겠어요?

    고맙습니다.

  • 감사합니다.
    덕분에 수정 잘 했습니다.
    송구하지만, 한 가지만 더 여쭙겠습니다.
     

    facebook_app_id=601483053633049
    에서 페이스북 앱 아이디는 제가 발급받은 아이디로 수정하면 되나요?

     

    감사합니다. ^^

  • 네, 맞습니다. facebook_app_id는 실제 발급받으신

    페이스북 앱 ID로 적용해주시면 됩니다.

    고맙습니다.

  • 알려주신 대로 하여 잘 설정되었습니다.

    한 가지만 더 여쭐 것이 있는데요.

    알려주신 방법으로 하니 글뿐만 아니라 페이지에서도 페이스북 댓글이 노출되고 있습니다.

    혹시 글에서만 노출되게 할 수 있는 방법이 있을까요?

  • 안녕하세요.

    워드프레스 글에만 해당 숏코드를 표시하시려면

    기존의 코드 대신 아래의 코드로 교체해서 확인해보시겠어요?

    add_filter('the_content', 'my_the_content', 999, 1);
    function my_the_content($content){
    	if(is_single()){
    		$content .= do_shortcode('[wpdevart_facebook_comment facebook_app_id=앱ID]');
    	}
    	return $content;
    }

    위의 코드에서 앱ID 부분은 실제 앱 페이스북 앱 id로 적용해보세요.

     

    is_single 함수에 대한 자세한 내용은

    아래의 링크를 참고해보세요.

    https://developer.wordpress.org/reference/functions/is_single/

    고맙습니다.

  • 감사합니다.
    덕분에 잘 해결했습니다. ^^

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기