브릭스 빌더 이슈

  • 0:35 min

  • 0 comments

빌더 캔버스에 Element가 보이지 않는 경우 만약, 요소(Element)들이 Structure Panel에는 보이는데, 캔버스에 보이지 않는 경우, 만약 Cloudflare를 사용하고 있다면, Cloudflare Rocket Loader (또는 다른 속도최적화 기능)와 브릭스빌더 자바스크립트간 충돌때문일 수…

빌더 캔버스에 Element가 보이지 않는 경우

만약, 요소(Element)들이 Structure Panel에는 보이는데, 캔버스에 보이지 않는 경우, 만약 Cloudflare를 사용하고 있다면, Cloudflare Rocket Loader (또는 다른 속도최적화 기능)와 브릭스빌더 자바스크립트간 충돌때문일 수 있습니다.

해결방법 1. 빌더모드에서 Configuration Rule을 만드세요.

  1. Cloudflare 대시보드로 로그인 하신 후
  2. 해당 계정과 웹사이트를 선택하고
  3. Rules > Configuration Rules로 이동한 후
  4. 새로운 규칙을 생성하고, 이름을 부여하고 Custom Filter Expression을 선택합니다.
    • Field : URI Query String
    • Operater : contains
    • Value : bricks=run
  5. 나머지 세팅값은 비워두거나 손대지 마시고, 규칙을 저장합니다.

해결방법2. 빌더모드에서 속도최적화를 수행하지 않도록 페이지 규칙을 생성

  1. 클라우드플레어 페이지 규칙으로 이동한 후
  2. 새로운 페이지 규칙을 생성합니다.
    • URL : *.yourdomainname/*bricks=run
    • Setting : Disable Performance
  3. 저장 후 페이지 규칙을 배포합니다.

해결방법3. Rocket Loader를 비활성화합니다.

  1. 클라우드플레어에 로그인 한 후 해당계정과 웹사이트를 선택하고 대시보드내 Speed > Optimization으로 이동합니다.
  2. 스크롤을 내려 Rocket Loader을 찾아 OFF로 설정합니다.

해결방법4. 사이트그라운드 Worker Routes를 비활성화 합니다.

만약, 상기 해결방법들로 해결되지 않고, 사이트 그라운드 호스팅을 사용하고 있다면 클라우드플레어 대시보드에서 Workers Routes를 찾은 다음, sg_worker (또는 다른 의심스러운 worker)가 있는지 확인한 후 삭제합니다.

요소나 스타일의 복사/붙여넣기가 정상적으로 동작하지 않을 때

브릭스빌더는 상호 다른 도메인간 요소나 스타일을 복사 / 붙여넣기 할 경우 클립보드API를 사용합니다. 복사 / 붙여넣기 기능은 HTTPS로 동작되는 페이지에서만 작동합니다.

파이어폭스 브라우저에서 다음단계를 통해 해결하세요.

  1. 브라우저의 검색란에 about:config 라고 입력합니다.
  2. “위험을 감수하고 계속 진행”을 클릭합니다.
  3. ‘clipboard’를 검색어로 하여 dom.events.asyncClipboard.readText 와 dom.events.testing.asyncClipboard 를 true로 변경합니다.
  4. Firefox 브라우저를 재시작 합니다.

브릭스로 홈페이지를 편집하려고 할 때 Internal server error (500) 가 발생할 경우

만약, 홈페이지를 편집하려고 할 때 내부서버에러(500) 가 발생하게 되면, 서버로그를 들여다보고 서버환경설정을 수정해야 할 수 있습니다. 이 에러는 대부분 보안서버설정때문에 발생됩니다.

일부 서버는 SecResponseBodyLimit 값을 가지고 있지 않고 이 경우 다음과 같은 에러를 발생시킵니다.

ModSecurity: Output filter: Response body too large (over limit of 1048576, total not specified).

이 경우 호스팅 관리자로 로그인 하셔서 서버의 보안설정을 점검할 필요가 있습니다.

블로그 페이지가 포스트 아카이브 템플릿을 이용하지 않을 경우

블로그 페이지(설정 > 읽기에 설정된 워드프레스 게시물 페이지)는 특별한 워드프레스 페이지이므로 아카이브가 아닙니다. 블로그 페이지에 브릭 템플릿을 설정하려면 템플릿 조건을 개인으로 설정하고 블로그 페이지를 선택해야 합니다.

SVG 파일을 사용하는 데 칼라가 변경되지 않는 경우

이는 일반적으로 SVG 파일에 Bricks 빌더에서 생성된 스타일을 재정의하는 인라인 스타일이 포함되어 있을 때 발생합니다. 이러한 SVG 파일을 Bricks 스타일 컨트롤과 함께 사용하려면 SVG 파일을 WordPress 설치에 업로드하기 전에 SVG 파일에서 인라인 스타일을 제거해야 합니다.

커스텀 폰트가 프론트엔드에서 제대로 동작하지 않을 때

사용자 정의 글꼴이 프런트엔드에 표시되지 않는 경우 WordPress 웹 사이트가 HTTPS를 통해 제공되지만 WordPress URL이 여전히 HTTP(WordPress 설정 » 일반)로 설정되어 있기 때문일 수 있습니다.

WordPress URL을 http://에서 https://로 변경하면 문제가 해결되고 글꼴이 올바르게 표시됩니다.

유튜브 배경영상이 모바일에서 autoplay 되지 않는 경우

이 문제는 유튜브 iFrame 플레이어 API가 제한을 두었기 때문에 발생합니다.

https://developers.google.com/youtube/iframe_api_reference?hl=ko#Mobile_considerations

인기글

12

8월

이 요소를 사용하면 Bricks에서 동적 콘텐츠 라이트박스를 시각적으로 빌드할 수 있습니다. 라이트박스의 콘텐츠는 모든 요소로 채울 수 있으며 쿼리 루프 내부에서 사용하는 경우 동적 데이터와 함께 사용하여 각 게시물에서 콘텐츠를…

05

8월

Ionicons는 웹, iOS, Android, 데스크탑 애플리케이션을 위해 제작된 1,300개 이상의 아이콘으로 구성된 오픈 소스 아이콘 세트입니다. 원래는 Ionic Framework를 위해 만들어졌으며, 이 프레임워크는 크로스 플랫폼 하이브리드 및 프로그레시브 웹 애플리케이션을…

05

8월

Nav Menu Options 데스크탑에서 마지막 NAV ITEM을 버튼처럼 보이게 하기 $last-nav-button-desktop: true; // SELECTION (true/false) 모바일에서 마지막 NAV ITEM을 버튼처럼 보이게 하기 $last-nav-button-mobile: true; // SELECTION (true/false) 모바일에서 마지막 NAV…

Leave the first comment