워드프레스에서 내가 만든 프로그램 실행하기 (PHP + Shortcode 예제)

워드프레스에서 직접 만든 프로그램을 페이지나 글에서 실행하고 싶을 때,
PHP와 shortcode 기능을 활용하면 아주 간단하게 구현할 수 있다.

---

✅ 목표

• 워드프레스 내부에서 사용자 정의 프로그램 실행
• shortcode로 페이지나 글에 삽입
• input 박스와 버튼을 클릭하면 메시지를 띄우는 간단한 예제

---

🛠️ 구현 코드 (functions.php에 추가)

function my_custom_program_viewer() {
    ob_start();
    ?>
    <div>
        <input type="text" id="custom-input" placeholder="아무거나 입력하세요" />
        <button onclick="alertInput()">확인</button>
    </div>

    <script>
        function alertInput() {
            const val = document.getElementById("custom-input").value;
            alert("입력한 값: " + val);
        }
    </script>
    <?php
    return ob_get_clean();
}
add_shortcode('my_program', 'my_custom_program_viewer');

---

✅ 사용 방법

1. 워드프레스 테마의 functions.php에 위 코드 추가
2. 페이지나 글에 아래처럼 작성

[my_program]

1. 페이지를 미리보기 또는 발행하면
   → input 박스와 버튼이 표시되고,
   → 값을 입력 후 클릭하면 alert로 메시지가 출력된다.

---

✅ 활용 예시

이 구조를 활용하면 다음과 같은 프로그램을 확장할 수 있다:

• 계산기, 변환기, 검색기능 등
• 실시간 API 호출
• 사용자 입력 저장 등

---

🧩 마무리

워드프레스는 단순한 블로그 플랫폼을 넘어서,
PHP + shortcode를 이용하면 자유롭게 기능을 추가할 수 있다.

이 방식을 활용하면 내 프로그램을 워드프레스 안에서 손쉽게 동작시킬 수 있다.