-
메타데이터 관리 플러그인 제작 과정WordPress 2023. 12. 14. 22:46
활용할 Php 코드
플러그인 메타데이터:
플러그인의 기본 정보(이름, 설명, 버전, 저자)를 정의합니다.
add_custom_meta_tags 함수:
워드프레스 헤더에 사용자 정의 메타 태그를 추가하는 기능을 합니다.
wp_head 액션에 연결되어 웹페이지 헤더에 메타 태그를 출력합니다.
my_custom_plugin_menu 함수:
워드프레스 관리자 메뉴에 새로운 메뉴 항목을 추가합니다.
add_menu_page 함수를 사용하여 메뉴를 생성합니다.
이 메뉴는 설정 페이지를 표시하는 콜백 함수 my_custom_plugin_settings_page로 연결됩니다.
my_custom_plugin_settings_page 함수:
플러그인의 설정 페이지를 구성합니다.
설정을 저장하는 데 필요한 폼과 버튼을 제공합니다.
my_custom_plugin_settings_init 함수:
플러그인 설정을 등록하고 설정 섹션을 추가합니다.
register_setting을 사용하여 설정을 등록합니다.
add_settings_section과 add_settings_field를 사용하여 설정 페이지에 섹션과 필드를 추가합니다.
콜백 함수:
설정 섹션과 필드에 대한 HTML 출력을 담당합니다.
테스트 간에 확인해야 할 사항
- 플러그인을 활성화한 후에 관리자 메뉴에 'Custom Plugin'이 표시되는지 확인
- 설정 페이지에서 입력한 정보가 올바르게 저장되고, 불러와지는지 확인
- 메타 태그가 페이지 소스에 정상적으로 출력되는지 확인
- 워드프레스 디버깅 로그를 확인하여 자세한 오류 메시지를 찾을 수 있습니다.
페이지 소스에 출력되는지 확인하는 방법
워드프레스 사이트에서 메타 태그가 페이지 소스에 올바르게 출력되는지 확인하는 방법은 다음과 같습니다:
- 워드프레스 대시보드에서 플러그인 활성화:
먼저, 워드프레스 관리자 대시보드에서 작성한 플러그인을 활성화해야 합니다. '플러그인' 섹션으로 이동하여 해당 플러그인을 찾아 '활성화' 버튼을 클릭합니다.
- 웹사이트 방문:
워드프레스 사이트를 방문합니다. 일반적으로 웹사이트의 홈페이지나 특정 포스트 페이지를 방문하면 됩니다.
- 페이지 소스 보기:
웹 브라우저에서 페이지 소스를 열어 봅니다. 대부분의 브라우저에서는 페이지를 우클릭하고 '페이지 소스 보기(View Page Source)' 또는 '소스 보기(View Source)' 옵션을 선택할 수 있습니다.
단축키를 사용할 수도 있습니다. 예를 들어, Chrome과 Firefox에서는 Ctrl+U (Windows/Linux) 또는 Command+Option+U (Mac)를 사용할 수 있습니다.
- 메타 태그 검색:
페이지 소스에서 <head> 섹션을 찾습니다. 이 부분에는 보통 메타 태그가 위치합니다.
Ctrl+F (Windows/Linux) 또는 Command+F (Mac)를 사용하여 'custom-meta'와 같은 고유한 키워드로 검색하면 쉽게 찾을 수 있습니다.
- 결과 확인:
코드에서 추가한 메타 태그 <meta name="custom-meta" content="This is a custom meta tag.">가 페이지 소스에 존재하는지 확인합니다.
만약 메타 태그가 보이지 않는다면, 플러그인 코드가 정확히 작성되었는지, 오류 없이 활성화되었는지 다시 확인해야 합니다. 또한, 캐싱 플러그인이나 서버 캐시가 활성화된 경우 캐시를 비워야 변경사항이 반영될 수 있습니다.