/ 가이드/ 가이드
가이드

브릭스 빌더 사용법: 텍스트·사진 수정부터 저장까지

에코스튜디오 홈페이지 고객을 위한 브릭스 빌더 기본 가이드입니다. 관리자에서 편집기를 여는 방법부터 텍스트·사진 수정, 수정하면 안 되는 항목, 저장과 확인 순서까지 화면으로 안내합니다.

ES 에코스튜디오 2026.09.15 읽는 시간 5분
브릭스 빌더 사용법: 텍스트·사진 수정부터 저장까지

브릭스 빌더를 처음 사용하셔도 별표가 붙은 글과 사진만 선택하면 홈페이지 내용을 직접 바꿀 수 있습니다. 이 가이드는 에코스튜디오에서 제작한 홈페이지를 기준으로 텍스트 수정, 사진 교체, 저장 방법을 설명합니다.

디자인과 모바일 배치가 함께 연결된 구조는 잘못 움직이면 여러 화면에서 동시에 틀어질 수 있습니다. 따라서 글 ★★, 사진 ★★ 요소만 수정하고, 수정금지 X가 붙은 요소와 스타일 설정은 그대로 두어 주세요.

수정 가능한 항목

오른쪽 구조 목록에서 별표가 붙은 글과 사진만 수정합니다. 레이아웃 변경이나 새 영역 추가가 필요하면 에코스튜디오에 요청해 주세요.

01편집 화면은 어디에서 여나요?

워드프레스 관리자에 로그인한 뒤 왼쪽 메뉴에서 사이트 관리를 누릅니다.

  • 첫 화면을 수정할 때: 홈화면 편집기 버튼
  • 다른 페이지를 수정할 때: 수정하려는 페이지의 페이지 편집 버튼

버튼을 누르면 브릭스 빌더 편집 화면이 열립니다. 편집 전에 현재 수정하려는 페이지가 맞는지 먼저 확인해 주세요.

워드프레스 관리자에서 사이트 관리를 선택한 뒤 홈화면 편집기를 여는 위치
사이트 관리를 누른 뒤 홈화면 편집기를 여는 위치

02텍스트는 어떻게 수정하나요?

  1. 화면 가운데에서 바꿀 글자를 직접 클릭하거나, 오른쪽 구조 목록에서 글 ★★가 붙은 항목을 선택합니다.
  2. 왼쪽의 내용 입력칸에서 문구를 수정합니다.
  3. 화면 가운데 미리보기에 원하는 문장이 보이는지 확인합니다.
브릭스 빌더에서 텍스트 입력칸과 화면의 제목을 수정하는 위치
왼쪽 내용 입력칸을 수정하면 가운데 화면에 바로 반영됩니다.
문구 길이도 확인해 주세요

기존 줄바꿈과 문장 길이를 크게 바꾸면 제목이 두 줄로 나뉘거나 버튼 폭이 달라질 수 있습니다. 가능하면 기존 문구와 비슷한 길이로 작성해 주세요. HTML 태그, 링크 연결, 스타일 항목은 별도 요청이 없는 한 변경하지 않습니다.

03사진은 어떻게 교체하나요?

  1. 화면 가운데에서 바꿀 사진을 클릭하거나, 오른쪽 구조 목록에서 사진 ★★가 붙은 항목을 선택합니다.
  2. 왼쪽에 나타난 이미지 미리보기 또는 이미지 선택 영역을 누릅니다.
  3. 미디어 보관함에서 기존 사진을 선택하거나 새 사진을 업로드합니다.
  4. 화면 가운데에서 사진의 잘림과 위치를 확인합니다.
브릭스 빌더에서 이미지 선택 영역과 교체할 사진의 위치
왼쪽 이미지 영역에서 사진을 선택하면 가운데 화면의 사진이 교체됩니다.

새 사진은 기존 사진과 가로세로 비율이 비슷한 이미지를 사용하는 것이 좋습니다. 세로 사진을 가로 영역에 넣으면 중요한 부분이 잘릴 수 있습니다. 사진에 설명이 필요한 경우 사용자 정의 대체 텍스트에는 “건물 외관”, “상담실 내부”처럼 사진의 내용을 짧고 구체적으로 적어 주세요.

04어떤 부분은 수정하면 안 되나요?

오른쪽 구조 목록에서 별표가 붙은 글과 사진만 수정해 주세요. 다음 항목은 홈페이지의 전체 배치와 반응형 화면에 영향을 줄 수 있으므로 건드리지 않습니다.

  • 레이아웃 · 수정금지 X, 박스 · 수정금지 X
  • 요소를 위아래로 끌어 순서를 바꾸는 작업
  • 휴지통 삭제, 복제, 새 요소 추가 버튼
  • 왼쪽 패널의 스타일 탭과 크기·여백·위치 설정
  • 설정에서라고 표시된 전화번호나 공통 문구
브릭스 빌더의 수정금지 요소와 오른쪽 위 저장 버튼 위치
수정금지 요소는 그대로 두고, 작업이 끝나면 오른쪽 위 저장 버튼을 누릅니다.
확실하지 않으면 저장하지 마세요

잘못 선택했더라도 저장하기 전이라면 오른쪽 위의 실행 취소 화살표로 되돌릴 수 있습니다. 어떤 항목인지 확실하지 않으면 저장하지 말고 창을 닫은 뒤 에코스튜디오에 문의해 주세요.

05수정한 내용은 어떻게 저장하나요?

수정이 끝나면 편집기 오른쪽 위의 디스크 모양 저장 버튼을 누릅니다. 저장 처리가 끝날 때까지 창을 닫거나 새로고침하지 마세요.

저장 후에는 홈페이지 보기에서 수정한 페이지를 다시 열어 다음 세 가지를 확인합니다.

  1. 문구와 사진이 원하는 내용으로 바뀌었는지
  2. 글이 예상하지 않은 위치에서 줄바꿈되지 않았는지
  3. 컴퓨터와 휴대폰 화면에서 사진이나 버튼이 겹치지 않는지

06수정 전 마지막 확인

저장 버튼을 누르기 전 체크리스트

  • 글 ★★ 또는 사진 ★★가 붙은 요소인가요?
  • 기존 문구 길이와 사진 비율을 크게 바꾸지 않았나요?
  • 수정금지 X, 스타일, 삭제, 순서 변경을 건드리지 않았나요?
  • 저장 후 실제 홈페이지와 휴대폰 화면을 확인할 준비가 되었나요?

간단한 문구와 사진 교체는 위 순서대로 직접 진행하실 수 있습니다. 레이아웃 변경, 새 영역 추가, 모바일 배치 수정이 필요하다면 에코스튜디오에 요청해 주세요.

홈페이지 수정 문의하기 →

공유
Eco Studio

직접 하기 어려우신가요?

읽으신 내용대로 저희가 대신 해 드립니다.
무엇이 필요한지부터 함께 정해요.

다른 가이드 더보기

가장 많이 찾으시는 가이드

가이드 전체 보기 →
워드프레스 화면 깨짐 해결: 증상별 원인과 점검 순서
가이드 2026.09.05
워드프레스 화면 깨짐 해결: 증상별 원인과 점검 순서
워드프레스 500 에러 해결: 오류 로그 확인부터 복구까지
가이드 2026.09.05
워드프레스 500 에러 해결: 오류 로그 확인부터 복구까지
워드프레스 업데이트 후 깨졌을 때 — 되돌리기와 원인 찾기
워드프레스 2026.09.05
워드프레스 업데이트 후 깨졌을 때 — 되돌리기와 원인 찾기
카카오톡 상담 문의 남기기 주문서 작성 맨 위로