워드프레스 Hestia테마 사용자정의 전면페이지 영역 설정방법 동영상

Step-by-step guide to customizing the Hestia theme front page in WordPress. Learn to enable and edit the hero section, add icons and text to content blocks, integrate email subscription forms using WP-Form, adjust blog layout and item count, and update contact information with background images.
Chapters
자 이제 어느정도 이런 부분이 내가 정해지고 세팅이 됐으면 전면 페이지 영역 자 여기가 이제 제일 중요한 영역입니다 자 첫번째 잘 보세요. 큰 제목 영역 이렇게 끄니까 어떻게 돼요? 없어졌죠? 자 이렇게 다시 생겼죠? 요 영역을 큰 제목 영역이라고 보시면 돼요. 두 번째 소개 지금 꺼져 있는데 켜 볼게요. 자 켰습니다. 자 소개 나오죠? 소개 그 다음에 이 소개의 안쪽에 어떤 영역을 비활성화 할 거냐 편집을 어떻게 할 거냐 그죠? 배경 편집 그죠? 이런 것들 나오고 있고 자 그 다음에 콘텐츠 소개 편집 그러면 콘텐츠 소개로 이렇게 들어가면 자 한번 들어가 볼게요 자 블록 편집기에 오신 것을 환영합니다 라고 되어있고 좀 전에 우리가 봤던 요 부분을 당신이 알아서 편집하라고 이렇게 뜨는게 보이시죠 그럼 여기에 내가 넣고 싶은 아이콘을 요렇게 넣고 여기도 수정을 하고 한글로 그렇게 순정 수정을 하시면 됩니다 자 그럼 좀 이따 한번 해 보도록 하구요 간단하게 수정되는 모습을 한번 보여 드릴게요. 예를 들면 여기 이제 responsive 라고 하는 거를 여기에서 마켓터의 취미 뭐 이런 식으로 바꾸고 자 그 다음에 여기도 한번 바꿔 볼게요
마켓터들은
어떤 취미를 가지고 아이고 가지고 있을까요 아이고 이거 잘 안 나오네요
있을까요 마케터들의
특한 취미를 알아보세요 뭐 말은 안되지만 대충 이런식으로 해서 업데이트라는걸 한번 눌러볼게요 자 업데이트를 했습니다 했을 때 여기에서 이제 공개를 한번 눌러볼게요 공개 자 공개를 누르고 그 다음에 여기가 지금 소개 영역이죠 전면 페이지 영역 활성화가 되어있고 자 그러면 여기를 또 새로고침을 한번 눌러볼게요 자 마케터의 취미 해서 이렇게 나왔죠 그죠 그럼 여기에도 어떤 타이틀을 좀 수정을 하고 그 다음에 여기에 이제 링크 같은 것들도 나중에는 부여를 할 수가 있습니다 자 그런 식으로 이 부분을 편집을 하시면 되는 거라고 생각하시면 되요 그 다음에 구독하기도 한번 눌러볼게요. 구독하기를 이렇게 활성화 시키니깐 여기 있네요. 유스레트 구독하기. 사용자 정의하기에서 변경하세요. 여기 뒤에 배경 이미지 같은 거 정할 수 있고 제목, 그 다음에 부제목 이런 거를 여기에다가 정의를 할 수가 있네요. 그쵸? 여기에서 이렇게 정의를 하시면 될 것 같구요. 그 다음에 다시 이제 또 뒤로 와서
자
그 다음에 여기 보면 샌딩 뭐 블루 플러그인이라고 되어 있는데 이거는 이제 유스레트 구독하기에 대한 어떤 기능을 플러그인으로 제공을 하는 것 같아요 그래서 여기는 뭐 설치 및 활성화 위젯 넣기 이런 두 가지 방식으로 여기에다가 이제 뭐 이메일을 남기게끔 한다든지 이런걸 이제 연동하게끔 되어 있는 것 같아요 이런 부분은 이따가 플러그인 하는 부분에서 한번 다루고 해보도록 할게요 자 넘어가겠습니다 자 그 다음에 블로그, 블로그 들어오면 블로그 영역 제목, 부제목 다 나오죠. 그 다음에 아이템 수, 블로그 글을 몇 개 보여줄 것이냐? 한 5개는 보여줘야지 하면은 5개를 이렇게 설정하고 공개를 해보겠습니다. 자 그러면 한번 F5를 눌러볼까요? 자 블로그 영역이 지금 5개. 5개로는 좀 약하네요. 그럼 6개를 하는게 좋겠네요. 그죠? 지금 개수가 안 맞으니까 지금 정렬이 안 맞네요. 자 5개를 F5로 이렇게 눌러보겠습니다. 자 그러니까 3개 3개 이렇게 6개가 된게 보이시죠 그죠 예 요렇게 6개를 해주시고 여기는 지금 이미지가 지금 노출이 안되서 이렇게 나오는 겁니다 이미지를 세팅하면 노출이 됩니다 자 그건 글을 세팅하면 자연스럽게 해결이 되는 거라고 생각하시면 되구요 자 그 다음에 요렇게 그 다음에 컨택트 컨택트 영역은 어디 영역일까요 여기 아래쪽 영역이죠 자 그러면 여기도 마찬가지로 한번 눌러보겠습니다 자 그럼 여기 뒷배경 이미지 다른 이미지로 얼마든지 바꿔 주실 수 있구요 지금 이미지가 괜찮네요 나쁘지 않고 좋은 것 같아요 만약에 이제 이런 이미지로 바꿨다 그럼 이런 식으로 바뀌는 게 보이시죠 근데 좀 전에 이미지가 훨씬 좋은 것 같습니다 그 다음에 영역 제목 뭐 문의를 남겨주세요 뭐 슬기로운 마케터에게 문의 남기기에 슬기로운 마케터에게 문의를 남겨주세요 그런 뜻이겠죠
지극히
마케팅 분이 환영해요. 지극히 사적인 공간이지만 마케팅 문의는 환영합니다. 폼 제목도 문의하기라고 이렇게 다 적었죠. 자 이렇게 하고 그 다음에 이제 문의 콘텐츠라고 여기도 이제 이렇게 돼 있죠. 이거는 이제 여기 wp-form 이라는 요 저기 문의하기 폼을 이제 내 사이트에 적용할 수 있는 그런 플러그인 이라는 게 있어요. 확장팩 같은 건데 이제 고런 부분들을 여기에 설치를 한 다음에 요거를 이제 여기에서 세팅해서 활용을 할 수 있다. 그런 뜻이라고 보시면 될 것 같아요. 그 다음에 이제 무늬 콘텐츠 편집이라고 되어있죠. 그러면 여기 보시면은 자 find us at 뭐 give us a ring 뭐 이렇게 되어있죠. 이거는 우리가 좀 전에 봤다시피 자 여기 메인에 있던 부분들이죠. 자 어디 갔어 예 여기 보면 파인 더 세트 오피스 이거 나올까 오피스 주소가 어디냐 그 다음에 기버 써 링 이거는 이제 전화 문의 같은 거 그런 거 안내죠 그러면 여기도 이제 마찬가지로 어 우리 만약에 이제 음 이게 영어가 나쁘지 않으니까 파인드 엣드 오피스 해놓고 그냥 주소 뭐 이렇게 표현을 해도 상관 없겠죠 그리고 나서 뭐 여기에는 자 한번 해볼게요 서울시 강남구 선능로 87길 아니다 이건 옛날 주소죠 선능로 잠시만요 맞네 87길 12 176호 이렇게 해 놓을게요. 그 다음에 give us a ring 이 부분은 이제 전화번호가 될 텐데 자 이거를 Monday 이런 부분은 그대로 내버려 두고요. 자 여기는 그냥 전화번호를 한번 적어 볼게요. 이쪽으로 전화주세요. 텔이라고 적어볼게요. 아무래도 표시를 좀 해주는게 좋겠죠? 대충 이렇게 해놓고 공개 버튼을 눌러보도록 하겠습니다. 어떻게 달라지는지 볼까요? 자 지극히 삭적인 공간이지만 마케팅 문의 환영해요 주소 이렇게 기버서링 자 요렇게 여기 옆에 뭐 전화문의 뭐 이렇게 적어도 괜찮겠네요 자 한번 적어 볼게요 전화나 그냥 전화라고 표현을 해주는게 좋겠습니다 그냥 전화문의라고 까지 안해도 전화 요렇게 정도만 해줘도 다 알아들으실 수 있겠죠 자 깔끔하게 이제 완성이 됐죠 자 이렇게 해서 지금 사용자 정의하기에서 지금 보시면은 전면 페이지 영역을 나는 다 표시하게끔 해놓고 한번 세팅을 해본 거예요 그죠 근데 내가 만약에 이 전면 페이지 영역 중에 아 나는 이거는 별로 필요가 없어 구독하기는 나는 그냥 꺼버릴래 소개는 나는 꺼버릴래 그럴 때는 요거를 눌러버리시면 그 영역이 사라진다라는 거 그죠 나는 일단 너무 로딩 시간이 길어지면 안되니까 요 정도만 해 놓을래 그죠 이런 식으로 하실 수 있습니다 자 저는 이제 일단 여러분들한테 알려드려야 될 테니까 이제 풀로 이제 다 해놓고 한번 세팅을 해 보도록 하겠습니다 자 요렇게 해서 이제 여기도 끝났구요










