WordPress 위젯을 추가하는 방법은 무엇입니까?테마 통합 위젯 영역

사용자 정의 메뉴 기능 및 사이드바 위젯, 예워드프레스(WordPress)테마의 주요 기능.

• 이 두 가지 기능이 없으면 테마를 만드는 것은 닭갈비와 같다...

천 웨이량전에웹사이트를 구축이 튜토리얼에서는 WordPress 테마를 제공하는 방법을 공유합니다.사용자 정의 메뉴를 추가합니다.

이 문서에서는 테마를 만들 때 사용자 지정 위젯 기능을 추가하는 방법에 대해 설명합니다.

테마에 사용자 정의 메뉴를 추가하는 것처럼 위젯을 사용자 정의 추가하는 데 3단계만 거치면 됩니다.

첫 번째 단계, 가제트 등록

위젯을 사용하려면 먼저 등록하고 WordPress 테마 아래의 functions.php 파일을 열고,

functions.php 파일에 다음 코드를 추가합니다.

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

sidebar.php의 태그와 일치하도록 functions.php의 li 및 h2 태그를 수정합니다.

'before_widget' 및 'after_widget'의 li 및 모듈 h2 제목은 실제 상황에 따라 코드를 수정합니다.

(아마도 수정 없이)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

위의 코드는 "top-sidebar"라는 위젯 영역을 등록합니다.

• 표시된 이름은 "상단 사이드바"입니다.
• 제목에 h2 태그를 추가합니다.
• 콘텐츠 항목에는 li 태그가 지정됩니다.

로그인워드프레스 백엔드대시보드에서 모양 → 위젯으로 이동합니다.

아래 그림의 오른쪽에 Top Sidebar 위젯 영역이 보이면 등록이 성공한 것입니다 ▼

두 번째 단계, 가젯 호출

가젯이 등록되면 테마 템플릿 파일에서 호출할 수 있으며 sidebar.php 파일에서 다음 코드를 호출할 수 있습니다.

1) sidebar.php 파일에서 가장 큰 li 또는 div 태그 아래에 ▼를 삽입합니다.

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) sidebar.php 파일에서 가장 큰또는위에 추가 ▼

<?php endif; ?>

XNUMX단계: 위젯 설정

1) 가젯이 등록되어 있고, 표시 위치도 테마 파일에 정의되어 있습니다.

• 워드프레스 배경에서 위젯 그룹 영역을 설정할 수 있습니다 ▼

2) 저장 후 첫 페이지를 새로 고칩니다.

• 홈페이지 사이드바는 아래 이미지와 같습니다 ▼

위의 그림을 보면 가젯이 만들어지고 평소와 같이 실행되고 있음을 알 수 있습니다.

다른 영역에 여러 WordPress 위젯을 추가하는 방법은 무엇입니까?

XNUMX단계와 XNUMX단계를 반복하여 WordPress 테마가 다른 위치에서 위젯을 지원하도록 합니다.

테마의 헤더, 사이드바 및 하단에 위젯을 추가해야 한다고 가정합니다.

1) 먼저 functions.php 파일에 다음 코드를 복사해야 합니다 ▼

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) 다음으로 header.php, sidebar.php, footer.php 파일에 각각 다음 코드를 추가합니다.

헤더.php ▼

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

사이드바.php ▼

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

바닥글.php ▼

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

이것은 성공입니다!

• 물론 필요에 따라 코드에서 다양한 세부 사항을 수정할 수도 있습니다 ^_^
• 위의 2단계에서는 나머지 테마가 위젯의 기능을 통합하도록 허용합니다.

다음으로 WordPress에서 위젯 사용에 대한 팁을 계속 공유합니다.

WordPress 테마 통합 위젯 위젯 팁

맞춤형 위젯을 효율적으로 관리:

1) 테마에 위젯을 추가한 후 별도의 파일을 생성하여 이름을 지정할 수 있습니다.widgets.php.

• 1단계에서 추가한 모든 사용자 정의 위젯 코드를 이 폴더에 저장하려면.

2) functions.php 파일에 코드를 추가하세요:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) 1단계에서 추가한 모든 사용자 정의 위젯 위젯 코드를 widgets.php 파일에 저장합니다.

이 방법을 사용하면 모든 위젯이 원활하게 로드되고 위젯을 지원하는 모든 WordPress 버전에서 작동합니다.

이렇게 하면 WordPress 테마 파일을 보다 효율적으로 관리할 수 있습니다.