WordPress: 위젯으로 사이드바를 사용자 정의하는 방법

WordPress 웹사이트의 사이드바를 더욱 개인화하면 새 위젯을 조정 또는 추가  하고 레이아웃을 다시 정렬하여 사용자 경험을 향상할 수 있습니다 . 사이드바를 편집할 수 있다는 것은 웹페이지의 항목 배열과 콘텐츠 분류를 제어할 수 있기 때문에 중요합니다. 이를 통해 귀하의 웹사이트 요구 사항과 완벽하게 일치하는지 확인할 수 있습니다.

WordPress: How To Customize The Sidebar With Widgets

이 글에서는 WordPress 웹사이트의 사이드바를 사용자 정의하는 방법과 최적화에 대한 몇 가지 팁을 제공합니다.

WordPress 웹사이트의 사이드바를 사용자 정의하는 방법

WordPress 사이드바를 수정하는 것은 어렵지 않습니다. 이를 통해 블로그의 모양을 결정할 수 있습니다. WordPress의 위젯 편집기는 위젯 재배치, 제목 변경, 페이지에 추가 항목 추가에 사용할 수 있습니다.

  1. WordPress 웹사이트에 로그인합니다.
  2. 모양 으로 이동한 다음 왼쪽 메뉴에서 사용자 정의를 선택하세요 .
    WordPress: How To Customize The Sidebar With Widgets
  3. 사용자 정의 도구 왼쪽에 있는 위젯을 선택하세요 .
    WordPress: How To Customize The Sidebar With Widgets
  4. 사이드바 위젯을 클릭하세요. WordPress 테마에 따라 Sidebar , S B 또는 기타 이름으로 레이블이 지정될 수 있습니다.
  5. 위젯 추가 버튼을 클릭 하고 위젯을 선택하세요. 이제 해당 설정을 구성할 수 있습니다.
    WordPress: How To Customize The Sidebar With Widgets
  6. 위젯을 클릭하고 제목 텍스트와 기능을 원하는 대로 편집하세요.
  7. 사이드바에서 위젯을 제거하려면 해당 섹션을 확장하고 빨간색 텍스트 제거를 선택하세요 .
  8. 완료를 클릭 한 다음 게시를 클릭하여 변경 사항을 저장합니다.
    WordPress: How To Customize The Sidebar With Widgets

웹사이트의 사이드바가 새 위젯으로 업데이트됩니다. 다음으로 WordPress 사이트의 바닥글을 편집하는 방법을 배우고 싶을 수도 있습니다 .

위젯을 재정렬하는 방법

사이드바에서 위젯을 표시하려는 순서를 변경하려면 위젯을 원하는 위치에 끌어서 놓는 방식으로 쉽게 수행할 수 있습니다. 여러분이 해야 할 일은 위젯을 끌어서 원하는 위치에 놓는 것뿐입니다.

Customizer를 사용하면 위젯을 이동할 수 있습니다. 삭제하고 다시 추가할 필요가 없습니다. 이를 통해 사용자에게 잘 맞는 배열을 얻을 때까지 다양한 사이드바를 빠르게 시험해 볼 수 있습니다.

원하는 순서로 위젯을 정렬한 후 게시를 클릭하여 새 위젯 순서를 라이브 웹사이트에 저장하세요. 사이드바에는 사용자가 설정한 위젯의 사용자 정의 순서가 표시됩니다.

새 위젯을 추가하는 방법

새 위젯을 추가하려면:

  1. Customizer의 위젯 영역에 있는 위젯 추가 버튼을 클릭하세요 . 추가할 수 있는 위젯 목록이 열립니다.
    WordPress: How To Customize The Sidebar With Widgets
  2. 목록을 살펴보고 사용하려는 위젯을 선택하세요. 검색창, 캘린더, 소셜 미디어 버튼 등을 추가할 수 있는 옵션이 다양합니다.
  3. 제목 및 기타 사용자 정의 옵션과 같은 설정을 구성합니다. 소셜 미디어 사이트에 연결할 수도 있습니다. 그런 다음 완료 를 클릭합니다 . 새로운 위젯이 사이드바에 나타납니다.
    WordPress: How To Customize The Sidebar With Widgets
  4. 목록의 나머지 항목 각각에 대해 이 작업을 반복합니다.

사이드바에 새로운 위젯을 적용하기 전에 위젯이 어떻게 표시되는지 확인하세요. 이 작업을 완료한 후 변경 사항 게시를 진행하세요. 사이드바에 새 항목이 표시됩니다. 사이드바의 기능을 향상하려면 WordPress의 다양한 위젯을 사용하세요.

WordPress 사이드바 변경 사항을 게시하는 방법

WordPress Customizer의 조정 내용을 라이브 사이트에 적용하려면 해당 내용을 게시해야 합니다. Customizer에는 이러한 목적으로 게시라고 표시된 버튼이 있습니다. 사이드바 편집 내용을 실시간으로 보려면 오른쪽 상단에 있는 파란색 게시 버튼을 클릭하세요.

