설정 API로 WP 테마 설정 페이지 생성-Word누르다-php.cn

집

CMS 튜토리얼

Word누르다

설정 API로 WP 테마 설정 페이지 생성

Lisa Kudrow

Feb 17, 2025 pm 12:25 PM

설정 API로 WP 테마 설정 페이지 생성 키 테이크 아웃

WordPress 설정 API는 테마 설정 페이지를 작성하는 데 인기있는 도구로, PHP 또는 CSS 파일을 직접 편집하지 않고도 기능, 동작 및 스타일을 사용자 정의 할 수 있습니다. 이로 인해 테마를보다 쉽게 업데이트하고 사용자의 변경 사항 손실을 방지합니다. 설정 API는 소셜 프로파일 URL, 정적 또는 반응 형 레이아웃 사이의 선택 및 로고 업로드와 같은 사용자 정의 옵션을 허용합니다. 이러한 기능은 add_settings_section, add_settings_field 및 register_setting과 같은 함수를 사용하여 추가 할 수 있습니다. 설정 API가 옵션 API를 사용하여 내부적으로 값을 저장하므로 설정 API를 사용하여 전면 끝에서 검색 할 수 있습니다. 이를 통해 테마의 사용자 정의 설정에 쉽게 액세스하고 활용할 수 있습니다.

대부분의 WordPress 테마에는 기능, 동작 및 스타일을 사용자 정의하는 테마 설정 페이지가 있습니다. 테마로 테마 설정 페이지를 제공하면 사용자가 PHP 또는 CSS 파일을 직접 편집하는 대신 테마를 쉽게 사용자 지정할 수 있습니다. 이렇게하면 사용자가 변경 한 내용을 잃지 않기 때문에 테마를보다 쉽게 업데이트 할 수 있습니다.

이 튜토리얼에서는 테마 설정 페이지, 즉 WordPress 설정 API를 사용하는 'WordPress'권장 방법을 배웁니다. WordPress 설정 API는 WordPress 2.7에 추가되었으며 그 이후로 가장 인기있는 WordPress API 중 하나가되었습니다. 이 튜토리얼은 WordPress 플러그인에 설정 페이지를 추가하려는 경우에도 유용합니다. 시작하자. 테마 설정 페이지에 무엇을 포함시킬까요?

테마 설정 페이지 페이지 메뉴 항목 먼저 테마 설정 페이지에 액세스 할 관리자 패널에서 메뉴 항목을 만들어야합니다. 우리는 WordPress 메뉴 API를 사용하여 메뉴 항목을 만들 수 있습니다. 다음은 메뉴 항목을 만들기위한 코드입니다.

여기, 테마 패널은 메뉴 항목을 나타내는 고유 ID입니다. Theme_settings_Page는 메뉴 API에서 만든 페이지의 내용을 표시하기위한 콜백입니다. 다음 에이 기능을 코딩 할 예정입니다.

여기가 어떻게 보이는지

설정 개요 api

설정 API는 메뉴 항목 API로 생성 된 페이지를 채우는 데 사용됩니다. 설정 페이지는 섹션과 필드로 나뉩니다 이 튜토리얼을 위해, 우리는 단일 섹션을 만들고 해당 섹션 내부의 모든 필드를 넣을 것입니다.

 여기에 섹션을 생성하고 제출 버튼을 추가하기위한 테마 _settings_page 함수의 코드가 있습니다.

<p>

<register> 여기서 우리는 ID 섹션이있는 settings_field를 사용하여 섹션을 등록하고 있습니다. 테마 옵션은 섹션에 속하는 모든 필드에 대한 그룹 ID입니다. 마지막으로, 제출 _button () 함수는 테마 설정 페이지의 제출 버튼을 반영합니다.


<that> 여기가 어떻게 보이는지입니다. 

</that></register></p>

<profile> 소셜 프로파일 URL 추가 

 이제 설정 페이지에 필드를 추가하여 Facebook 및 Twitter 프로필 URL을 저장하겠습니다. 거의 모든 WordPress 테마에는 소셜 프로필 옵션이 있으므로 편리하고 실용적인 예입니다. 

<code> 다음은 설정 API를 사용하여 입력 텍스트 필드를 추가하는 코드입니다.

<pre class="brush:php;toolbar:false">&lt;span&gt;function theme_settings_page(){}
&lt;/span&gt;
&lt;span&gt;function add_theme_menu_item()
&lt;/span&gt;&lt;span&gt;{
&lt;/span&gt;	&lt;span&gt;add_menu_page(&quot;Theme Panel&quot;, &quot;Theme Panel&quot;, &quot;manage_options&quot;, &quot;theme-panel&quot;, &quot;theme_settings_page&quot;, null, 99);
&lt;/span&gt;&lt;span&gt;}
&lt;/span&gt;
&lt;span&gt;add_action(&quot;admin_menu&quot;, &quot;add_theme_menu_item&quot;);&lt;/span&gt;</pre>

