Astra Theme 배경 이미지 및 텍스트 수정Astra Theme 로고 및 카테고리(메뉴) 변경

Astra Theme + Elementor Page Builder로 배경이미지, 이미지 및 텍스트 수정 방법입니다. 

콘텐츠 레이아웃 만드는 방법은 “WordPress Astra Elementor 페이지 콘텐츠 만들기” 콘텐츠를 참고해 주세요..

Elementor Page Builder 배경 이미지 및 텍스트 수정

위 이미지 형태의 배경 이미지와 텍스트 수정 방법을 설명 드리겠습니다.



배경이미지 수정

수정 페이지의 엘러멘트 편집창으로 이동합니다.

Astra Theme 배경 이미지 및 텍스트 수정

배경이미지는 섹션 편집 부분에서 변경하시면 됩니다. 섹션폅집 버튼 클릭 > 스타일 탭 버튼 클릭 > 이미지 부분에서 이미지를 변경하시면 됩니다.

Astra Theme 배경 이미지 및 텍스트 수정

배경 이미지 설정

<이미지> 항목을 클릭 후 미디어 라이브러리 부분에 이미지 업로드 후 수정하면 됩니다.

위치 설정

<위치> 항목에서 배경 이미지 위치를 설정 할 수 있습니다.
“기본값”, “정 가운데”, “왼쪽 가운데”, “오른쪽 가운데”, “가운데 상단”, “왼쪽 상단”, “오른쪽 상단”, “가운데 하단”, “왼쪽 하단”, “오늘쪽 하단”, “사용자 정의”

고정 설정

<고정 여부> 항목에서 배경 이미지 고정 여부를 설정 할 수 있습니다.
“기본값”, “스크롤”, “고정”

반복 설정

<반복 여부> 항목에서 배경 이미지 반복 여부를 설정 할 수 있습니다.
“기본값”, “반복 안함”, “반복”, “가로반복”, “세로 반복”

크기 설정

<크기 여부> 항목에서 배경 이미지 크기 여부를 설정 할 수 있습니다.
“기본값”, “자동”, “Cover”, “Contain”, “사용자 정의”



텍스트 수정

– 제목 블럭 수정 –

Astra Theme 배경 이미지 및 텍스트 수정
<제목 블럭 수정>

위 이미지에서 “편집” 부분의 버튼을 클릭합니다.
우측의 편집 속성을 활용하여 수정하면 됩니다.

Astra Theme 배경 이미지 및 텍스트 수정
<제목 – 내용 편집>
Astra Theme 배경 이미지 및 텍스트 수정
<제목 – 스타일 편집>
Astra Theme 배경 이미지 및 텍스트 수정
<제목 – 기타 고급 설정>

<내용 편집 탭> 에서 텍스트 수정을 하면 됩니다. “<br/>”은 줄 내림 코드입니다.



– 텍스트 블럭 수정 –

Astra Theme 배경 이미지 및 텍스트 수정
<텍스트 블럭 수정>

“편집” 버튼을 클릭합니다.
우측의 편집 속성을 활용하여 수정하면 됩니다.

Astra Theme 배경 이미지 및 텍스트 수정
<텍스트 – 내용 편집 – 비쥬얼>
Astra Theme 배경 이미지 및 텍스트 수정
<텍스트 – 내용 편집 – 텍스트>
Astra Theme 배경 이미지 및 텍스트 수정
<텍스트 – 기타 고급 설정>

텍스트 에디터 편집 > 내용 탭 설정 부분에서 “비주얼” 편집 모드는 웹에디터를 활용하여 편집하는 방식입니다.
개발을 모르는 사용하기 사용하기에는 쉽습니다.
단, 텍스트에 속성 또는 스타일이 적용되어 있는 경우에는 “텍스트” 편집 모드를 추천드립니다.
기타 “스타일”을 적용하기 위해서는 “스타일 탭” 부분에서 “정렬”, “텍스트 색상”, “서체” 등을 설정하면 됩니다.



이미지 수정

Astra Theme 배경 이미지 및 텍스트 수정
<이미지 수정>

위 이미지에서 “편집” 부분의 버튼을 클릭합니다.
우측의 편집 속성을 활용하여 수정하면 됩니다.

Astra Theme 배경 이미지 및 텍스트 수정
Astra Theme 배경 이미지 및 텍스트 수정

이미지 편집 > 내용 탭 설정 부분에서 “이미지 선택“에서 이미지를 변경하면 됩니다.
“이미지크기”에서 다양한 사이즈로 설정 할 수 있습니다.

<스타일 탭>에서는 이미지에 다양한 스타일로 편집하면 됩니다.



Leave a Comment