본문으로 바로가기

엘리멘터

해당되는 글 56
  • thumbnail
    워드프레스/Elementor (1)

    엘리멘터: 페이지 전체 화면을 배경 이미지로 채우는 방법

    그림과 같이 페이지 전체 화면을 배경 이미지로 채우고 싶은 경우 HTML/CSS 코드 또는 자바스크립트를 사용하여 구현할 수 있습니다. 워드프레스에서 엘리멘터 페이지 빌더를 사용하는 경우에는 매우 간단한 방법으로 페이지 전체를 배경 이미지로 채울 수 있습니다. 엘리멘터 페이지 빌더에서 페이지 전체 화면을 배경 이미지로 채우는 방법 Elementor 페이지 빌더를 사용하는 경우 섹션에 배경 이미지를 지정하고, 배경 이미지가 화면 전체를 채우도록 설정할 수 있습니다. 1. 페이지 편집 화면에서 페이지 템플릿에 Elementor 캔버스를 지정하도록 합니다. 2. 엘리멘터 페이지 빌더 편집 화면에서 섹션을 추가하고 섹션 편집 패널에서 스타일 탭을 클릭합니다. 위의 그림과 같이 백그라운드 이미지를 지정하고 위치(..
  • thumbnail
    워드프레스/Elementor (1)

    모바일에서 엘리멘터 Tabs 위젯의 탭 레이아웃 유지하기

    워드프레스 엘리멘터 페이지 빌더의 Tabs 위젯을 사용하여 탭 레이아웃을 쉽게 만들 수 있습니다. 탭은 수평 스타일과 수직 스타일 모두 가능합니다. 하지만 모바일 기기에서는 탭 레이아웃이 유지되지 않고 세로로 쌓이는 형식으로 표시됩니다. 모바일에서 엘리멘터 Tabs 위젯의 탭 레이아웃 유지하기 Elementor 페이지 빌더의 탭 기능을 사용하여 탭을 만들었을 때 모바일에서도 PC에서와 비슷한 레이아웃을 유지하고 싶은 경우 다음 방법을 이용할 수 있습니다. 1. 먼저 Tabs 편집 패널에서 고급(Advanced) 탭을 클릭한 다음, CSS ID 필드에 [**mobile-tabs**]를 입력합니다. 2. 엘리멘터 프로를 사용하는 경우 Custom CSS 섹션에 다음 사용자 정의 CSS 코드를 입력합니다. /..
  • thumbnail
    워드프레스/Elementor (3)

    가비아 워드프레스 호스팅: 엘리멘터에서 "연결 끊김" 오류가 발생하는 경우

    워드프레스에서 페이지 빌더를 사용하면 코딩 지식이 없어도 쉽게 사이트를 만들 수 있습니다. 여러 가지 페이지 빌더 중에서 현재 엘리멘터(Elementor)가 가장 인기를 얻고 있습니다. 엘리멘터를 이용하여 페이지를 편집한 후에 저장하려고 시도하면 "연결 끊김" 오류가 발생하는 경우가 있습니다. "연결 끊김. Saving has been disabled until you're reconnected"(다시 연결할 때까지 저장이 비활성화되었습니다) 에러가 발생하는 경우 워드프레스 ‘연결 끊김’ 문제 해결 방법을 참고하여 문제 해결을 시도해볼 수 있습니다. 가비아 워드프레스 호스팅에서 호스팅되는 워드프레스 사이트에서 "연결 끊김" 오류가 발생하는 경우 가비아에서는 워드프레스 전용 호스팅인 워드프레스 호스팅 상품..
  • thumbnail
    워드프레스/Elementor

    워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 해결 방법

    인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 없어도 수월하게 사이트를 만들 수 있습니다. 엘리멘터에서는 사전 제작된 템플릿을 제공하므로 템플릿을 로드하여 활용하면 시간을 절감할 수 있습니다. 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 아래의 내용을 참고하여 적절한 조치를 취하시기 바랍니다. 워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 엘리멘터에서는 무료 버전에서도 라이브러리에 등록된 템플릿을 로드하여 사용할 수 있습니다. 위의 그림에서 PRO라 표시된 템플릿은 엘리멘터 프로(Elementor Pro)에서만 사용할 수 있고, 아무런 표시가 없는 템플릿은 무료 버전에도 사용할 수 있습니다. 무료 템플릿이 제한되어..
  • thumbnail
    워드프레스/Elementor (1)

    워드프레스 엘리멘터 헤더 템플릿 만들기 (헤더 & 푸터 커스텀)

    워드프레스에서 페이지에 따라 다른 헤더나 푸터를 사용하고 싶은 경우가 있습니다. 일반적인 테마에서는 헤더는 사이트 전체에 공통으로 사용되고, 페이지에 따라 다른 헤더를 사용하려면 테마 파일을 수정해야 합니다. 하지만 Divi 테마와 아바다 등 일부 워드프레스에서는 알림판 내에서 헤더 템플릿을 만들어서 페이지마다 다른 헤더를 지정하는 것이 가능합니다. 엘리멘터 페이지의 경우 Elementor Pro의 테마 빌더를 사용하여 헤더를 자유롭게 커스텀하고 위치를 지정할 수 있습니다. 워드프레스에서 페이지마다 다른 헤더 사용하기 일반적으로 페이지마다 다른 헤더를 사용하려면 테마 파일(보통 [**header.php**])을 커스텀해야 합니다. 하지만 워드프레스가 발전하면서 일부 테마와 페이지 빌더에서는 워드프레스 관..
  • thumbnail
    워드프레스/Elementor (1)

    워드프레스 Elementor Pro 라이선스 활성화하기 (엘리멘터 프로 설치 및 템플릿 로드)

    워드프레스 엘리멘터 페이지 빌더(Elementor Page Builder)는 무료로 사용할 수 있지만 프로 기능과 더 많은 템플릿을 사용하려면 엘리멘터 프로 라이선스를 활성화해야 합니다. 이 글에서는 엘리멘터 프로 라이선스를 활성화하는 방법에 대하여 살펴보겠습니다. 여기에서 Elementor 사용법에 대한 다양한 글을 확인할 수 있습니다. 참고로 엘리멘터에서 엘리멘터 프로 기능이 포함된 Cloud Website라는 클라우드 호스팅 서비스를 제공합니다. 여러 개의 사이트를 운영할 수 있고, 엘리멘터 프로 기능도 사용이 가능하다고 합니다. 구글 클라이드 플랫폼 기반이고 무료 SSL 인증서와 클라우드플레어 CDN이 제공되며, 20GB 스토리지, 100GB 대역폭(트래픽), 월 방문 수 10만까지 지원되는 것 ..
  • thumbnail
    워드프레스/Elementor

    엘리멘터(Elementor)로 커스텀 로그인 페이지 만들기

    인기 워드프레스 페이지 빌더인 엘리멘터(Elmentor)는 코딩 지식이 없어도 사이트를 쉽게 만들 수 있습니다. 워드프레스 점유율이 현재 43%에 달하고 있는데, 엘리멘터 덕분에 워드프레스 사용자가 늘어났다고 합니다. 엘리멘터 프로에서는 프로 위젯과 프로 템플릿, 그리고 테마 빌더를 사용하여 알림판에서 사이트의 모든 부분을 커스텀할 수 있습니다. 엘리멘터 프로의 Login 위젯을 사용하여 커스텀 로그인 페이지를 만들 수 있습니다. 엘리멘터를 사용하여 커스텀 로그인 페이지를 만든 다음, 워드프레스 기본 로그인 페이지 URL을 커스텀 로그인 페이지 URL로 변경하는 방식으로 진행하면 됩니다(아래의 "워드프레스 기본 로그인 페이지를 커스텀 로그인 페이지로 변경하기" 부분 참고). 엘리멘터(Elementor)로..
  • thumbnail
    워드프레스/플러그인 (3)

    워드프레스 Brizy 페이지 빌더 vs. Brizy Cloud

    Brizy 페이지 빌더는 유명한 엘리멘터와 비슷하게 드래그 앤 드롭 방식으로 쉽게 사이트를 만들 수 있도록 하는 워드프레스 페이지 빌더입니다. Brizy는 Elementor 페이지 빌더와 유사한 기능을 제공하면서도 비용은 더 저렴한 편입니다. Brizy Cloud는 Brizy 프로를 사용하여 랜딩 페이지 등을 제작할 수 있는 플랫폼입니다. 워드프레스 Brizy 페이지 빌더 vs. Brizy Cloud Brizy 페이지 빌더 개발업체에서 Brizy Cloud라는 웹빌더 솔루션을 릴리스했습니다. Brizy 페이지 빌더는 워드프레스에 설치하여 사용하는 플러그인인 반면, Brizy Cloud는 그 자체가 독립적인 플랫폼으로 Brizy 페이지 빌더를 웹빌더로 구현하여 사이트를 만들 수 있는 솔루션이라 생각하면 이..
  • thumbnail
    워드프레스/Elementor

    워드프레스 엘리멘터 메뉴가 깨져 표시되는 문제

    워드프레스 엘리멘터 프로를 사용하여 테마 빌더의 헤더 템플릿에서 헤더에 메뉴(Nav Menu)를 추가하거나 페이지에 메뉴를 배치할 때 메뉴 레이아웃이 깨져서 제대로 작동하지 않는 경우가 있습니다. 엘리멘터로 만든 메뉴가 깨져 표시되는 경우 아래 사항을 참고하여 문제 해결을 시도해보시기 바랍니다. 워드프레스 엘리멘터 메뉴가 깨져 표시되는 문제 Elementor Pro에서 다음과 같이 메뉴가 이상하게 표시되는 문제를 호소하는 분들이 계십니다. 이 문제가 발생하면 다음과 같은 조치를 취하여 문제를 해결할 수 있습니다. 기본적인 조치 먼저 테마를 임시적으로 다른 테마로 바꾸어서 문제가 사라지지 않는지 체크해보시기 바랍니다. 또한, 워드프레스 알림판 > Elementor (엘리멘터) > Tools (도구) > R..
  • thumbnail
    워드프레스/Elementor (1)

    워드프레스 WPML 플러그인으로 엘리멘터 템플릿 번역하기

    WPML은 워드프레스 사이트를 다국어 사이트로 변환할 때 사용되는 플러그인으로 영어, 일본어, 중국어 등의 언어를 쉽게 추가할 수 있도록 합니다. WPML을 사용하여 원하는 언어를 추가한 후에 콘텐츠를 직접 번역하거나 자동번역 기능을 사용하여 번역할 수 있습니다. 엘리멘터 페이지 빌더로 헤더/푸터 등의 템플릿을 만든 경우 WPML로 템플릿을 각 언어로 번역이 가능합니다. 워드프레스 WPML 플러그인으로 엘리멘터 템플릿 번역하기 최근 WPML로 다국어 사이트를 만든 고객으로부터 푸터를 각 언어별로 번역하는 작업을 맡게 되었습니다. 사이트를 살펴보니 Elementor Pro의 테마 빌더로 영어 푸터 템플릿이 만들어져 있었습니다. 이 푸터를 독일어, 프랑스어, 네덜란드어 등의 언어로 번역하는 작업이었습니다. ..

    가성비가 뛰어난 웹호스팅

    저렴하고 가성비 좋은 웹호스팅

    저도 같은 사람한테 당했는 데... 청산사랑 => 이 ⋯

    💬Xenoint

    플러그인 사용이전하는 방법이로군요^^

    💬空空(공공)

    트라도스서식 알아 갑니다^^

    💬空空(공공)

    예전에는 새로운 버전 출시 전 몇 달 전에 구입할 경우⋯

    💬워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada

    무료로 업그레이드 해주면 더 충성도가 올라갈텐데요

    💬본연의 힘

    워드프레스 시작 가이드

    워드프레스 시작하기
    이모티콘창 닫기
    울음
    안녕
    감사해요
    당황
    피폐

    이모티콘을 클릭하면 댓글창에 입력됩니다.

    프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드