위젯 커스터마이징을 통한 워드프레스 기능 강화

// 자식 테마 폴더 > functions.php에 위젯 영역 추가
function custom_widgets_init() {
    register_sidebar(array(
        'name' => 'Custom Header Widget',
        'id' => 'header-widget',
        'before_widget' => '<div class="header-widget">',
        'after_widget' => '</div>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',
    ));
}
add_action('widgets_init', 'custom_widgets_init');

/* 커스텀 위젯 스타일 예시 */
.custom-widget {
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
}
.custom-widget h4 {
    color: #333;
}

// 로그인 하지 않은 사용자에게 특정 위젯을 숨기기
add_filter( 'widget_display_callback', function ( $instance, $widget, $args ) {
// is_user_logged_in -> 로그인하면 true 
    return ( !is_user_logged_in() and in_array($widget->id, array('block-15', 'block-19'))) ? false : $instance;
}, 10, 3 );

class Custom_Widget extends WP_Widget {
    function __construct() {
        parent::__construct('custom_widget', __('Custom Widget', 'text_domain'));
    }

    function widget($args, $instance) {
        echo $args['before_widget'];
        if (!empty($instance['title'])) {
            echo $args['before_title'] . $instance['title'] . $args['after_title'];
        }
        echo '<p>여기에 사용자 지정 콘텐츠가 표시됩니다.</p>';
        echo $args['after_widget'];
    }

    function form($instance) {
        // 양식 입력 필드
    }

    function update($new_instance, $old_instance) {
        // 로직 업데이트
    }
}
add_action('widgets_init', function() {
    register_widget('Custom_Widget');
});

/* 간단한 fade-in 애니메이션 */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.custom-widget {
    animation: fadeIn 2s ease-in-out;
}

<!-- 간단한 소셜 미디어 위젯 예시 -->
<div class="social-widget">
    <a href="https://instagram.com" target="_blank">인스타그램</a>
    <a href="https://blog.naver.com" target="_blank">네이버 블로그</a>
    <a href="https://story.kakao.com"target="_blank">카카오 스토리</a>
    <a href="https://band.us" target="_blank">네이버 밴드</a>
    <a href="https://facebook.com" target="_blank">페이스북</a>
    <a href="https://twitter.com" target="_blank">트위터</a>
</div>

// functions.php에 최신 게시물 위젯 예시
function recent_posts_widget() {
    $recent_posts = new WP_Query(array(
        'posts_per_page' => 5,
        'post_status' => 'publish',
    ));
    if ($recent_posts->have_posts()) {
        echo '<ul>';
        while ($recent_posts->have_posts()) {
            $recent_posts->the_post();
            echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
        }
        echo '</ul>';
    }
    wp_reset_postdata();
}
add_action('widgets_init', function() {
    register_sidebar_widget('Recent Posts Widget', 'recent_posts_widget');
});