워드프레스 강좌 / 위젯 추가하기, 설정하기, 삭제하기

워드프레스의 위젯 기능을 이용하면, 테마가 제공하는 영역에 메뉴, 최근 글, 배너, 광고 등을 쉽게 추가하고 삭제할 수 있습니다. 위젯을 관리하는 방법은 두 가지입니다. 첫번째는 [테마 디자인 - 위젯]에서 하는 것이고 두번째는 [테마 디자인 - 사용자 정의하기]에서 하는 것입니다.

[테마 디자인 - 위젯]에서 관리하기

위젯 추가하기

  • 사용할 수 있는 위젯에서 원하는 위젯을 마우스로 드래그하여 위젯 영역으로 옮기면 위젯이 해당 영역에 추가됩니다.

  • 또는 위젯을 클릭하여 아래로 확장시키면 위젯을 추가할 수 있는 영역 목록이 나옵니다. 위치시키고자 하는 영역을 선택하고 [위젯 추가] 버튼을 클릭하면 그 영역에 위젯이 추가됩니다. 많은 위젯과 영역이 있을 때 유용한 방법입니다.

  • 별도의 저장 버튼은 없습니다. 위젯을 추가하면 사이트에 바로 반영됩니다.

위젯 순서 바꾸기

위젯 영역에 있는 위젯을 마우스로 드래그하여 순서를 바꿀 수 있습니다. 순서를 바꾸면 사이트에 바로 반영됩니다.

위젯 설정, 삭제하기

  • 위젯 제목이나, 위젯 제목 오른쪽에 있는 삼각형 모양 아이콘을 클릭하면 아래로 확장되고, 설정 또는 삭제를 할 수 있습니다.
  • 설정을 바꾸었다면 [저장하기] 버튼을 클릭해야 반영되며, 삭제를 클릭하면 바로 반영됩니다.

[테마 디자인 - 사용자 정의하기]에서 관리하기

사용자 정의하기에 접속하기

  • [테마 디자인 - 사용자 정의하기]를 클릭하합니다.

  • [위젯]을 클릭합니다.

위젯 추가하기

  • 위젯 목록 밑에 있는 [위젯 추가] 버튼을 클릭합니다.

  • 추가 가능한 위젯 목록이 나오고, 원하는 위젯을 추가할 수 있습니다.

위젯 순서 바꾸기

  • 위젯 순서는 드래그하여 변경할 수 있습니다.
  • 또는 순서 재정렬을 클릭하고...

  • 화살표 아이콘을 이용하여 순서를 변경한 후 [완료]를 클릭해도 됩니다.

위젯 설정, 삭제하기

  • 위젯 제목 오른쪽에 있는 삼각형 아이콘을 클릭하면 아래로 확장됩니다. 필요한 설정을 하거나 삭제할 수 있습니다.

위젯이 노출되는 위치

위젯이 노출되는 영역의 갯수나 위치는 테마마다 다릅니다. 예를 들어 Hueman 테마는 다음과 같이 여러 곳에 위젯을 추가할 수 있습니다.

같은 카테고리의 다른 글

워드프레스 강좌 / 플러그인 / Ad Inserter / 애드센스 광고 쉽게 삽입할 수 있게 해주는 플러그인

워드프레스 강좌 / 플러그인 / Ad Inserter / 애드센스 광고 쉽게 삽입할 수 있게 해주는 플러그인

Ad Inserter 워드프레스로 만든 사이트 또는 블로그에 애드센스 광고를 넣는 방법은 여러 가지입니다. 그 중 Ad Inserter 플러그인으로 광고를 삽입하는 방법을 소개합니다. Ad Inserter는 광고를 삽입하게 해주는 플러그인으로, 애드센스 광고를 본문 위, 본문 중간 등에 쉽게 넣을 수 있게 해줍니다. 설치 WordPress.ORG에서 공유되는 플러그인이므로 워드프레스 관리자에서 바로 설치할 수 있습니다. 본문에 애드센스 광고 넣기 본문 상단 설정은 ...

워드프레스 강좌 / 플러그인 / Content Cards / 링크를 네이버나 페이스북처럼 만들어주는 플러그인

워드프레스 강좌 / 플러그인 / Content Cards / 링크를 네이버나 페이스북처럼 만들어주는 플러그인

Content Cards 네이버 블로그에서 링크를 추가하면, 썸네일과 요약글이 있는 링크가 만들어집니다. 페이스북에도 비슷한 기능이 있습니다. 워드프레스 자체에는 이 기능이 없지만, Content Cards 플러그인을 이용하면 비슷한 효과를 낼 수 있습니다. 설치 WordPress.ORG에서 공유되는 플러그인이므로 워드프레스 관리자에서 설치할 수 있습니다. 링크 삽입하기 플러그인을 활성화하면 에디터에 아이콘이 하나 생깁니다. 그 아이콘을 클릭하여 링크를 추가합니다. 링크가 가리키는 문서에서 이미지와 제목, 글의 일부를 ...

워드프레스 강좌 / 워드프레스, 테마, 플러그인 업데이트 하는 방법

워드프레스 강좌 / 워드프레스, 테마, 플러그인 업데이트 하는 방법

업데이트 워드프레스는 워드프레스 코어, 플러그인, 테마, 번역 네가지 범주로 업데이트 됩니다. 기능 추가/개선을 위한 업데이트라면 업데이트를 하지 않거나 미룰 수 있지만, 보안 관련 업데이트는 바로바로 해주는 것이 좋습니다. 업데이트는 워드프레스 관리자에서 할 수도 있고, FTP 등을 이용하여 파일 교체 방식으로 할 수도 있습니다. 워드프레스 관리자에서 하는 게 편하므로, 특별한 이유가 없다면 관리자 ...