<panel> 관리자 패널이 초기화 된 후 섹션 및 필드 디스플레이 콜백을 등록합니다. 여기서 우리는 세 가지 중요한 기능을 사용하고 있습니다 : 

<p>
	<ting ting> add_settings_section은 제목과 설명 섹션을 표시하는 데 사용됩니다.
	<ting> add_settings_field는 필드의 HTML 코드를 표시하는 데 사용됩니다.
	<ting ting> register_setting은 필드 값을 자동화하기 위해 호출됩니다.
</ting></ting></ting></p>

<our> 여기에 설정 페이지가 어떻게 생겼는지 

<p>

<seen> 이제 설정 페이지를 사용하여 입력 텍스트 필드를 추가하는 방법을 보았습니다. 정적 또는 반응 형 레이아웃 중에서 선택할 수있는 옵션을 제공하여 확인란을 추가하는 방법을 살펴 보겠습니다.

<to> 레이아웃 중에서 선택할 옵션 추가 </to></seen></p>

<how> display_theme_panel_fields 함수를 확장하는 방법을 살펴 보겠습니다.

<code>이를 달성하기위한 코드는 다음과 같습니다

<img  src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173976631443067.png?x-oss-process=image/resize,p_40" class="lazy" alt="설정 API로 WP 테마 설정 페이지 생성" >

<new> 우리는 add_settings_field를 사용하여 새 설정 필드를 추가하고 평소와 같이 register_settings를 사용하여 등록했습니다. 한 가지, 사용자가 확인란을 확인했는지 여부를 알려주려면 checked () 함수를 사용하고 있습니다.

 checked () 함수는 값을 다른 값과 비교하고, 동일하면 점검 된 속성을 반향합니다.

<our> 다음은 설정 페이지가 지금 어떻게 보이는지입니다. <h2>


</h2>

<a> 로고 업로고 

<set> register_setting 함수는 콜백 인 세 번째 인수를 취하며,이 콜백은 설정을 데이터베이스에 저장하기 전에 발사됩니다. 이 콜백을 사용하여 업로드를 처리 할 수 있습니다

<to> 다음은 설정 페이지에서 로고를 업로드하는 코드입니다.

<p>

 여기에서는 WP_HANDLE_UPLOAD를 사용하여 이미지 파일을 저장하고 URL을 검색하고 옵션으로 저장하고 있습니다.

<our> 여기에 설정 페이지가 지금 보이는 방식이 있습니다. 잘 지내고 있습니다! <img  src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173976632186362.png?x-oss-process=image/resize,p_40" class="lazy" alt="설정 API로 WP 테마 설정 페이지 생성" >

<setting> 설정 검색 

<to> 테마는 프론트 엔드에서 설정 값을 검색해야합니다. 설정 API는 내부적으로 옵션 API를 사용하여 값을 저장합니다. 따라서 get_option () 함수를 사용하여 값을 검색 할 수 있습니다

<simple> 그것은 매우 간단합니다. 여기 코드가 있습니다. <h2>

</h2>

<p> 결론 

<we>이 기사에서는 설정 API를 사용하여 테마 설정 페이지를 쉽게 만들 수있는 방법을 보았습니다. 다양한 데이터 형식으로 입력 할 텍스트, 파일 및 확인란 입력 필드를 만들었습니다. 계속해서 페이지를 확장하고 더 많은 양식 컨트롤을 추가하십시오. </we></p>



<questions> WordPress 테마 설정 페이지 작성에 대한 자주 묻는 질문 (FAQ)



