브릭스 빌더 사용법: 텍스트·사진 수정부터 저장까지
에코스튜디오 홈페이지 고객을 위한 브릭스 빌더 기본 가이드입니다. 관리자에서 편집기를 여는 방법부터 텍스트·사진 수정, 수정하면 안 되는 항목, 저장과 확인 순서까지 화면으로 안내합니다.
브릭스 빌더를 처음 사용하셔도 별표가 붙은 글과 사진만 선택하면 홈페이지 내용을 직접 바꿀 수 있습니다. 아래 설명은 에코스튜디오가 만든 홈페이지를 기준으로 합니다.
디자인과 휴대폰 화면 배치가 서로 묶여 있어서, 한 곳을 잘못 움직이면 여러 화면이 같이 틀어질 수 있습니다. 따라서 글 ★★, 사진 ★★ 요소만 수정하고, 수정금지 X가 붙은 요소와 스타일 설정은 그대로 두어 주세요.
오른쪽 구조 목록에서 별표가 붙은 글과 사진만 수정합니다. 레이아웃 변경이나 새 영역 추가가 필요하면 에코스튜디오에 요청해 주세요.
편집 화면은 어디에서 여나요?
워드프레스 관리자에 로그인한 뒤 왼쪽 메뉴에서 사이트 관리를 누릅니다.
- 첫 화면을 수정할 때: 홈화면 편집기 버튼
- 다른 페이지를 수정할 때: 수정하려는 페이지의 페이지 편집 버튼
버튼을 누르면 브릭스 빌더 편집 화면이 열립니다. 편집 전에 현재 수정하려는 페이지가 맞는지 먼저 확인해 주세요.
텍스트는 어떻게 수정하나요?
- 화면 가운데에서 바꿀 글자를 직접 클릭하거나, 오른쪽 구조 목록에서
글 ★★가 붙은 항목을 선택합니다. - 왼쪽의 내용 입력칸에서 문구를 수정합니다.
- 화면 가운데 미리보기에 원하는 문장이 보이는지 확인합니다.
기존 줄바꿈과 문장 길이를 크게 바꾸면 제목이 두 줄로 나뉘거나 버튼 폭이 달라질 수 있습니다. 가능하면 기존 문구와 비슷한 길이로 작성해 주세요. HTML 태그나 링크, 스타일 항목은 그대로 두어 주세요.
사진은 어떻게 교체하나요?
- 화면 가운데에서 바꿀 사진을 클릭하거나, 오른쪽 구조 목록에서
사진 ★★가 붙은 항목을 선택합니다. - 왼쪽에 나타난 이미지 미리보기 또는 이미지 선택 영역을 누릅니다.
- 미디어 보관함에서 기존 사진을 선택하거나 새 사진을 업로드합니다.
- 화면 가운데에서 사진의 잘림과 위치를 확인합니다.
새 사진은 기존 사진과 가로세로 비율이 비슷한 것으로 골라 주세요. 세로 사진을 가로 영역에 넣으면 중요한 부분이 잘릴 수 있습니다. 사진에 설명이 필요한 경우 사용자 정의 대체 텍스트에는 “건물 외관”, “상담실 내부”처럼 사진의 내용을 짧고 구체적으로 적어 주세요.
어떤 부분은 수정하면 안 되나요?
오른쪽 구조 목록에서 별표가 붙은 글과 사진만 수정해 주세요. 아래 항목을 건드리면 홈페이지 전체 배치와 휴대폰 화면이 틀어질 수 있으니 그대로 두어 주세요.
레이아웃 · 수정금지 X,박스 · 수정금지 X- 요소를 위아래로 끌어 순서를 바꾸는 작업
- 휴지통 삭제, 복제, 새 요소 추가 버튼
- 왼쪽 패널의
스타일탭과 크기·여백·위치 설정 설정에서라고 표시된 전화번호나 공통 문구
잘못 선택했더라도 저장하기 전이라면 오른쪽 위의 실행 취소 화살표로 되돌릴 수 있습니다. 어떤 항목인지 확실하지 않으면 저장하지 말고 창을 닫은 뒤 에코스튜디오에 문의해 주세요.
수정한 내용은 어떻게 저장하나요?
수정이 끝나면 편집기 오른쪽 위의 디스크 모양 저장 버튼을 누릅니다. 저장 처리가 끝날 때까지 창을 닫거나 새로고침하지 마세요.
저장 후에는 홈페이지 보기에서 수정한 페이지를 다시 열어 다음 세 가지를 확인합니다.
- 문구와 사진이 원하는 내용으로 바뀌었는지
- 글이 예상하지 않은 위치에서 줄바꿈되지 않았는지
- 컴퓨터와 휴대폰 화면에서 사진이나 버튼이 겹치지 않는지
수정 전 마지막 확인
글 ★★또는사진 ★★가 붙은 요소인가요?- 기존 문구 길이와 사진 비율을 크게 바꾸지 않았나요?
수정금지 X, 스타일, 삭제, 순서 변경을 건드리지 않았나요?- 저장 후 실제 홈페이지와 휴대폰 화면을 확인할 준비가 되었나요?
글자와 사진은 위 순서대로 직접 바꾸시면 됩니다. 배치를 바꾸거나 새 영역을 넣어야 한다면 에코스튜디오에 궁금하신 점을 남겨 주세요.