블로그 위젯 검색해서 들어온 사람들 보면 대충 셋 중 하나더라. 네이버 블로그에 배너 하나 달고 싶은데 방법을 모르거나, 워드프레스 사이드바에 뭘 넣어야 할지 막막하거나, 무료로 되는 건지 돈 내야 되는 건지 헷갈리거나. 서버 수백 개 돌리면서 사이트 계속 찍어내다 보니 이 질문 진짜 많이 받아서 한 번 정리해야겠다.
블로그 위젯이 뭔데
위젯은 본문(글) 영역 말고 사이드바·상단·하단 같은 고정 영역에 들어가는 작은 블록이다. 배너, 최근 글 목록, 카테고리, 방문자 카운터, SNS 링크 이런 것들이 다 위젯이다. 네이버 블로그랑 워드프레스는 구조 자체가 완전히 달라서 접근법도 다르게 가야 한다.
네이버 블로그 위젯 – 무료로 되는 거
네이버는 자체 기능으로 위젯 등록을 지원한다. 절차는 이렇다.
- 블로그 관리 → 꾸미기 설정 → 레이아웃·위젯 설정 들어간다
- 화면 우측 하단에 ‘위젯 직접등록’ 있다
- 위젯 이름 넣고 위젯코드입력 창에 이미지 URL + 링크 주소 조합한 HTML 넣으면 끝
이미지랑 링크만 있으면 배너형 위젯 만드는 거라 어려울 거 하나도 없다. 여백만 잡고 싶으면 img 없이 높이값만 주는 여백위젯 소스 쓰면 되고. 이건 100% 무료고 별도 유료 위젯 서비스는 딱히 필요도 없다.
워드프레스 위젯 – 사이드바 건드리는 법
워드프레스는 얘기가 다르다. 관리자 화면 ‘모양 → 위젯’에서 사이드바·푸터 같은 위젯 영역에 블록 끌어다 놓는 방식이다. 근데 테마마다 위젯 영역 개수랑 위치가 다 달라서, 원하는 자리에 위젯 영역이 아예 없는 경우도 많다.
그럴 땐 직접 위젯 영역을 만들어야 하는데, functions.php에 이렇게 등록한다.
function my_custom_sidebar() {
register_sidebar(array(
'name' => '커스텀 위젯 영역',
'id' => 'custom-sidebar-1',
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
}
add_action('widgets_init', 'my_custom_sidebar');
이렇게 register_sidebar 함수를 widgets_init 액션에 걸어주면 관리자 위젯 화면에 새 영역이 뜬다. 페이지·글마다 다른 위젯을 보여주고 싶으면 Custom Sidebars나 Content Aware Sidebars 같은 플러그인 쓰면 코드 안 건드리고도 된다. 세부적으로 특정 카테고리나 글에서만 위젯 껐다 켜고 싶으면 Widget Options 플러그인이 편하다.
무료냐 유료냐
워드프레스 기본 테마도 위젯 기능 자체는 다 있다. 문제는 디자인이다. 무료 테마 그대로 쓰면 위젯 영역이 휑하게 비어 보이는 경우가 많아서, 결국 유료 테마(Avada, Divi 같은 거) 사거나 직접 위젯 영역별로 스타일을 잡아줘야 예쁘게 나온다. 즉 위젯 ‘기능’은 거의 다 무료고, 돈 드는 건 위젯을 감싸는 테마·디자인 쪽이라고 보면 된다.
위젯 달다가 사이트 느려지는 이유
사이트 여러 개 운영하면서 제일 많이 본 실수가 이거다. 위젯 하나하나는 가벼운데, 외부 스크립트 불러오는 위젯(SNS 피드, 광고, 방문자 통계 같은 거)을 사이드바에 서너 개씩 쌓으면 그 스크립트들이 페이지 로드를 다 막는다. 사이드바 위젯이 늘어질수록 첫 화면 뜨는 속도가 눈에 띄게 죽는다.
그리고 모바일에서는 사이드바 자체가 본문 아래로 밀리거나 숨겨지는 테마가 많아서, PC에서 공들여 배치한 위젯이 모바일에서는 아예 안 보이는 경우도 흔하다. 위젯 넣고 나서 꼭 모바일 화면으로 실제로 확인해봐야 한다. 결론은 위젯은 필요한 것만 최소로, 무거운 외부 스크립트형 위젯은 특히 골라서 써야 한다는 거다.
정리
네이버 블로그면 위젯 직접등록으로 무료로 배너·링크 만들면 되고, 워드프레스면 관리자 위젯 화면에서 끌어다 놓거나 register_sidebar로 영역부터 만들면 된다. 유료로 갈지는 디자인 완성도 문제지 위젯 기능 자체 문제는 아니다. 다만 뭘 달든 로딩 속도랑 모바일 화면은 꼭 같이 체크하고 가는 게 맞다.
이 글은 AI(인공지능)의 도움을 받아 작성되었습니다.
