[카테고리:] Homepage3

  • 8. 워드프레스 엘리멘터 프로 : 팝업 (popup) 헤더 만들기

    8. 워드프레스 엘리멘터 프로 : 팝업 (popup) 헤더 만들기

    워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 헤더 (Header) 내에 팝업 (Popup) 메뉴를 만들어 보다 가시적인 효과를 낼 수 있는 방법에 안내 드립니다. 워드프레스 홈페이지 헤더내 팝업 메뉴 만들기 ‘템플릿’의 ‘Popups’를 클릭합니다. ‘새 Popup 추가‘를 클릭합니다. ‘템플릿 이름 저장’에 원하는 이름을 입력 후 ‘템플릿 만들기’를 클릭합니다. ‘x‘를 클릭해서 창을 닫습니다. ‘+‘ 표시인 ‘새 컨테이너 추가‘를 클릭합니다. ‘구조…

  • 7. 워드프레스 엘리멘터 프로 : 팝업 (popup) 만들기

    7. 워드프레스 엘리멘터 프로 : 팝업 (popup) 만들기

    워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 팝업을 만드는 방법에 안내 드립니다. 팝업은 페이지 로딩 시 긴급 공지나 홍보 내용을 알리는데 있어 매우 효과적입니다. 워드프레스 홈페이지 팝업 만들기 ‘템플릿’의 ‘Popups’를 클릭합니다. ‘새 Popup 추가‘를 클릭합니다. ‘템플릿 이름 저장’에 원하는 이름을 입력 후 ‘템플릿 만들기’를 클릭합니다. ‘x‘를 클릭해서 창을 닫습니다. ‘+‘ 표시인 ‘새 컨테이너 추가‘를 클릭합니다. ‘구조 선택‘에서…

  • 6. 워드프레스 엘리멘터 프로 : 동적 아이콘 만들기 (custom CSS)

    6. 워드프레스 엘리멘터 프로 : 동적 아이콘 만들기 (custom CSS)

    워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 동적 아이콘을 만드는 방법에 대해 안내 드립니다. 워드프레스 홈페이지 엘리멘터 프로로 동적 아이콘 만들기 ‘엘리멘터로 편집‘을 클릭합니다. ‘이미지‘를 아무 위치나 드래그 합니다. ‘이미지 선택‘을 클릭 후 원하는 이미지를 삽입합니다. ‘스타일‘을 클릭 후 ‘너비‘를 설정합니다. ‘고급‘을 클릭 후 ‘위치‘를 ‘절대 위치‘로 설정합니다. ‘이미지 편집’을 클릭 후 원하는 위치로 드래그 합니다. ‘custom…

  • 5. 워드프레스 엘리멘터 프로 : 동적 페이지 전환 및 Preloader 설정하기

    5. 워드프레스 엘리멘터 프로 : 동적 페이지 전환 및 Preloader 설정하기

    워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 페이지 전환 및 Preloading시 애니메이션 효과를 부여를 통해 전문가 다운 페이지를 만들 수 있습니다. 워드프레스 홈페이지 엘리멘터 프로로 페이지 전환 및 Preloader 설정하기 워드프레스 관리자 화면에서 ‘엘리멘터‘를 클릭합니다. ‘특징‘을 클릭합니다. ‘page Transition’을 ‘활성화‘로 설정합니다. 좌측 상단의 ‘사이트 방문‘을 클릭합니다. ‘엘리멘터로 편집‘을 클릭합니다. 좌측 상단의 ‘사이트 설정‘을 클릭합니다. ‘페이지 전환‘을 클릭합니다.…

  • 4. 워드프레스 엘리멘터 프로 :  404 페이지

    4. 워드프레스 엘리멘터 프로 : 404 페이지

    워드프레스 홈페이지에서 사용자가 URL을 잘못 입력 시 나타내는 404 Error 페이지 작성 방법에 대해 안내 드립니다. 워드프레스 홈페이지 엘리멘터 프로 푸터 만들기 (전문가 과정) ‘템플릿‘의 ‘Theme Builder‘를 클릭합니다. ‘Error 404‘의 ‘+‘를 클릭합니다. 원하는 템플릿을 선택 후 ‘삽입’을 클릭합니다. ‘Back Home‘을 클릭합니다. ‘링크‘ 검색에 ‘home’을 입력 후 ‘home‘을 클릭합니다. 상단의 ‘설정‘을 클릭 후 ‘Page Layout‘을 ‘elementor…

  • 3. 전문가가 만든 워드프레스 홈페이지 엘리멘터 프로 푸터

    3. 전문가가 만든 워드프레스 홈페이지 엘리멘터 프로 푸터

    워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 아래와 같은 전문가 다운 푸터를 만드는 방법에 대해 안내 드립니다. 워드프레스 홈페이지 엘리멘터 프로 푸터 만들기 (전문가 과정) ‘템플릿‘의 ‘Theme Builder‘를 클릭합니다. ‘footer‘를 클릭합니다. ‘Add New‘를 클릭합니다. 원하는 템플릿을 선택 후 ‘삽입’을 클릭합니다. ‘적용‘을 클릭합니다. 전체를 포함하고 있는 ‘컨테이너 편집‘을 클릭합니다. ‘스타일‘을 클릭 후 ‘배경‘의 ‘색상‘을 클릭 후 원하는 색상을…

  • 1. 엘리멘터 프로 무료 : 워드프레스 엘리멘터 프로 공짜로 사용하기 &  헤더 만들기 (전문가 과정)

    1. 엘리멘터 프로 무료 : 워드프레스 엘리멘터 프로 공짜로 사용하기 & 헤더 만들기 (전문가 과정)

    워드프레스 홈페이지를 전문가 답게 만들기 위해 프로 엘리멘터를 공짜로 다운 받는 방법과 이를 사용하여 전문가 다운 헤더를 만드는 방법에 대해 안내 드립니다. ▶ 워드프레스 카페24 가입하기 및 워드프레스 설정하기 워드프레스 프로 엘리멘터 공짜로 사용하기 구글 검색에 ‘pro elementor’를 입력 후 아래와 같이 ‘PRO Elements‘에 접속합니다. ‘DOWNLOAD‘를 클릭합니다. 워드프레스 관리자 페이지에서 ‘플러그인‘의 ‘새 플러그인 추가‘를 클릭합니다.…

  • 2. 전문가가 만든 워드프레스 홈페이지 엘리멘터 프로 헤더

    2. 전문가가 만든 워드프레스 홈페이지 엘리멘터 프로 헤더

    워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 아래와 같은 전문가 다운 헤더를 만드는 방법에 대해 안내 드립니다. 워드프레스 홈페이지 엘리멘터 프로 헤더 만들기 (전문가 과정) ‘+‘ 표시인 ‘요소 추가‘를 클릭 후 ‘WordPress Menu‘ 요소를 우측 컨테이너 안으로 드래그 합니다. 이는 반응형 모드에 적합하도록 미리 만들어 놓는 작업입니다. 좌측 컨테이너의 ‘WordPress Menu 편집‘을 우 클릭합니다. ‘복사‘를 클릭합니다. 우측…