WordPress의 헤더를 작성하는 방법

WordPress에서 사용자 정의 헤더를 만드는 단계는 다음과 같습니다. 테마 파일 "header.php"편집. 웹 사이트 이름과 설명을 추가하십시오. 탐색 메뉴를 만듭니다. 검색 표시 줄을 추가하십시오. 변경 사항을 저장하고 사용자 정의 헤더를보십시오.

WordPress 헤더를 만드는 방법

WordPress에서 헤더는 웹 사이트의 각 페이지 상단에 표시되는 영역입니다. 일반적으로 웹 사이트 이름, 내비게이션 메뉴 및 검색 창과 같은 중요한 요소가 포함되어 있습니다. 사용자 정의 헤더를 만들면 웹 사이트의 외관 및 사용자 경험을 향상시킬 수 있습니다.

1 단계 : 주제 파일 편집

웹 사이트 대시 보드로 이동하여 모양> 테마 편집기로 이동하십시오.

2 단계 : 헤더 파일을 찾습니다

주제 파일 목록에서 "header.php"라는 파일을 찾아 클릭하십시오.

3 단계 : 웹 사이트 이름과 설명을 추가하십시오

파일 상단에는 다음과 유사한 코드가 있습니다.

 <code><div class="site-branding"> <a href="<?php%20echo%20esc_url(%20home_url(%20'/'%20)%20);%20?>" rel="home"> <h1><?php bloginfo( &#39;name&#39; ); ?></h1> <p><?php bloginfo( &#39;description&#39; ); ?></p> </a> </div></code>

이 코드는 웹 사이트 이름 (bloginfo ( 'name')) 및 설명 (bloginfo ( 'description'))를 보여줍니다. 웹 사이트 정보에 맞게 이러한 값을 편집 할 수 있습니다.

4 단계 : 탐색 메뉴를 만듭니다

웹 사이트 이름 아래에 다음 코드를 추가하여 탐색 메뉴를 만듭니다.

 <code><nav class="site-navigation"> <?php wp_nav_menu( array( &#39;theme_location&#39; => 'primary' ) ); ?> </nav></code>

여기서는 "기본"은 내비게이션 메뉴의 등록 된 위치입니다. 필요에 따라 여러 메뉴를 만들 수 있습니다.

5 단계 : 검색 표시 줄을 추가하십시오

탐색 메뉴 옆에 검색 표시 줄을 추가 할 수 있습니다.

 <code><form role="search" method="get" class="search-form"> <input type="search" class="search-field" placeholder="Search…" name="s"> <button type="submit" class="search-submit"><span class="screen-reader-text">Search</span></button> </form></code>

6 단계 : 저장 및보기

파일을 편집 한 후 파일 업데이트 버튼을 클릭하여 변경 사항을 저장하십시오. 그런 다음 웹 사이트를 방문하여 사용자 정의 헤더를보십시오.

위 내용은 WordPress의 헤더를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!