안녕하세요~ 아쉽게도 현재 유튜브 강의들은 무료 플러그인을 활용한 제작 방법에 대해서만 다루고 있습니다. 엘리멘터 프로의 경우, b-creator.com의 자체 강의를 듣는 분들에게 제공하고 있습니다. 다만, 프로의 경우 헤더와 푸터 제작을 더 쉽게 하실 수 있습니다. 첫번째로 좌측 패널의 "템플릿"으로 이동해주세요. 그 다음 상단에 "새 템플릿 추가" 버튼을 클릭해주세요. 템플릿 유형 선택에서 작업할 템플릿 유형을 선택하세요 부분에서 "Header"와 "Footer"를 각각 만드신 다음에 제작해주시면 됩니다. 템플릿을 추가로 만들 뿐 제작 내용은 동일하게 진행해주시면 됩니다!
안녕하세요. 덕분에 잘 따라하면서 만들어지는 결과물에 즐거워하고 있는 한 사람입니다.^^ 영상을 보며 열심히 메인페이지를 만들고, 다음날에 다시 이어 만들려고 하니, 기존 결과물은 마치 프린트 된것마냥 아무런 수정을 할 수 없고, 밑에만 새로운 칼럼을 만들수 있는 창만 나오는데 왜 이런 것인가요? 당황스러워요ㅠ.ㅠ 탐색기를 열어봐도 아무런 섹션이 나오지 않아요. 도와주셔요~~ p.s 자체 해결됐어요. 페이지 창 위에 엘리멘탈 편집을 다시 클릭하니 수정할 수 있게 되네요. 감사합니다~
시청해주셔서 대단히 감사합니다~ 해결하셨다니 다행입니다!! 워드프레스 관리자 페이지 좌측 패널의 [페이지]에서 수정하고자 하는 페이지의 "엘리멘터로 편집" or "편집(edit)"을 눌러 접근하셨을까요?! View(보기) 모드로 접속하거나 그냥 사이트로 방문 했을 경우 말씀하신 부분과 같은 현상이 발생합니다. 크게 문제가 되는 오류 내용은 아니라서 걱정 안하셔도 됩니다 :)
보통 이런 경우 2개의 헤더를 제작해서 사용합니다. 방법은 영상에서 안내드린 Elementor Header & Footer Builder 에서 설정 가능하십니다. (메인페이지는 투명헤더 / 그 외 페이지는 색상 헤더 제작 시) 1. 기존 헤더 설정 범위 지정 1) 기존에 제작하신 헤더 편집화면으로 이동해주세요. 2) Display On에 Entire Website를 클릭하여 가장 아래 Specific Pages / Posts ..를 선택해주세요. 3) 빈칸이 나오면 제작하신 메인페이지의 이름을 작성해서 선택해준 뒤 저장을 눌러주세요. 2. 신규 헤더 제작 및 범위 지정 1) 헤더 하나를 추가로 생성해주세요. 2) Display On을 Entire Website로 설정해주세요 3) Display On 아래 Add Exclusion Rule 박스를 선택해주세요 4) Do Not Display On 설정이 추가되는데, 여기서 Specific Pages / Posts ..를 선택해주세요. 5) 빈칸이 나오면 메인페이지(제외하고 싶은 페이지)를 선택하고 저장해주세요. 위와 같은 방법으로 헤더를 2개 제작하고, 범위 설정을 통해 각 페이지에 맞는 헤더를 설정하실 수 있습니다.
엘리멘터 프로 설치 시 헤더와 푸터를 제작했던, Elementor Header & Footer Builder 플러그인은 삭제하셔도 됩니다. 엘리멘터 복사, 붙여넣기나 템플릿으로 내보내기가 가능하니, 사전에 작업한 내용은 복사하고 삭제하시기 바랍니다. 엘리멘터 무료 플러그인은 삭제하시면 안됩니다. 프로는 엘리멘터 플러그인의 애드온 같은 형태라, 무료 플러그인이 있어야 작동이 되는 원리입니다. 도움이 되셨다니 정말 다행입니다!
이미지 크기가 너무 크거나, 워드프레스 호스팅 서버 파일 업로드 크기 설정이 작은 경우 그럴 수 있습니다. 또한 워드프레스는 보안으로 인해 업로드 되는 파일 형식을 제한하고 있습니다. 이미지 파일이라 해당 경우는 포함되지 않을 것 같습니다. 우선 해결 방법으로는, 이미지 크기 조절과 호스팅 서버 파일 업로드 크기 조절이 있습니다. 1) 이미지 크기 줄이는 방법은 해당 글 참고 부탁드립니다. cafe.naver.com/keypaper/750 2) 호스팅 서버 파일 업로드 크기 제한은, 사용하고 계신 호스팅 서버에 따라 설정이 다르기에 고객센터에 문의해보시면 좋을 것 같습니다.
flex 요소가 반영된 새로운 버전이 자동으로 설치되서 그렇게 보이는 것 같습니다. 워드프레스 관리자 페이지에서 엘리멘터 -> 설정 -> 그리드 컨테이너를 "기본" 으로 하고 사용해보시면 제 영상과 동일하게 하실 수 있습니다. 이렇게 변경하신 후에 인라인처리 하시면 되실거에요
메뉴와 단추를 감싸고 있는 영역보다 메뉴, 단추 영역이 더 클 경우 인라인이 적용되지 않을 수 있습니다. 크기 조정을 진행해도 위와 같은 현상이 발생하는 지 확인 부탁드립니다. 인라인이 되지 않은 경우, 내부섹션을 활용하여 각각의 영역에 원하는 내용을 넣은 후 마진, 패딩 값으로 인라인 형태로 지정해주실 수 있습니다.
이번에 워드프레스가 업데이트 되면서 [외모] 탭이 [디자인] 으로 명칭이 변경되었습니다. 디자인에서 메뉴 수정이 가능하며, 사용자 정의하기를 클릭하여 로고 설정도 가능합니다. 엘리멘터 무료를 사용하시는 경우, 기존과 동일하게 Elementor Header & Footer Builder를 사용하시면 됩니다!
안녕하세요~ 투명 로고 이미지는 로고 파일 자체의 이미지 색상을 변경해주셔야 합니다. AI 파일이 있으시다면, 포토샵이나 일러스트레이터 사용하여 글자 색상을 흰색으로 변경해주시고, 바탕 색을 없애고 PNG로 저장해주시면 투명 로고가 됩니다. AI 파일 이 없는 경우, 미리캔버스나 캔바 등을 사용해서 로고를 만들어 글자 색을 변경하시는 방법이 있습니다. 영상 시청해주셔서 감사합니다.
영상대로 다 따라했지만 안되시는 분들은.. 엘리멘터에서 flexbox container를 도입했기 때문입니다. flexbox container가 활성화되어 있으면, '단추버튼' 을 인라인(auto)로 설정해도 정렬이 안되며, 또한 섹션편집이 안되고 컨테이너 편집만 되기 때문에 영상처럼 작동이 안됩니다. '엘리멘터 - 설정 - 특징(기능)' 으로 이동하셔서, "플렉스박스 컨테이너'를 비활성화 하시면 영상처럼 모든것을 편집할 수 있습니다.
엘리멘터 플렉스 박스 설명해 주셔서 감사합니다.
최근 엘리멘터가 새로운 홈페이지 디자인 수정 방법을 베타테스트로 진행하고 있습니다.
새로운 형태의 디자인 수정 방법을 활용한 영상도 준비되는 데로 업로드 하도록 하겠습니다.
감사합니다!!
찾던답변 😊 감사합니다
감사합니다. 정말 저에게 유익한 강의입니다. 단추버튼과 네비 병렬이 안되서 한참을 해매였는데, 영상 밑에 댓글 보고 알았습니다. 이렇게 디테일한 부분들을 상세하게 모르면 난공불락입니다.
감사합니다. 영상 보시다가 궁금한 점 있으시면 언제든지 댓글 달아주세요 :)
와우! 제가 워프배우면서 절망하고 있었는데. 제게 가뭄에 단비같은 영상입니다. 너무 감사드립니다. 앞으로도 좋은 영상 부탁드려요.
안녕하세요~ 영상 시청해주셔서 대단히 감사합니다!!
워드프레스 관련 테마, 플러그인, 페이지 제작 등 다양한 영상 제공할 수 있도록 노력하겠습니다.
강의 퀄리티 미쳤어요ㅜㅠㅠㅠ제발 아스트라 테마로 워드플레스 강의 많이 올려주세요ㅠㅠ!!
안녕하세요~ 영상 시청해주셔서 대단히 감사합니다! :)
아스트라 템플릿을 활용한 페이지 제작 영상 많이 업로드 하겠습니다.
그 외에도 다른 테마나 플러그인을 활용한 워드프레스 영상 제공할 수 있도록 하겠습니다.
많은 관심 부탁드립니다!
정말 감사합니다~
안녕하세요~ 소장님~ 저는 엘리멘토 프로를 그냥 구입했어요. 해더나 풋터 만들때 프로일때 만드는법 강의는 없나요?
안녕하세요~
아쉽게도 현재 유튜브 강의들은 무료 플러그인을 활용한 제작 방법에 대해서만 다루고 있습니다.
엘리멘터 프로의 경우, b-creator.com의 자체 강의를 듣는 분들에게 제공하고 있습니다.
다만, 프로의 경우 헤더와 푸터 제작을 더 쉽게 하실 수 있습니다.
첫번째로 좌측 패널의 "템플릿"으로 이동해주세요.
그 다음 상단에 "새 템플릿 추가" 버튼을 클릭해주세요.
템플릿 유형 선택에서 작업할 템플릿 유형을 선택하세요 부분에서 "Header"와 "Footer"를 각각 만드신 다음에 제작해주시면 됩니다.
템플릿을 추가로 만들 뿐 제작 내용은 동일하게 진행해주시면 됩니다!
항상 좋은 정보와 영상 감사합니다. ^^
시청해주셔서 대단히 감사합니다~
계속해서 테마, 플러그인, 제작 등 다양한 콘텐츠 제공하도록 하겠습니다.
안녕하세요. 덕분에 잘 따라하면서 만들어지는 결과물에 즐거워하고 있는 한 사람입니다.^^
영상을 보며 열심히 메인페이지를 만들고, 다음날에 다시 이어 만들려고 하니, 기존 결과물은 마치 프린트 된것마냥 아무런 수정을 할 수 없고, 밑에만 새로운 칼럼을 만들수 있는 창만 나오는데 왜 이런 것인가요? 당황스러워요ㅠ.ㅠ 탐색기를 열어봐도 아무런 섹션이 나오지 않아요. 도와주셔요~~
p.s 자체 해결됐어요. 페이지 창 위에 엘리멘탈 편집을 다시 클릭하니 수정할 수 있게 되네요. 감사합니다~
시청해주셔서 대단히 감사합니다~
해결하셨다니 다행입니다!!
워드프레스 관리자 페이지 좌측 패널의 [페이지]에서 수정하고자 하는 페이지의 "엘리멘터로 편집" or "편집(edit)"을 눌러 접근하셨을까요?!
View(보기) 모드로 접속하거나 그냥 사이트로 방문 했을 경우 말씀하신 부분과 같은 현상이 발생합니다.
크게 문제가 되는 오류 내용은 아니라서 걱정 안하셔도 됩니다 :)
잘 보고 있습니다.감사합니다.
질문이 있는데 다른 페이지로 이동시 바탕이 하얀색인 경우 메인페이지에 적용된 헤더가 하얀색이라 안보이는 경우가 있는데요 이런 경우 따로 헤더를 제작하여 적용가능한가요? 가능하다면 어디서 적용가능한가요?
보통 이런 경우 2개의 헤더를 제작해서 사용합니다.
방법은 영상에서 안내드린 Elementor Header & Footer Builder 에서 설정 가능하십니다.
(메인페이지는 투명헤더 / 그 외 페이지는 색상 헤더 제작 시)
1. 기존 헤더 설정 범위 지정
1) 기존에 제작하신 헤더 편집화면으로 이동해주세요.
2) Display On에 Entire Website를 클릭하여 가장 아래 Specific Pages / Posts ..를 선택해주세요.
3) 빈칸이 나오면 제작하신 메인페이지의 이름을 작성해서 선택해준 뒤 저장을 눌러주세요.
2. 신규 헤더 제작 및 범위 지정
1) 헤더 하나를 추가로 생성해주세요.
2) Display On을 Entire Website로 설정해주세요
3) Display On 아래 Add Exclusion Rule 박스를 선택해주세요
4) Do Not Display On 설정이 추가되는데, 여기서 Specific Pages / Posts ..를 선택해주세요.
5) 빈칸이 나오면 메인페이지(제외하고 싶은 페이지)를 선택하고 저장해주세요.
위와 같은 방법으로 헤더를 2개 제작하고, 범위 설정을 통해 각 페이지에 맞는 헤더를 설정하실 수 있습니다.
쌤 좋은 영상 감사합니다
혹시랜딩페이지처럼 한페이지만 되있는거 말고 2~3페이지 정도 되는 홈페이지 만드는 영상은 따로 없나요? 메뉴연결되는거랑 페이지 추가해서 다른페이지 만드는부분이 궁금해서요..
RUclips에는 아직 업로드된게 없네요. 나중에 촬영을 고민해보겠습니다. 감사합니다
안녕하세요~ 좋은 강의 감사드립니다. 질문이 있어서요. 엘리멘토 프로설치시 기존에 활성화 되어있던 엘리멘토 무료 플로그인은 삭제해도 되는지요?
엘리멘터 프로 설치 시 헤더와 푸터를 제작했던, Elementor Header & Footer Builder 플러그인은 삭제하셔도 됩니다.
엘리멘터 복사, 붙여넣기나 템플릿으로 내보내기가 가능하니, 사전에 작업한 내용은 복사하고 삭제하시기 바랍니다.
엘리멘터 무료 플러그인은 삭제하시면 안됩니다.
프로는 엘리멘터 플러그인의 애드온 같은 형태라, 무료 플러그인이 있어야 작동이 되는 원리입니다.
도움이 되셨다니 정말 다행입니다!
안녕하세요? 강의 감사히 잘 봤습니다. 문의 드려도 될런지요? 이미지 업로드를 하면, 오류 메시지(오류 메시지 : 업로드한 파일을 wp-content/uploads/2024/04로 이동할수 없습니다.)가 뜨면서 업로드가 안되는데요..어떻게 오류를 해결하면 좋을까요?
이미지 크기가 너무 크거나, 워드프레스 호스팅 서버 파일 업로드 크기 설정이 작은 경우 그럴 수 있습니다.
또한 워드프레스는 보안으로 인해 업로드 되는 파일 형식을 제한하고 있습니다.
이미지 파일이라 해당 경우는 포함되지 않을 것 같습니다.
우선 해결 방법으로는, 이미지 크기 조절과 호스팅 서버 파일 업로드 크기 조절이 있습니다.
1) 이미지 크기 줄이는 방법은 해당 글 참고 부탁드립니다.
cafe.naver.com/keypaper/750
2) 호스팅 서버 파일 업로드 크기 제한은, 사용하고 계신 호스팅 서버에 따라 설정이 다르기에 고객센터에 문의해보시면 좋을 것 같습니다.
영상 잘 봤습니다 한가지 궁금한게 있어서 댓글 남겨봅니다 만드는것까진 다 완성을 했는데 현재 활성화 되어있는 홈페이지에 반영이 안되더라구요 지금 있는걸 치우고 새롭게 만든 Header로 교체하고 싶은데 이건 어디서 하면 좋을까요?
엘리멘터 헤더 엔 푸터 플러그인을 사용하셨다면,
기존에 제작한 헤더를 클릭한 뒤 설정 중 Display On을 Entire Website 설정을 해제해주시고,
새로 제작한 헤더의 Display On을 Entire Website 설정해주세요.
홈페이지 제작 의뢰 : itconnect.dev
워드프레스 강의 : b-creator.com
이메일로 문의하기 : contact@itconnect.dev
네비게이션 메뉴 둘다 인라인으로 해도 단추와 메뉴가 일직선상으로 정렬이 안되네요.....ㅠㅠ
flex 요소가 반영된 새로운 버전이 자동으로 설치되서 그렇게 보이는 것 같습니다. 워드프레스 관리자 페이지에서 엘리멘터 -> 설정 -> 그리드 컨테이너를 "기본" 으로 하고 사용해보시면 제 영상과 동일하게 하실 수 있습니다. 이렇게 변경하신 후에 인라인처리 하시면 되실거에요
안녕하세요. AI로 글쓰기 할 때 폰트 저작권은 신경 안써도 되나요?
워드프레스 홈페이지에 유료 폰트를 사용하시려면 정식 라이선스를 구매하셔야 합니다.
혹시, 어디서 라이센스를 구매해야 되는지 알 수 있을까요? 감사합니다.@@itconnect_dev
마음에 드시는 폰트를 직접 검색하시거나,
산돌구름, 눈누 등 폰트 플랫폼에서 폰트를 찾으신 다음에 라이센스를 구매하는 방식으로 진행하시면 될 것 같습니다.
메뉴와 단추 모두 인라인으로 했는데 정렬이 나란히 안되네요 ㅠ 대댓글대로 엘리멘터-설정-그리드컨테이너 기본으로 되어있어서 다시 저장하고 했는데도 안되네요…. 활성화로도 해봤는데 안되네요 방법이 또 없을까요??
메뉴와 단추를 감싸고 있는 영역보다 메뉴, 단추 영역이 더 클 경우 인라인이 적용되지 않을 수 있습니다.
크기 조정을 진행해도 위와 같은 현상이 발생하는 지 확인 부탁드립니다.
인라인이 되지 않은 경우, 내부섹션을 활용하여 각각의 영역에 원하는 내용을 넣은 후 마진, 패딩 값으로 인라인 형태로 지정해주실 수 있습니다.
아스트라 템플릿을 설치한 뒤 삭제해도 계속 홈페이지에 관련 그림이 남아있는데 어떻게 삭제해야할까요? ㅠ
헤당 그림이 보이는 페이지를 삭제하고, 미디어에서 이미지도 삭제해주시면 안보이게 되실거에요~
@@itconnect_dev 와 몰랐는데 감사합니다!!
엘레멘트편집에서 사이트 로고나 메뉴 가 다 유료로 바뀐거져 ?ㅠㅠㅠ
이번에 워드프레스가 업데이트 되면서 [외모] 탭이 [디자인] 으로 명칭이 변경되었습니다.
디자인에서 메뉴 수정이 가능하며, 사용자 정의하기를 클릭하여 로고 설정도 가능합니다.
엘리멘터 무료를 사용하시는 경우, 기존과 동일하게 Elementor Header & Footer Builder를 사용하시면 됩니다!
소리가 너무 작아서 올려 놓으면 다른 소리가 또 너무 커짐...
소리때문에 불편드려 죄송합니다. 다음에는 신경써서 촬영하도록 하겠습니다.
로고 투명하게 어떻게 만드나요 ?
안녕하세요~
투명 로고 이미지는 로고 파일 자체의 이미지 색상을 변경해주셔야 합니다.
AI 파일이 있으시다면, 포토샵이나 일러스트레이터 사용하여 글자 색상을 흰색으로 변경해주시고,
바탕 색을 없애고 PNG로 저장해주시면 투명 로고가 됩니다.
AI 파일 이 없는 경우, 미리캔버스나 캔바 등을 사용해서 로고를 만들어 글자 색을 변경하시는 방법이 있습니다.
영상 시청해주셔서 감사합니다.