게시 버튼 현재 Customizer 세션에서 변경된 모든 내용을 저장합니다. 여기에는 위젯, 레이아웃, 디자인 및 기타 테마 기능의 수정이 포함됩니다. 게시한 후 웹사이트를 검토하여 변경사항이 성공적으로 저장되었는지 확인하세요.

게시를 클릭하면 사용자 정의 내용이 적용됩니다. 그러나 Customizer 내의 개정 기록을 사용하여 언제든지 이전 버전으로 돌아갈 수 있습니다. 게시 버튼을 사용하면 Customizer 내에서 사이드바를 직접 조정하는 동안 시간을 ​​절약할 수 있습니다.

WordPress 사이드바 편집 문제 해결

WordPress 사이드바 편집이 때때로 실패합니다. 사이드바와 관련된 몇 가지 일반적인 문제에 대한 잠재적인 해결책은 다음과 같습니다.

  • 편집 후 사이드바가 표시되지 않음 – 일반적으로 이 문제는 플러그인 충돌이나 테마 문제로 인해 발생합니다. 근본 원인을 찾으려면 플러그인을 하나씩 비활성화해 보세요. 또는 테마를 기본 WordPress 테마로 변경하면 테마 충돌을 디버깅하는 데 도움이 될 수 있습니다.
  • 사이드바 위젯 영역을 찾을 수 없습니다. 모양을 통해 사용자 정의 도구에 올바르게 액세스했는지 확인한 다음 사용자 정의 를 클릭하세요 .
  • 편집 내용이 저장되지 않음 - 사이드바를 수정한 후 사용자 정의 기능을 떠나기 전에 게시를 클릭하여 변경 사항을 저장하세요. 변경 사항을 미리 보면 저장되지 않습니다. 게시가 작동하지 않으면 페이지를 새로 고치거나 페이지 캐싱을 끄세요.
  • 재정렬이 작동하지 않음 – 위젯을 드래그하여 재정렬하는 경우 위젯을 올바른 섹션에 놓아야 합니다. 사이드바의 위젯 영역 외부에 놓으면 순서가 바뀌지 않고 사라집니다.
  • 위젯 제목이 업데이트되지 않습니다. 변경 사항을 게시하기 전에 위젯 제목을 편집한 후 완료를 클릭했는지 확인하세요 . 항상 게시를 통해 수정사항을 확인하세요. 그렇지 않으면 수정사항이 유지되지 않습니다.

WordPress 사이드바 사용자 정의 단순화

WordPress 사이트 헤더 와 마찬가지로 사이드바는 사이트의 전반적인 사용자 경험을 향상시키는 가장 간단한 방법 중 하나입니다. 잘 만들어진 사이드바를 사용하면 귀하의 취향에 맞고 원하는 작업을 정확히 수행하는 완전히 독창적인 사이트를 만들 수 있습니다.

자주 묻는 질문

내 WordPress 웹사이트의 여러 페이지에 대해 서로 다른 사이드바를 가질 수 있나요?

실제로 WordPress 사이트 내 개별 페이지에 대한 별도의 사이드바가 가능합니다. 이는 "Custom Sidebars" 또는 "Content Aware Sidebars"와 같은 플러그인을 사용하여 달성할 수 있습니다. 특히 이러한 플러그인을 사용하면 특정 페이지 및 게시물에 대한 사용자 정의 사이드바 구성을 생성하고 표시할 수 있습니다.

사용자 역할이나 페이지 유형에 따라 위젯의 가시성을 어떻게 제어합니까?

사용자 역할이나 페이지 유형에 따른 위젯의 가시성 제어는 "위젯 옵션" 또는 "동적 위젯"과 같은 플러그인을 통해 수행할 수 있습니다. 이러한 플러그인은 위젯의 표시 조건에 대한 고급 제어 기능을 제공하며 사용자 역할, 페이지 유형 등에 따라 조건을 설정할 수 있습니다.

Sign up and earn $1000 a day ⋙

Hisense TV에서 앱을 업데이트하는 방법

Hisense TV에서 앱을 업데이트하는 방법

Hisense는 스마트 TV 기술과 관련하여 점점 더 인기를 얻고 있는 브랜드입니다. 그들은 예산 친화적인 LED 및 ULED(Ultra LED) 장치를 제조합니다.

WordPress 테마 이름을 변경하는 방법

WordPress 테마 이름을 변경하는 방법

WordPress 테마 이름을 쉽게 변경하고 브랜드에 맞게 웹사이트를 맞춤설정하는 방법을 알아보세요.

Roblox: 머리 없는 머리를 얻는 방법

Roblox: 머리 없는 머리를 얻는 방법

독특한 장식 효과로 유명한 Robolox의 독점 헤드리스 헤드(Headless Head) 구매 또는 거래에 대한 완벽한 가이드입니다.

Starfield에서 엔진을 타겟팅하는 방법

Starfield에서 엔진을 타겟팅하는 방법

스타필드에서 함선을 약탈하거나 약탈하려는 경우 먼저 해당 함선이 전투에서 벗어날 수 없는지 확인해야 합니다. 선박 엔진을 비활성화하는 것은

