[카테고리:] Homepage3
-
8. 워드프레스 엘리멘터 프로 : 팝업 (popup) 헤더 만들기
—
워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 헤더 (Header) 내에 팝업 (Popup) 메뉴를 만들어 보다 가시적인 효과를 낼 수 있는 방법에 안내 드립니다. 워드프레스 홈페이지 헤더내 팝업 메뉴 만들기 ‘템플릿’의 ‘Popups’를 클릭합니다. ‘새 Popup 추가‘를 클릭합니다. ‘템플릿 이름 저장’에 원하는 이름을 입력 후 ‘템플릿 만들기’를 클릭합니다. ‘x‘를 클릭해서 창을 닫습니다. ‘+‘ 표시인 ‘새 컨테이너 추가‘를 클릭합니다. ‘구조…
-
7. 워드프레스 엘리멘터 프로 : 팝업 (popup) 만들기
—
워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 팝업을 만드는 방법에 안내 드립니다. 팝업은 페이지 로딩 시 긴급 공지나 홍보 내용을 알리는데 있어 매우 효과적입니다. 워드프레스 홈페이지 팝업 만들기 ‘템플릿’의 ‘Popups’를 클릭합니다. ‘새 Popup 추가‘를 클릭합니다. ‘템플릿 이름 저장’에 원하는 이름을 입력 후 ‘템플릿 만들기’를 클릭합니다. ‘x‘를 클릭해서 창을 닫습니다. ‘+‘ 표시인 ‘새 컨테이너 추가‘를 클릭합니다. ‘구조 선택‘에서…
-
6. 워드프레스 엘리멘터 프로 : 동적 아이콘 만들기 (custom CSS)
—
워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 동적 아이콘을 만드는 방법에 대해 안내 드립니다. 워드프레스 홈페이지 엘리멘터 프로로 동적 아이콘 만들기 ‘엘리멘터로 편집‘을 클릭합니다. ‘이미지‘를 아무 위치나 드래그 합니다. ‘이미지 선택‘을 클릭 후 원하는 이미지를 삽입합니다. ‘스타일‘을 클릭 후 ‘너비‘를 설정합니다. ‘고급‘을 클릭 후 ‘위치‘를 ‘절대 위치‘로 설정합니다. ‘이미지 편집’을 클릭 후 원하는 위치로 드래그 합니다. ‘custom…
-
5. 워드프레스 엘리멘터 프로 : 동적 페이지 전환 및 Preloader 설정하기
—
워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 페이지 전환 및 Preloading시 애니메이션 효과를 부여를 통해 전문가 다운 페이지를 만들 수 있습니다. 워드프레스 홈페이지 엘리멘터 프로로 페이지 전환 및 Preloader 설정하기 워드프레스 관리자 화면에서 ‘엘리멘터‘를 클릭합니다. ‘특징‘을 클릭합니다. ‘page Transition’을 ‘활성화‘로 설정합니다. 좌측 상단의 ‘사이트 방문‘을 클릭합니다. ‘엘리멘터로 편집‘을 클릭합니다. 좌측 상단의 ‘사이트 설정‘을 클릭합니다. ‘페이지 전환‘을 클릭합니다.…
-
4. 워드프레스 엘리멘터 프로 : 404 페이지
—
워드프레스 홈페이지에서 사용자가 URL을 잘못 입력 시 나타내는 404 Error 페이지 작성 방법에 대해 안내 드립니다. 워드프레스 홈페이지 엘리멘터 프로 푸터 만들기 (전문가 과정) ‘템플릿‘의 ‘Theme Builder‘를 클릭합니다. ‘Error 404‘의 ‘+‘를 클릭합니다. 원하는 템플릿을 선택 후 ‘삽입’을 클릭합니다. ‘Back Home‘을 클릭합니다. ‘링크‘ 검색에 ‘home’을 입력 후 ‘home‘을 클릭합니다. 상단의 ‘설정‘을 클릭 후 ‘Page Layout‘을 ‘elementor…
-
1. 엘리멘터 프로 무료 : 워드프레스 엘리멘터 프로 공짜로 사용하기 & 헤더 만들기 (전문가 과정)
—
워드프레스 홈페이지를 전문가 답게 만들기 위해 프로 엘리멘터를 공짜로 다운 받는 방법과 이를 사용하여 전문가 다운 헤더를 만드는 방법에 대해 안내 드립니다. ▶ 워드프레스 카페24 가입하기 및 워드프레스 설정하기 워드프레스 프로 엘리멘터 공짜로 사용하기 구글 검색에 ‘pro elementor’를 입력 후 아래와 같이 ‘PRO Elements‘에 접속합니다. ‘DOWNLOAD‘를 클릭합니다. 워드프레스 관리자 페이지에서 ‘플러그인‘의 ‘새 플러그인 추가‘를 클릭합니다.…
-
2. 전문가가 만든 워드프레스 홈페이지 엘리멘터 프로 헤더
—
워드프레스 홈페이지에서 엘리멘터 프로를 사용하여 아래와 같은 전문가 다운 헤더를 만드는 방법에 대해 안내 드립니다. 워드프레스 홈페이지 엘리멘터 프로 헤더 만들기 (전문가 과정) ‘+‘ 표시인 ‘요소 추가‘를 클릭 후 ‘WordPress Menu‘ 요소를 우측 컨테이너 안으로 드래그 합니다. 이는 반응형 모드에 적합하도록 미리 만들어 놓는 작업입니다. 좌측 컨테이너의 ‘WordPress Menu 편집‘을 우 클릭합니다. ‘복사‘를 클릭합니다. 우측…