무료 아스트라(Astra) 테마로 워드프레스 홈페이지 제작하기 | 초보자를 위한 워드프레스 강의 2편
HTML-код
- Опубликовано: 16 дек 2024
- 전문 디자이너처럼 워드프레스 홈페이지 제작하기 2편, 무료 아스트라(Astra) 테마의 템플릿을 활용하여 혼자서도 쉽게 홈페이지 만드는 방법을 알려드립니다.
최근 예비 & 초기 창업자, 블로그 운영하시는 분들이 홈페이지를 워드프레스로 제작하면서 워드프레스 인기가 높아지고 있습니다.
초기 비용 투자가 어려운 만큼 홈페이지 제작 의뢰나 유료 테마 구입이 망설여지는 분들을 위해 무료 테마로 제작 의뢰 맡긴 것 같은 홈페이지를 만들어드립니다. 강의를 따라 오시면 홈페이지가 완성됩니다!
-----
◈ 홈페이지 제작 의뢰 : itconnect.dev
◈ 이메일로 문의하기 : contact@itconnect.dev
◈ 노코드 홈페이지 콘텐츠 플랫폼 : b-creator.com
#워드프레스 #홈페이지 #웹사이트 #노코드 #워드프레스강의 #홈페이지만들기 #홈페이지제작 #웹사이트구축 #지식창업 #도메인 #호스팅
![[워드프레스] 엘리멘터 헤더/푸터 무료 플러그인 사용방법](/img/1.gif)
※ 내부섹션이 나타나지 않는 경우 아래와 같은 방법으로 해결해주시기 바랍니다
엘리멘터가 최근에 업데이트 되면서 Section/Column 구조에서 플렉스박스 컨테이너로 기본설정이 변경되었습니다.
영상에 나온대로 따라하시기 위해서는 워드프레스 관리자 화면에서 "엘리멘터 → 설정 → 특징 탭 선택 → 화면을 아래로 내려서 "플렉스박스 컨테이너 부분을 "비활성"으로 선택 하신 후 맨 아래로 내려서 "변경사항 저장" 버튼을 클릭해주시면 되겠습니다.
무료 호스팅으로 연습해보기 - ruclips.net/video/_RYJzG0UqFA/видео.html
온라인 자동화 수익 홈페이지 제작하기 - keypaper.biz/platform-making-lecture/
오픈 채팅방에서 질문하기 - open.kakao.com/o/gQBkp4Ue
훌륭합니다. 계속 헤매고 있었는데, 보면서 잘 따라고 하고 있어요. 감사합니다 ^^
영상 시청해주셔서 감사합니다~
진행하시면서 궁금한 사항에 대해 언제든지 문의하세요 :)
안녕하세요. 가이드영상 너무 잘 보고있습니다. 아바다 시도했다가 영상보고 아스트라로 하나씩 배우고 있습니다.
18:10초에 넣으신 사진을 일반 네이버블로그 처럼 최신글들의 대표 사진을 넣는 방법이 있을런지요?
elementor pro를 이용하면 post loop라는 기능을 통해 최신들을 보이게 할 수 있습니다. 다만 유료 플러그인이라는 점이 단점입니다. 플러그인 추가에 가시면 elementor로 검색할 때 여러가지 elementor 추가 플러그인을 보실 수 있는데, 여러가지 설치하셔서 보시면 post loop를 사용할 수 있는 플러그인도 있으니 참고하시면 되겠습니다.
좋은 강의 너무너무 감사합니다.
4:00정도에 보면 업로드한 이미지를 배경화면으로 하는 과정에서, 저는 배경화면이 메뉴탭을 완전히 가리거든요? 혹시 이거는 어떻게 해결하나요?
말씀하신 부분은 "Z-인덱스" 라는 부분을 설정해주시면 해결 될 것으로 보입니다.
영상 4분에 좌측 패널에 보시면 "Z-인덱스"라고 있는데 여기에는 "1"로 입력을 해주시고, 헤더 메뉴에 가서 Z-인덱스를 "2"로 설정해주시면 해결될 수 있습니다. 그래도 안되면 문의 주시면 답변드리겠습니다. pf.kakao.com/_ckMyxj/chat
3:42 안녕하세요 너무 잘 보고 있는데요! 요기 부분 이미지 커버 위로 올려줄때 메뉴헤더가 이미지 뒤로 들어가서 안 보여요ㅠㅠ뭘 잘못 누른거 같은데 순서는 어떻게 바꾸나요ㅠㅠ??
이럴때는 보시는 화면에서 "Z-인덱스" 라는 것이 있습니다. 메뉴헤더를 99로 넣고, 메인섹션부분은 1로 넣으면 순서가 바뀌어 보일거에요
4:21 안녕하세요, 덕분에 워드프레스 홈페이지 만들어보면서 직접 만들어보고있는 초보 블로거입니다. 다름아니구 해당부분에서 상단 마진부분에 -160값을주고 메인페이지부분이 헤더위쪽으로 올라가게 설정을 해두었다가 테마를 generate press로 바꾸고 다른 영상들 보면서 좀더 블로그처럼 보이도록 이것저것 바꾸고있는데 페이지를 삭제했는데도 body 부분이 헤더위쪽 영역까지 덮여서 body색상이랑 header색상을 따로 구분할수가 없는데,, 혹시 어떻게 해야하는지 알수 있을까요? ㅜㅜ 저는 헤더와 바디부분을 다시 구분하고싶습니다
generate press 테마를 설치하고 elementor를 사용하시는 것으로 보이는데, 경우의 수가 많아 보내주신 내용 만으로는 알기 어렵습니다. theme간 충돌이 있을 수도 있으니, 다시 astra 테마로 바꾸신 후에 마진 마이너스 값들을 정리하여 초기상태로 바꾸신 후에 generatepress로 사용해보시는 것이 좋을 것 같습니다.
엘리멘터 내부색션이 없네요.
프로로 업글해야 가능한가봐요
강의 잘보고 있습니다 감사해요😂
flex 요소가 반영된 새로운 버전이 자동으로 설치되서 그렇게 보이는 것 같습니다. 워드프레스 관리자 페이지에서 엘리멘터 -> 설정 -> 그리드 컨테이너를 "기본" 으로 하고 사용해보시면 제 영상과 동일하게 하실 수 있습니다.
안녕하세요^^
영상 잘 시청 중입니다.
인라인 적용이 안되서 플렉스 박스를 비활성화 하고 제작을 따라하고 있던 중
마진부분이 여백으로 바뀌었는데 무슨 문제인지 모르겠습니다..
시청해주셔서 감사합니다~ ^^
엘리멘터에서 한글로 번역할 때 "마진"을 "여백"으로 표기해서 그렇습니다.
동일한 기능이므로, 여백을 마진이라 생각해주시고 편집해주시면 됩니다~
현재 저희 홈페이지의 편집화면에서도 여백으로 보입니다!
@@itconnect_dev 부끄러운 질문이었네요..ㅎㅎ
답변 감사드립니다:)
좋은 영상 감사합니다. 근데 아스트라가 업데이트 되서 그런지 이미지를 배경에 넣을 때, 높이에 '화면 맞춤' 항목이 없고 최소 높이만 기재되어있는데 어떻게 하는게 좋을까요?]
안녕하세요. 시청해주셔서 대단히 감사합니다.
최신 버전의 아스트라, 엘리멘터에서도 화면 맞추기 기능이 있는 것으로 확인되었습니다.
섹션-레이아웃에서 다시 한 번 확인 부탁드립니다~
화면 맞추기는 삽입한 '이미지'의 높이 값만큼 영역이 확보 되는 것이며,
최소 높이는 '현재 섹션'의 높이 값만큼 영역이 확보 되는 것입니다.
따라서, 최소 높이의 px 값을 삽입한 이미지 높이 값만큼 변경해주시거나,
섹션 - 고급 - 패딩의 상,하단 값을 원하시는 높이만큼 지정해주시면 화면맞추기와 동일하게 디자인이 가능합니다.
감사합니다.
안녕하세요 질문이 있습니다. 제목을 추가하면 원하는 위치에 추가되는 것이 아니라 맨위에 추가가 됩니다...
자세한 내용을 확인하기 위해 영상 내 시간 말씀해주시면 좋을 것 같습니다.
섹션 내에 제목을 드래그 형태로 추가하신 후 마진(여백), 패딩 값으로 위치를 조절하실 수 있습니다.
단추 버튼 만든거 만들어놓은 다른 페이지로 링크거는건 링크에다가 뭘 입력해야되나요?
안녕하세요~ 이동하고자 하는 다른 페이지의 "주소"를 복사하신 다음에 붙여 넣기해주시면 됩니다.
내부섹션 만들려고 플렉스박스 컨테이너 비활성 눌렀더니 모든 컨텐츠가 사라지는 현상이 나타납니다. 그리고 그리드 컨테이너도 기본으로 되있는데 잘 안됩니다.
엘리멘터에서 디자인 편집 방법을 컨테이너 형태로 바꾸면서 기존 편집 방법과 호환이 되지 않아서 컨텐츠가 사라집니다.
컨테이너 형태로 편집 하는 영상은 아래 영상을 참고해주시기 바랍니다!!
링크1 : ruclips.net/video/UbOb-RNhbi4/видео.html
링크2 : ruclips.net/video/WMU9JgqYocY/видео.html
안녕하세요 알려주시는 내용 흥미롭게 보고 있는 초보 블로거입니다. 혹시 워드프레스 블로그를 하나 새로 파서 글 2개정도 작성한 상태인데 지금 테마는 2023 테마 사용중이거든요, 혹시 아스트라로 갈아타려면 기존 글을 다 삭제하는게 좋을까요? 사실 2개밖에 없어 큰 문제는 없긴 할것 같은데 아까워서 문의드립니다.
글 삭제하지 않고 테마를 변경하셔도 됩니다. 다만, 기존에 다른 테마를 사용하고 있던 상태에서 다른 테마로 변경하게 되면 기존 파일들이 남아있기 때문에 저희는 모두 삭제하고 새로 설치하는 편이긴 합니다.
강의 영상 너무 마음에 드는데. 소리가 너무 작아요 ㅜㅜ
시청해주셔서 대단히 감사합니다!
최근 영상에는 소리를 조금 올려서 편집 진행하였습니다!
아스트라 홈페이지 제작 - ruclips.net/video/UbOb-RNhbi4/видео.html
쇼핑몰 제작 - ruclips.net/video/7DGkRJFM-uo/видео.html
영상도 참고해보시기 바랍니다
피드백 감사합니다! 소리 키워서 녹화하도록 하겠습니다 ㅠ
안녕하세요
보고따라하고있는데요
처음시작했던 메뉴가 수정이안되고 네비게이터로 메뉴부분선택하려고 해도 안되는데 어떻게하면되나요?
댓글 내용만으로는 어떻게 말씀드려야 할지 파악이 어렵네요. 작동이 안되는 부분을 구체적으로 말씀주시면 대답이 가능할 수 있을 것 같습니다. 혹은 처음부터 차근차근 다시 제작을 하시는 것을 추천 드립니다.
내부섹션이 없는데 어떻게 해야 할까요?
엘리멘터가 최근에 업데이트 되면서 Section/Column 구조에서 플렉스박스 컨테이너로 기본설정이 변경되었습니다.
영상에 나온대로 따라하시기 위해서는 워드프레스 관리자 화면에서 "엘리멘터 → 설정 → 특징 탭 선택 → 화면을 아래로 내려서 "플렉스박스 컨테이너 부분을 "비활성"으로 선택 하신 후 맨 아래로 내려서 "변경사항 저장" 버튼을 클릭해주시면 되겠습니다.