Excel에서 나누는 방법

Excel에서 나누는 방법

복잡한 계산을 수행하는 기능으로 유명한 Microsoft Excel도 간단한 나눗셈에 도움이 될 수 있습니다. 이는 실제 상황에서 유용할 수 있습니다.

IPhone을 강제로 다시 시작하는 방법

IPhone을 강제로 다시 시작하는 방법

iPhone을 사용하는 중에 앱이 충돌하거나 크게 느려지기 시작하면 일반적으로 기기를 다시 시작하여 다시 제대로 작동하게 합니다. 하지만

쿠키를 활성화하는 방법

쿠키를 활성화하는 방법

온라인에 접속한 사람이라면 아마도 "이 사이트는 쿠키를 사용합니다."라는 팝업을 접했을 것입니다. 항상 모두 수락할 수 있는 옵션이 제공됩니다.

Excel에서 VLOOKUP을 사용하는 방법

Excel에서 VLOOKUP을 사용하는 방법

Excel에서 대량의 데이터를 계산하는 것은 부담스럽고 ​​시간 소모적일 수 있으므로 자동화가 도움이 됩니다. 엑셀을 자주 사용하신다면

Apple Watch 밴드를 제거하는 방법

Apple Watch 밴드를 제거하는 방법

Apple Watch 밴드를 교체할 때가 되었나요? 이 유용한 튜토리얼에서 Apple Watch 밴드를 제거하는 방법을 보여드리겠습니다.

IPhone에서 팝업 차단기를 끄는 방법

IPhone에서 팝업 차단기를 끄는 방법

웹 팝업은 원치 않는 페이지와 동의어가 되어 대부분의 브라우저에서 기본적으로 이를 차단합니다. 하지만 가끔 사이트에

The Sims 4에서 전체 편집 모드를 사용하는 방법

The Sims 4에서 전체 편집 모드를 사용하는 방법

Sims 4는 거의 20년 전에 시작된 게임 프랜차이즈의 최신작입니다. 현재는 사용자에게 제공되는 기능과 숨겨진 설정을 제공합니다.

Facebook 메신저에서 첨부 파일을 보내는 방법

Facebook 메신저에서 첨부 파일을 보내는 방법

삶이 더욱 가상화됨에 따라 업무상이든 개인적인 이유로든 메신저 앱에서 첨부 파일을 성공적으로 보내는 방법을 아는 것이 가능해졌습니다.

CapCut Reverse가 작동하지 않는 문제를 해결하는 방법

CapCut Reverse가 작동하지 않는 문제를 해결하는 방법

촬영과 편집을 좋아하는 데는 여러 가지 이유가 있습니다. 방문한 장소, 사랑하는 사람들을 촬영하고, 원하는 특별한 순간을 포착할 수 있습니다.

Steam 매니페스트를 사용할 수 없음 오류 – 수정 방법

Steam 매니페스트를 사용할 수 없음 오류 – 수정 방법

사용할 수 없는 Steam 매니페스트 오류가 발생한 경우 Steam 클라이언트가 매니페스트에 액세스하지 못한 것입니다. 플랫폼이 찾을 수 없을 때 오류가 발생합니다.

Google 지도가 특정 경로를 선택하도록 만드는 방법

Google 지도가 특정 경로를 선택하도록 만드는 방법

Google 지도를 사용하면 길을 잃을 걱정 없이 새로운 장소를 방문할 수 있습니다. 출발지와 목적지를 입력하기만 하면 됩니다.

텔레그램에서 다른 사람의 전화번호를 보는 방법

텔레그램에서 다른 사람의 전화번호를 보는 방법

텔레그램에 계정을 등록하는 동안 개인 정보에 전화번호를 추가해야 합니다. 타인의 인증이 궁금하시다면

CapCut에서 모두 선택하는 방법

CapCut에서 모두 선택하는 방법

CapCut은 TikTok의 모회사에서 만들었지만 TikTok보다 동영상에 대해 훨씬 더 많은 제어 기능을 제공합니다. CapCut의 뛰어난 편집 도구를 사용하여 다음을 수행할 수 있습니다.

확대/축소 시 배경을 흐리게 하는 방법

확대/축소 시 배경을 흐리게 하는 방법

Zoom 통화 중에 뒤에 공간을 숨겨 개인정보를 보호하려면 Zoom의 흐림 기능을 활용하는 것이 가장 좋습니다.

Echo Show에서 Amazon 사진의 사진을 표시하는 방법

Echo Show에서 Amazon 사진의 사진을 표시하는 방법

이 가이드에서 Amazon Photos를 사용하여 Amazon Echo Show를 디지털 액자로 변환하는 방법을 알아보세요.

Chrome을 기본 브라우저로 만드는 방법

Chrome을 기본 브라우저로 만드는 방법

Chrome을 처음 사용할 때 기본 브라우저로 설정할 수 있습니다. 프롬프트를 건너뛰어도 브라우저를 계속 사용할 수 있습니다.