<word> WordPress 설정 API는 무엇이며 중요한 이유는 무엇입니까? <p> </p> WordPress 설정 API는 개발자가 테마 및 플러그인 설정을 만들고 관리 및 제어하는 일련의 함수 및 후크입니다. 표준화되고 안전한 데이터를 처리하는 방법을 제공하기 때문에 중요합니다. 또한 테마 나 플러그인이 WordPress 생태계와 호환되도록하여 사용자가 WordPress Admin 영역에서 설정을보다 쉽게 관리 할 수 있도록합니다. <pre class="brush:php;toolbar:false">&lt;span&gt;function theme_settings_page(){}
&lt;/span&gt;
&lt;span&gt;function add_theme_menu_item()
&lt;/span&gt;&lt;span&gt;{
&lt;/span&gt;	&lt;span&gt;add_menu_page(&quot;Theme Panel&quot;, &quot;Theme Panel&quot;, &quot;manage_options&quot;, &quot;theme-panel&quot;, &quot;theme_settings_page&quot;, null, 99);
&lt;/span&gt;&lt;span&gt;}
&lt;/span&gt;
&lt;span&gt;add_action(&quot;admin_menu&quot;, &quot;add_theme_menu_item&quot;);&lt;/span&gt;</pre> <h2 id="WordPress-테마-설정-페이지에-새-섹션을-추가-할-수-있습니까"> WordPress 테마 설정 페이지에 새 섹션을 추가 할 수 있습니까?  </h2>
<p> WordPress에서 설정을 등록하려면 WordPress에 설정을 등록하려면 Register_Setting () 함수를 사용할 수 있습니다. 이 함수는 옵션 그룹, 옵션 이름 및 설정을 정의하는 인수 배열의 세 가지 매개 변수를 취합니다. 옵션 그룹은 settings_fields () 함수에 사용 된 그룹과 일치해야하며 옵션 이름은 데이터베이스에 저장할 옵션의 이름입니다.  </p> 내 설정을위한 양식 필드를 어떻게 만들 수 있습니까? <h2> </h2> 설정을위한 양식 필드를 만들려면 add_settings_field () 함수를 사용할 수 있습니다. 이 기능은 필드의 ID, 필드 제목, 폼 필드를 출력하는 콜백 함수, 필드를 표시 해야하는 페이지, 필드를 추가 해야하는 섹션 및 인수 배열을 포함한 여러 매개 변수를 사용합니다. 필드의 경우.  <h3 id="내-설정을-검증하고-소독-할-수-있습니까"> 내 설정을 검증하고 소독 할 수 있습니까? </h3> <p> 설정을 검증하고 소독하려면 Register_Setting () 함수에서 SONITIZE_CALLBACK 인수를 사용할 수 있습니다. 이 인수는 입력 데이터를 취하고 유효성을 검증하고 소독 한 다음 소독된 데이터를 반환하는 콜백 기능이어야합니다. 이를 통해 데이터베이스에 유효하고 안전한 데이터 만 저장되도록합니다. </p>
<display> 설정 페이지에 설정을 표시하려면 어떻게해야합니까? <h3> </h3> 설정 페이지에 설정을 표시하려면 양식에서 Settings_Fields () 및 do_settings_sections () 함수를 사용할 수 있습니다. settings_fields () 함수는 설정 페이지의 Nonce, Action 및 옵션 페이지 필드를 출력하는 반면 Do_settings_sections () 함수는 페이지에 추가 된 섹션과 필드를 출력합니다. <p> </p> STRUPS에서 설정을 저장할 수있는 방법 ?  <h3 id="WordPress에-설정을-저장하려면-설정-페이지에-양식을-제출해야합니다-양식이-제출되면-WordPress는-register-setting-함수를-사용하여-설정을-자동으로-저장합니다-또한-update-option-함수를-사용하여-설정을-수동으로-저장할-수-있습니다"> WordPress에 설정을 저장하려면 설정 페이지에 양식을 제출해야합니다. 양식이 제출되면 WordPress는 register_setting () 함수를 사용하여 설정을 자동으로 저장합니다. 또한 update_option () 함수를 사용하여 설정을 수동으로 저장할 수 있습니다. </h3> <p> WordPress에서 설정을 검색하려면 WordPress에서 설정을 검색하려면 get_option ()을 사용할 수 있습니다. 기능. 이 함수는 옵션의 이름을 매개 변수로 취하고 옵션 값을 반환합니다. 옵션이 존재하지 않으면 두 번째 매개 변수로 지정할 수있는 기본값을 반환합니다.  </p> WordPress에서 내 설정을 삭제하려면 WordPress에서 설정을 삭제하려면 어떻게 delete_option () 함수를 사용할 수 있습니다. 이 함수는 옵션 이름을 매개 변수로 취하고 데이터베이스에서 옵션을 삭제합니다. 옵션을 영구적으로 삭제할 때이 기능을 사용할 때 조심하십시오. <h3> </h3> 설정 페이지에서 문제를 해결하는 방법은 무엇입니까? <p> </p> 설정 페이지에서 문제를 해결하려면 제공된 다양한 디버깅 도구를 사용할 수 있습니다. WordPress에 의해. 예를 들어 WP_DEBUG 상수를 사용하여 디버그 모드를 활성화하고 PHP 오류, 통지 및 경고를 표시 할 수 있습니다. var_dump () 함수를 사용하여 변수 값을 출력하고 처리중인 데이터를 확인할 수 있습니다.</display></word></questions></simple></to></setting></our></p></to></set></a></our></new>

위 내용은 설정 API로 WP 테마 설정 페이지 생성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.