Astra Theme 배경 이미지 및 텍스트 수정하기에서는 Astra Theme + Elementor Page Builder로 배경 이미지, 이미지 및 텍스트를 수정하는 방법을 알려드립니다.
콘텐츠 레이아웃 만드는 방법은 “WordPress Astra Elementor 페이지 콘텐츠 만들기” 콘텐츠를 참고해 주세요..
위 이미지 처럼 이미지 배경 위에 텍스트 글이 올라와 있는 형태의 배경 이미지와 텍스트 수정 방법을 설명 드리겠습니다.
Astra Theme 배경 이미지 수정
수정 페이지의 엘러멘트 편집창으로 이동합니다.
배경이미지는 섹션 편집 부분에서 변경하시면 됩니다. 섹션폅집 버튼 클릭 > 스타일 탭 버튼 클릭 > 이미지 부분에서 이미지를 변경하시면 됩니다.
– 배경 이미지 설정 –
<이미지> 항목을 클릭 후 미디어 라이브러리 부분에 이미지 업로드 후 수정하면 됩니다.
– 위치 설정 –
<위치> 항목에서 배경 이미지 위치를 설정 할 수 있습니다.
“기본값”, “정 가운데”, “왼쪽 가운데”, “오른쪽 가운데”, “가운데 상단”, “왼쪽 상단”, “오른쪽 상단”, “가운데 하단”, “왼쪽 하단”, “오늘쪽 하단”, “사용자 정의”
– 고정 설정 –
<고정 여부> 항목에서 배경 이미지 고정 여부를 설정 할 수 있습니다.
“기본값”, “스크롤”, “고정”
– 반복 설정 –
<반복 여부> 항목에서 배경 이미지 반복 여부를 설정 할 수 있습니다.
“기본값”, “반복 안함”, “반복”, “가로반복”, “세로 반복”
– 크기 설정 –
<크기 여부> 항목에서 배경 이미지 크기 여부를 설정 할 수 있습니다.
“기본값”, “자동”, “Cover”, “Contain”, “사용자 정의”
Astra Theme 텍스트 수정
– 제목 블럭 수정 –
위 이미지에서 “편집” 부분의 버튼을 클릭합니다.
우측의 편집 속성을 활용하여 수정하면 됩니다.
<내용 편집 탭> 에서 텍스트 수정을 하면 됩니다. “<br/>“은 줄 내림 코드입니다.
– 텍스트 블럭 수정 –
“편집” 버튼을 클릭합니다.
우측의 편집 속성을 활용하여 수정하면 됩니다.
텍스트 에디터 편집 > 내용 탭 설정 부분에서 “비주얼” 편집 모드는 웹에디터를 활용하여 편집하는 방식입니다.
개발을 모르는 사용하기 사용하기에는 쉽습니다.
단, 텍스트에 속성 또는 스타일이 적용되어 있는 경우에는 “텍스트” 편집 모드를 추천드립니다.
기타 “스타일“을 적용하기 위해서는 “스타일 탭” 부분에서 “정렬“, “텍스트 색상“, “서체” 등을 설정하면 됩니다.
Astra Theme 이미지 수정
위 이미지에서 “편집” 부분의 버튼을 클릭합니다.
우측의 편집 속성을 활용하여 수정하면 됩니다.
이미지 편집 > 내용 탭 설정 부분에서 “이미지 선택“에서 이미지를 변경하면 됩니다.
“이미지크기“에서 다양한 사이즈로 설정 할 수 있습니다.
<스타일 탭>에서는 이미지에 다양한 스타일로 편집하면 됩니다.
Astra Theme 배경 이미지 및 텍스트 수정 마무리
아스트라 테마 자체적으로 배경 이미지를 넣거나 하는 페이지 빌더가 존재하지는 않습니다.
페이지 빌더(Elementor)와 함께 사용을 하며 위 배경 이미지 및 텍스트 수정은 엘레멘터 페이지 빌더를 이용한 수정 방법을 설명 드렸습니다. 엘레멘터로 컨텐츠를 구성하고 싶다면 “Elementor 페이지 콘텐츠 만들기” 글을 참고해 보시기 바랍니다.
