워드프레스 Hestia테마 사용자정의 위젯및 푸터 설정방법 동영상

본 영상은 워드프레스 Hestia 테마에서 사이드바와 푸터 영역에 위젯을 추가·편집·배치하는 전 과정을 단계별로 시연한다. 먼저 사이드바에 기본으로 제공되는 검색, 최신 글, 최신 댓글, 보관함, 카테고리, 메타 위젯을 확인하고, 갤러리 위젯을 새 이미지로 구성해 삽입하는 방법을 보여준다. 이어서 네비게이션 메뉴, 로그인, 사용자 정의 HTML(배너) 위젯을 추가하고, 적용·공개 과정을 시연한다. 이후 푸터 1·2·3 영역에 각각 갤러리, 비디오, 캘린더·태그 클라우드·메타 등 다양한 위젯을 배치하고, 갤러리 열 수 조정, 비디오 URL 삽입, 위젯 설정 변경 등을 실습한다. 마지막으로 모든 변경 사항을 적용·공개하고 페이지를 새로 고침(F5)해 결과를 확인하는 과정을 안내한다. 전체 흐름은 위젯 영역의 구조 이해 → 위젯 추가·설정 → 푸터 맞춤 배치 → 결과 확인으로 구성된다.
Chapters
그 다음에 이제 위젯, 위젯이라는 건 또 뭐냐? 위젯이라는 거는 사이드 바가 있고 그 다음에 여기 보시는 것처럼 푸터 1 이라는 게 있구요 그 다음에 푸터 2 가 있네요 그죠? 푸터 2 가 있고 푸터 3 이라는 게 있어요 자 각각이 어떤 역할을 하는지 한번 보도록 하겠습니다 일단 먼저 사이드 바 검색 최신글 최신 댓글 보관함 카테고리 메타라고 되어 있네요 자 그럼 이 사이드바가 어디에 있는지 먼저 우리가 확인을 해볼까요? 자 블로그 쪽에 가면 일단 있겠죠 블로그 쪽에 보시면 검색 최신글 최신 댓글 보관함 카테고리 메타 이렇게 되어 있죠 좀 전에 우리가 봤던 그대로 있죠 그럼 이 사이드바에 내가 나는 다른 아이템을 더 추가하고 싶어 그럼 위젠드키를 누르시면 되요 그리고 나서 나는 여기에다가 어떤 갤러리를 한번 넣어 볼래 검색은 여기에 있으니까요 그죠 그럼 나는 갤러리를 한번 넣어 볼까 그리고 갤러리가 이렇게 들어왔어요 그러면 여기에다가 제목은 그냥 내 맘대로 갤러리 자 이렇게 해놓고 이미지를 추가를 한번 해보도록 하겠습니다. 여기에 있는 이미지도 괜찮지만 아무래도 좀 새로운 이미지들로 좀 등록을 해서 보시는게 여러분들한테 도움이 더 많이 될 것 같아요. 쭉 내려서 이제 새로운 이미지들로 한번 채워보도록 하겠습니다. 새로운 이미지들로 한번 채워보도록 하겠습니다. 자 뭐 요런 이미지들, 요런 이미지들로 한번 채워보도록 하겠습니다. 자 만약에 이제 요런 4가지의 이미지가 있다 그러면 새 갤러리 만들기 누르시고 갤러리 삽입 버튼을 한번 눌러볼게요 자 그럼 내 마음대로 갤러리가 이렇게 만들어졌습니다 자 적용 버튼을 누르구요 공개 버튼을 눌러보겠습니다 완료 버튼을 누르면 요렇게 되겠죠 자 그러면 한번 가볼게요 어떻게 됐나 볼게요 자 F5를 눌렀어요. 자 어떻게 됐어요? 내 맘대로 갤러리라는 게 이렇게 생겼죠. 클릭을 해서 갤러리를 볼 수 있게 되겠죠. 이런 식으로. 그죠? 이런 식으로 사이드바에 어떤 메뉴들을 설정할 수 있는 것들. 그런 것들이 사이드바라고 옵션이라고 생각하시면 돼요. 위젯에서 지원 가능한 게 뭐가 있냐. 네비게이션 메뉴라는 것도 집어 넣을 수 있고요. 네비게이션 메뉴. 메뉴는 주메뉴 푸터 메뉴가 있죠 근데 굳이 이거는 지금 집어 넣을 필요는 없겠죠 그 다음에 음 메타 로그인 rss 앤 뭐 WordPress의 링크들 뭐 이런거 로그인 자 요거 여기에다가 뭐 로그인 이라고 한번 해 볼게요 로그인 적용 완료 자 그랬을 때 공개 한번 해 보도록 하겠습니다 그러면 어떻게 바뀌는지 한번 볼게요. 로그인 해서 나왔죠? 지금 크죠? 로그인 로그아웃. 그 다음에 사용자 정의 html 이라는 건 뭐냐면요 여기에는 내가 어떤 소스 코드를 집어 넣으실 수 있어요 그래서 여러분들이 직접 어떤 배너를 만들고 싶다 그러면 여기에다가 배너 이미지를 올려놓고 WordPress에서 그리고 그 배너를 여기에다가 소스로 설치를 해서 등록하는 것도 가능합니다 배너를 설치하는 방법은 제가 따로 한번 또 해드리도록 할게요 그 다음에 최신 글 최신 댓글 뭐 카테고리 캘린더 뭐 이런 것들 아까 다 했던 것들이죠 그런 것들이 여기에 이제 들어갈 수가 있다라는 거 그리고 나서 공개를 누르면 사이드 바가 이제 어떤 식으로 설정되는지 나오죠 이렇게 보이실 겁니다. 이게 다 사이드바입니다. 그 다음에 사이드바, 그 다음에 이제 푸터 영역으로 한번 가볼까요? 푸터 영역이라는 것은 말 그대로 발, 발의 영역이죠. 이 아래쪽 영역입니다. 아래쪽. 여기 아래쪽에서도 첫 번째 영역에 우리가 무엇을 넣으실 거냐, 무엇을 넣고 싶으냐, 어 예를 들면 좀 전에 정의했던 이미지 한번 넣어 볼까요 이미지 그냥 단순히 하나의 이미지만 쓰는 것보다 좀 전에 했던 갤러리 이미지를 한번 넣어 볼까요 갤러리 이미지 추가 버튼을 누르시고 갤러리 만들기 file upload with your library 여기에서 아까 이미 올려놨던 것들이 있죠 새 갤러리 만들기 해서 갤러리 삽입 푸터에다가 이걸 한번 삽입을 해 볼게요 적용 누르고 완료 자 어떻게 됐는지 한번 보도록 하겠습니다 자 푸토라는 영역이 갑자기 커졌죠 그죠 그럼 여기 두 장을 한번 더 넣어 볼까요 그러면 좀 더 보기가 좋을 것 같은데요 그죠 자 갤러리 편집으로 들어가서 순서 뒤집기는 할 필요가 없고 어 갤러리 업데이트 열을 3열로 말고 2열을 하는게 좋겠네요 3열로 해놓고 그러면은 업데이트를 한번 해 볼까요 편집 순서 뒤집기 추가하기 자 사진을 더 추가해 봅시다 잠시만요 사진을 한 두 장 정도만 더 추가를 하면 되겠죠 사진을 어떤 사진을 추가해 볼까요 자 요런거 그 다음에 요런거 한 두 장을 더 추가해 보도록 하겠습니다 갤러리에 추가하기 나왔죠 그럼 추가가 됐죠 지금 갤러리 업데이트 그렇죠 그 다음에 이거 갤러리의 제목은 내 맘대로 갤러리 자 이렇게 하고 적용 누르고 완료 누르고 공개 자 이렇게 했을 때 어떻게 바뀌는지 보시자구요 자 내 맘대로 갤러리가 요렇게 생성이 됐습니다 아래쪽에 푸터가 총 지금 3군데 영역이 있잖아요. 요런 정도 사이즈가 푸터 1이 되는 거죠. 그러면 이쪽 영역이 푸터 2가 되겠죠. 그 다음에 이쪽 영역은 푸터 3가 되겠죠. 그럼 이쪽에는 또 다른 것들을 한번 배치를 해 볼게요. 예를 들면 이런 것들도 가능해요. 푸터 2에서는 이미 이제 내꺼 중에서 뭐 검색 버튼 같은 걸 이렇게 집어 넣으셔도 되구요. 그 다음에 또 다른 위지에 또 넣어 볼게요. 사이드바 내비게이션 메뉴나 로그인 이런 부분도 넣으셔도 상관없습니다. 로그인 이런 부분을 넣으셔도 되고 그 다음에 어떤 비디오? 특정 비디오 그런 것도 넣으실 수도 있어요. 비디오는 제가 한번 가서 가져와 볼게요. 제꺼 마케팅 닥터의 비디오를 하나 가져와 보도록 하겠습니다. 자 마케팅 닥터의 가장 최근 비디오 재밌네요 이렇게 동영상 ai avi 파일을 mp4로 간단하게 변환하는 이렇게 좀 짧은 동영상 하나를 가져와 볼게요 복사 버튼을 눌러요 자 그 다음에 여기에다가 비디오 추가 그리고 이제 url 에서 삽입이 가능하죠 그러니까 저는 url 에서 삽입 방식을 선택을 할게요 자 그러면 요렇게 튀어나온게 보이시죠 그죠 내 맘대로 동영상 아니면 마켓처의 동영상들 뭐 이렇게 해볼게요 자 그리고 적용 버튼 누르고 완료 버튼 누르고 그 다음에 공개 한번 눌러보도록 하겠습니다 자 이제 또 한번 가볼까요 F5 눌러보면 새로고침이 되면서 메타 마켓트의 동영상들 근데 이제 길이가 너무 쓸데없이 좀 길어진 느낌이 있죠 그죠 그래서 여기서는 조금 이런 거를 여기에 뭐를 구성을 좀 더 하든지 아니면 이걸 줄이든지 이런 거를 조금 맞추실 필요가 있어요 좀 더 깔끔한 어떤 그런 부분들을 보여주기 위해서 그래서 여기는 메타 부분을 제거를 해버릴게요 그러면 딱 맞을 것 같아요 왠지 자 그리고 나서 한번 또 해볼까요 마케터의 동영상들 뭔가 조금씩 이제 뭔가 홈페이지가 구성이 돼가는 듯한 그런 느낌이 좀 드실 겁니다 자 그 다음에 이제 푸터3도 그래서 내 맘대로 설정을 하실 수가 있는 거에요. 여기에는 그럼 뭘로 할 거냐 이번에는 뭐 최신 댓글로 할 거냐 캘린더 같은 걸 집어 넣을 거냐 태그 클라우드를 할 거냐 뭐 캘린더를 집어 넣어도 되고 캘린더를 한번 집어 넣어 볼까요 제목 캘린더 적용 한번 눌러볼게요 어떤식으로 나올지 궁금하네요 캘린더 음.. 캘린더가 나오진 않네요 여기 잠시만요 캘린더가 설정이 안되어 있어서 안나오는 것 같아요 제 생각에는 그러면 다른 아이템을 집어넣어 보면 되죠. 아 이렇게 캘린더라는 이름을 입력해 주니까 이렇게 나오네요. 그러면 여기 캘린더에다가 내가 어떤 일정 같은 것을 미리 입력을 해놓으면 이걸 통해서 확인을 할 수 있겠죠. 아니면 그냥 단순히 날짜만 보는 용도로 활용을 할 거면 그렇게 활용을 하셔도 되구요. 자 근데 캘린더보다는 조금 더 쓸모있는 다른 것을 한번 넣어 보도록 할게요. 어떤게 좋을까요? 태그 클라우드 이거는 아직까지는 많이 돼 있지는 않을 것 같구요 그러면은 여기야말로 이 메타라는 걸 넣어 보도록 하겠습니다 그러면은 딱 될 것 같아요 왠지 로그인 자 이렇게 하고 적용 버튼 누르고 완료 공개 그러면은 로그인에 대한 부분들이 이쪽에 세팅이 되겠죠. 그렇죠? 이런 식으로. 자 그래서 여기는 뭐 이제 뭐 다른 나중에 다른 아이템들을 얼마든지 배치하셔도 되고 나중에 이제 그런 것도 가능해요. 여기다가 문의하기 폼 같은 거 그런 걸 배치할 수도 있습니다. 자 이런 모든 거를 어디서 한다고요? 여기 보시면 푸터 영역에서 사이드바부터 시작해서 싹 다 설정을 한다라고 생각을 하시면 될 것 같습니다.










