콘텐츠로 건너뛰기

with Teetto

짤막 강의 동영상

3분 이내의 짧은 강의로 필요한 부분을 빠르게 복습해 주세요!

워드프레스 동영상

워드프레스 엘리멘터 사용법입니다.

워드프레스 홈페이지를 제작할 때 번거로운 초기 세팅만 잘 해결하다면, 엘리멘터 기초 사용법만 익혀 누구나 홈페이지를 제작할 수 있습니다. 

엘리멘터 편집

워드프레스 관리자화면 로그인

워드프레스에서 수정, 편집, 그리고 게시글 작성을 하려면 관리자 화면으로 로그인이 필요합니다.

  • 자주 접속하지 않으면 가끔 로그인 방법이 헷갈릴 때도 있을 수 있죠~
  • 이럴 때 보시면 됩니다.
워드프레스 로그인 화면

엘리멘터 편집

엘리멘터 컨테이너 만들기

이 내용은 웹 화면의 구성 요소를 보기 좋게 디자인하는 방법과, ‘[상담신청]’, ‘[결제하기]’와 같은 버튼을 만드는 방법에 관한 것입니다.

  • 상단에 배경 이미지 넣기
  • 글씨 크기, 색상 변경
  • 여백으로 공간 만들기
  • 버튼 만들기
엘리멘터 연습
실습용 완성 이미지

엘리멘터 편집

3칸 컨테이너 만들기

3칸 컨테이너 만드는 방법과 여백 사용법입니다.

  • 3칸 컨테이너 구조 만들기
  • 여백 위젯 사용
  • 그림은 인스타그램 정사각형 사이즈로 활용했습니다 (1080*1080px)
엘리멘터 3칸 컨테이너 연습
실습용 완성이미지

워드프레스

페이지 복제 방법

홈페이지를 만들다 보면 비슷한 페이지를 만드는 경우가 많습니다. 페이지를 복제하여 사용하면 편리합니다.

  • 비슷한 페이지를 만들 때 복사하여 사용하는 방법입니다
필요한 플러그인

워드프레스

메인메뉴 설정 방법

홈페이지를 완성하고 나서도 메인 메뉴를 변경해야하는 경우가 생기는데요 이때~ 메인 메뉴 변경 방법입니다. 난이도: 중

  • 메인메뉴 변경 (추가, 수정. 삭제))
메인메뉴 수정
노란색을 색칠한 부분을 수정하는 방법입니다.

워드프레스

푸터 설정 방법

홈페이지 하단에는 회사 정보를 입력하고, 하단 메뉴를 구성하며, 퀵 메뉴 설정을 할 수 있습니다   (난이도: 중)

  • 회사 주소가 변경되었을 때 
  • 기타 회사 정보가 변경되었을 때
하단푸터
홈페이지 하단에 필수 회사 정보와 블로그, 인스타그램 등의 링크를 추가하는 방법을 소개합니다

카페24 회원가입 방법

카페24 회원 가입과 웹호스팅

티토는 카페24에서 웹호스팅을 이용하고 있으며, 강의를 위해 제작된 동영상입니다.

  • 카페24 회원가입
  • [나의 서비스관리] 에서 웹호스팅
  • 카페24 아이디/비번 공유
  • IA구조도 만들기 (링크)
카페24 웹호스팅
카페24 웹호스팅

동영상을 보시고 궁금하신 점 이해하기 어려운 점 문의해 주세요

고객님 상황에 맞게 맞춤 안내드리겠습니다.