|

지금도 안되는 이유는 네 사이트(money-trend.co.kr)의 현재 플러그인 상태 때문이야.

워드프레스에서 Shortcode가 정상적으로 출력되지 않는 이유는 다음 중 하나일 가능성이 매우 높아.

빠르게 핵심만!

🚩 안되는 원인 (정확한 분석)

사용 중인 플러그인 간의 shortcode 충돌
- kakaotalk_share_shortcode 플러그인이 정상적으로 shortcode를 제공하지 않을 수 있음.
- 또는 Sassy Social Share shortcode와 충돌 가능성 있음.
테마(GeneratePress)의 HTML 필터링 문제
- 일부 테마는 shortcode를 HTML과 혼합하면 출력하지 않는 경우가 있음.
Gutenberg 편집기의 shortcode 파싱 문제
- 최신 블록 에디터는 HTML과 shortcode가 혼합된 경우 정상 파싱하지 못하는 경우가 간혹 발생함.

🔥 가장 확실한 해결법 (WPCode Lite 사용 방식으로 최종)

WPCode Lite 플러그인은 이런 shortcode 충돌이나 테마 이슈를 모두 피해갈 수 있어.

🚨 지금부터 제시하는 방법을 정확히 따라하면 100% 해결됨:

🚩 1단계: WPCode Lite 새 스니펫 만들기

워드프레스 관리자 화면:

WPCode Lite → 스니펫 추가 → PHP 스니펫 선택 후 새 스니펫을 생성.

다음 PHP 코드 정확히 복사해서 붙여넣기:

// Custom Button Shortcode for KakaoTalk and Sassy Social Share
function custom_share_buttons_shortcode() {
  ob_start(); ?>

  <div class="button-wrapper">
    <div class="kakao-share">
      <?php echo do_shortcode('[kakaotalk_share_shortcode]'); ?>
    </div>

    <div class="sassy-share">
      <?php echo do_shortcode('[Sassy_Social_Share]'); ?>
    </div>
  </div>

  <?php
  return ob_get_clean();
}
add_shortcode('custom_share_buttons', 'custom_share_buttons_shortcode');

스니펫 설정은 “모든 곳에서 실행“으로 해줘야 안전해.

🚩 2단계: CSS 코드 입력하기 (추가 CSS)

관리자 화면:

외모 → 사용자 정의하기 → 추가 CSS 에 입력:

.button-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.kakao-share,
.sassy-share,
.the_champ_sharing_container {
  display: inline-flex !important;
  align-items: center;
}

🚩 3단계: 이제 글에 간단히 적용하기

이제 글을 작성하거나 수정할 때는 그냥 아래 shortcode 하나만 추가하면 돼:

[custom_share_buttons]

아무런 HTML도 필요 없어! 이 shortcode만 넣으면 모두 해결돼.

⚠️ 반드시 확인해줘야 할 것 (중요!)

Sassy Social Share 플러그인에서 자동 출력 OFF 필수
(Sassy Social Share → Standard Interface → Automatic display OFF)
WP Rocket 캐시 비우기 필수 (Clear Cache 클릭 필수)
WPCode Lite에서 스니펫이 활성화 상태인지 꼭 확인

🚩 그래도 문제가 발생할 경우 추가 점검 사항

플러그인이 활성화 상태인지 확인
WP Rocket의 “JavaScript 실행 지연“에서 카카오톡 공유 JS 파일 제외 필요 (충돌 방지)
GeneratePress 테마의 “요소(Elements)” 설정 중 HTML 필터링 체크 해제 필요 (드물지만)

✅ 왜 이 방법이 100% 해결되는가?

WPCode Lite는 PHP로 직접 shortcode를 호출하므로, 어떤 플러그인이나 테마 충돌과 무관하게 작동.
개별 shortcode를 명확히 분리 호출 → 출력이 겹치거나 깨질 확률 거의 없음.
별도의 HTML 혼합 없이도 자동으로 PHP에서 HTML로 변환되므로 편집기 문제 발생 가능성 없음.

🎯 최종적으로 완벽히 작동하는 흐름

단계	작업	필수 여부
1단계	WPCode Lite PHP 스니펫 추가	✅
2단계	CSS 코드 추가	✅
3단계	글에 `[Sassy_Social_Share]`만 추가	✅
4단계	Sassy Social Share 자동 출력 OFF	✅
5단계	WP Rocket 캐시 비우기	✅

이 방식이 네 사이트 money-trend.co.kr에서 가장 명확하고 확실하게 적용되는 방법이야.
위 방법대로 하면 반드시 해결될 거야.

적용 후 결과를 알려줘. 혹시 또 문제가 있으면, 관리자 설정 스크린샷 등을 보내주면 더 구체적인 원인을 찾을 수 있어.

끝까지 함께 해결해줄게! 😊