1.  사전 준비사항

  • 이메일 주소 : 구글 G메일 가입
  • 웹호스팅 : 웹사이트 운영에 필요한 소프트웨어가 설치된 시스템, 저장공간과 인터넷 연결등을 제공받고 비용을 지불(카페24, 닷홈)
  • 도메인 구입 : 카페24, 호스팅kr
  • 기타 사항 : 가입형 워드프레스(그라바다, 아키스밋), 구글 계정 가입, SNS계정(페이스북) 가입, FTP프로그램(파일질라), 이미지 프로그램(픽슬러) 준비

워드프레스 다운로드 및 설치

2. 제작 계획

1) 사이트맵 작성

  • 사이트맵이란 웹사이트의 구조를 한눈에 파악하기 위해 정리한 페이지(약도)
  • 키워드 추출 : 연관 검색어 사용
  • 키워드 분류 : 대분류, 하위항목(소개 : 페이지, 소식과 정보 : 카테고리와 글참      고사이트 : 링크 사용)

2) 기본 화면 구성

  • 헤더 영역 : 화면 상단위치 웹사이트의 정체성 표시(로고와 메뉴)
  • 메인 영역 : 방문자가 화면을 보는 목적(주요 내용) 표시. 사이드바 포함
  • 푸터 영역 : 회사 주소와 연락처, 저작권 표시(화면 아래에 위치)
  • 메인화면 글 목록 작성 : 페이지 템플릿 사용

3. 제작 절차

1) 페이지로 소개내용 작성

  • 새 페이지 추가 : 제목, 내용 작성후 공개하기
  • 고유주소 변경 : 설정에서 글 이름 체크, 슬러그를 영문으로 변경
  • 페이지 속성 설정 : 페이지 템플릿

2) 카테고리 추가하고 구성

  • 카테고리 만들기 : 이름, 슬러그 입력 후 새 카테고리 추가 클릭
  • 편집 또는 수정 : 카테고리 목록에서 마우스 클릭

3) 글 작성하고 관리

  • 새 글 쓰기 : 제목, 본문 입력 후 카테고리 지정. 고유주소 변경(슬러그 수정).  태그 입력, 특성이미지 설정. 공개하기 클릭
  • 글 관리하기 : 관리자 툴바 이용 편집. 관리자 글 목록에서 편집

    4) 메뉴 구성

    • 메뉴 생성하기 : 메뉴 이름 란에 메인메뉴 입력하고 메뉴생성 클릭. 모두보기 탭 모두 선택 클릭 후 메뉴에 추가 클릭
    • 메뉴에 페이지 추가하고 메뉴 순서변경 및 하위메뉴 지정
    • 메뉴에 카테고리 추가 : 페이지와 동일하게 지정 및 변경
    • 메뉴에 외부링크 추가 : URL과 링크텍스트 입력 후 메뉴에 추가 클릭
    • 메뉴 위치 지정 : 메뉴 설정 항목 상단 주 메뉴 선택(위치 관리하기에서도 가능)

    5) 사이드 바와 위젯 활용

    • 위젯 추가하고 관리하기 : 외모 -> 위젯 클릭 후 위젯을 마우스로 끌어 사이드 바 영역에 추가
    • 텍스트 위젯 이용 이미지 배너 넣기 : HTML 코드 얻기 위한 임시 페이지(Sand Box) 추가 후 이미지 업로드 하여 페이지에 삽입하고 URL 넣기. 텍스트 모드에서 HTML 코드 복사하여 임시 글로 저장하기 클릭


    0개의 댓글

    답글 남기기

    이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다

    error: Content is protected !!