워드프레스 강좌 / 워드프레스 주소, 사이트 주소 변경하기

워드프레스 강좌 / 워드프레스 주소, 사이트 주소 변경하기

워드프레스 주소, 사이트 주소 워드프레스에는 두가지 주소(URL)이 있습니다. 하나는 워드프레스 주소, 또하나는 사이트 주소입니다. 워드프레스 주소는 워드프레스 파일들을 업로드한 주소이고, 사이트 주소는 웹브라우저로 접속할 수 있는 주소입니다. 두 주소는 기본적으로 같습니다. 주소(URL)를 바꾸는 방법은 원하는 주소에 맞게 다시 설치하는 방법과 설정 변경을 통해 바꾸는 방법이 있습니다. 여기서는 설정 변경을 통해 바꾸는 방법을 알아보겠습니다. 주소 ...

워드프레스 강좌 / 플러그인 / Pixabay Images / 무료 이미지 사이트 픽사베이 이미지를 바로 글에 넣을 수 있는 플러그인

워드프레스 강좌 / 플러그인 / Pixabay Images / 무료 이미지 사이트 픽사베이 이미지를 바로 글에 넣을 수 있는 플러그인

Pixabay 픽사베이(Pixabay)는 개인은 물론 상업적 용도로도 사용할 수 있는 이미지를 공유하는 사이트입니다.(대부분 CC0 Creative Commons이나, 간혹 상업적 이용이 곤란한 것도 있으니 다운로드 받기 전에 라이센스를 확인하는 것이 좋습니다.) 현재 백만 개가 넘는 사진, 일러스트, 벡터 이미지, 동영상이 있으며, 일정 수준의 품질을 만족해야 공유 가능하므로 좋은 자료가 많습니다. 한글로 번역이 잘 되어 있는 편이어서 한국 ...

워드프레스 강좌 / 함수 / wp_is_mobile() / 모바일 접속 여부 판단하는 함수

wp_is_mobile() wp_is_mobile()은 모바일 기기로 접속하면 true, 모바일 기기가 아니라면 false를 반환하는 함수입니다. 모바일인지 아닌지 구분하는 기준은 $_SERVER 입니다. wp_is_mobile()은 wp-includes/vars.php에 다음과 같이 정의되어 있습니다. function wp_is_mobile() { static $is_mobile = null; if ( isset( $is_mobile ) ) { return $is_mobile; } if ( empty($_SERVER) ) { ...

워드프레스 강좌 / 자식 테마(Child Theme)의 뜻과 만드는 방법, 장단점

워드프레스 강좌 / 자식 테마(Child Theme)의 뜻과 만드는 방법, 장단점

자식 테마의 뜻 어떤 테마의 디자인과 기능을 그대로 상속 받는 테마를 자식 테마(Child Theme)라 합니다. 이때 상속해주는 테마를 부모 테마(Parent Theme)라 합니다. 자식 테마 만드는 방법 워드프레스의 기본 테마 중 하나인 Twenty Seventeen의 자식 테마를 만들어보겠습니다. 방법 1 wp-content/themes 폴더에 twentyseventeen-child 폴더를 만듭니다. (폴더 이름은 다른 것으로 해도 상관없습니다.) twentyseventeen-child 폴더 안에 다음의 내용을 가진 style.css ...

워드프레스 / 메모

위젯 제목 출력되지 않게 하는 방법 위젯의 내용은 출력하지만, 위젯 제목은 출력하고 싶지 않다면, functions.php에 다음 코드를 추가한다. function no_widget_title( $t ) { return null; } add_filter( 'widget_title', 'no_widget_title' ); 이메일 주소 변경 알림 메일 가지 않게 하는 방법 functions.php에 다음 코드를 추가한다. add_filter( 'send_email_change_email', '__return_false' ); 메타 태그 추가하는 방법 자식 테마를 만들어서 사용하고 있다면, 메타 태그 ...

워드프레스 강좌 / 위젯 추가하기, 설정하기, 삭제하기

워드프레스 강좌 / 위젯 추가하기, 설정하기, 삭제하기

워드프레스의 위젯 기능을 이용하면, 테마가 제공하는 영역에 메뉴, 최근 글, 배너, 광고 등을 쉽게 추가하고 삭제할 수 있습니다. 위젯을 관리하는 방법은 두 가지입니다. 첫번째는 에서 하는 것입니다. 에서 관리하기 위젯 추가하기 사용할 수 있는 위젯에서 원하는 위젯을 마우스로 드래그하여 위젯 ...

워드프레스 강좌 / 멀웨어 제거, 치료하는 방법

워드프레스 강좌 / 멀웨어 제거, 치료하는 방법

워드프레스와 멀웨어 워드프레스를 사용하는 사이트가 많다보니 공격도 많이 당합니다. 멀웨어에 감염되어서 사이트가 느려지거나, 서버 자원을 필요 이상으로 소비하거나, 다른 사이트로 리다이렉트시키는 등의 문제가 발생합니다. 멀웨어에 감염되면 index.php나 wp-config.php 등 주요 파일이 변형됩니다. 그리고 이상한 파일이 여기저기 잔뜩 생성됩니다. 따라서 치료 방법은 단순합니다. 변형된 파일은 문제 없는 파일로 교체하고, 이상한 파일은 삭제하면 됩니다. 문제는 ...