• 메뉴 네비게이션 구성하기

    카테고리와 페이지 생성(http://makebct.net/648?cat=12)에서 만들어진 카테고리와 페이지들을 웹사이트의 메뉴로 구성해 보겠습니다. BC TOWN의 전용테마는 이렇게 만들어놓은 카테고리와 페이지들을 쉽게 메뉴로 등록하여 구성하고 저장하는 것 만으로 쉽게 메뉴 네비게이션으로 만들고 수정 할 수 있습니다. (1) 메인메뉴 생성하기 [외모] – [Menus] 메뉴를 선택합니다. 아직 어떤 메뉴도 만들지 않은 상태이기 때문에 새로운 메뉴그룹을 만들겠습니다. 이 메뉴 그룹을 이 웹사이트의 Main 네비게이션으로 사용할 것입니다. 이름을 ‘gnb’로 만들겠습니다. 메뉴를 생성하면 ‘gnb’라는 이름으로 오른쪽에 메뉴 구성창과 왼쪽의 메뉴구성요소 창들이 활성화 된 것을 확인할 수 있습니다. 왼쪽의 구성 요소는 다음과 같은 역할을 합니다. 페이지 만들어 놓은 페이지들 목록입니다. 최근에 만든 페이지 목록과 ‘모두보기’탭을 클릭하면 만들어져 있는 모든 페이지 목록을 볼 수 있습니다. 링크특정 URL을 직접 입력하여 메뉴를 만듭니다. 카테고리카테고리 목록입니다. 가장 많이 사용한 분류와 ‘모두보기’탭을 클릭하면 생성되있는 모든 카테고리 목록을 볼 수 있습니다. (2) 메뉴 등록하기 최상위 메뉴는 ’홈’, ‘PAGE’, ‘NEWS’, ’Guestbook’, ‘Sitemap’, ‘Tag’로 […]

  • 테마와 스킨 선택

    외모꾸미기 여러분이 구입한 BC TOWN 테마는 상단 메인로고, 배경이미지, 푸터로고와 푸터 정보글을 직접 작성하고 변경할 수 있도록제작되었습니다. (1) 테마 선택하기 [워드프레스 관리자] – [외모] 메뉴를 선택합니다. 현재 여러분의 워드프레스 웹사이트에 설치된 테마 목록을 볼 수 있습니다. 현재 예제로 설명되어지는 BC TOWN™ 테마를 기준으로 설명합니다. ‘MAKEBCT’테마를 클릭하면 활성화 된 ‘현재 테마’로 적용됩니다. (2) 스킨 선택하기 [외모] – [BCT Theme Skins] 메뉴를 선택합니다.현재 테마의 스킨이 보여집니다. 웹사이트에 적용할 스킨을 선택하거나 스킨이 하나라면 그대로 두면 됩니다. zman 블로그코디 디자인 팀장입니다. http://www.blogcodi.com

  • 푸터(footer) 영역 설정하기

    (1) Footer에 로고 넣기 웹사이트 하단에 로고와 사이트정보를 작성할 수 있습니다. 먼저 로고파일을 넣기위해 [외모] – [BCT Footer Logo] 메뉴를 선택합니다. 미리보기업로드한 로고파일을 미리 보여줍니다. 이미지 선택PC에 미리 만들어놓은 새로운 로고파일을 업로드하거나 워드프레스에 이미 업로드하였던 다른 파일을 가져올 수 있습니다. Footer Logo는 로고파일의 크기 제한이 없으므로 다음과 같이 하단 영역의 배경색과 같은 로고이미지(배경이 투명한 PNG파일로 반들어도 됩니다.)를 미리 만들어 두었습니다. 파일을 업로드 한 후, ‘변경사항저장’을 클릭하면 적용됩니다. (2) Footer에 문구 넣기 로고 아래에 웹사이트 정보를 작성하겠습니다. [외모] – [BCT Footer Text] 메뉴를 선택합니다. ‘텍스트’란에 아래와 같이 정보를 작성하기만 하면됩니다. 링크나 bold체 글자 등을 표현하기 위해 html로 작성이 가능하며, 테마 스타일 설정에 따라 자동으로 출력됩니다. 웹사이트에 나가보면 Footer 로고와 입력한 정보가 출력되는 것을 확인할 수 있습니다. zman 블로그코디 디자인 팀장입니다. http://www.blogcodi.com

  • 배경 컬러와 배경 이미지

    (1) 배경색 지정하기 [외모]-[배경]을 클릭하면 아래 그림과 같이 워드프레스의 새로운 ’테마 외모 설정 화면’으로 전환되고, 왼쪽 설정 메뉴의 ’배경 이미지’ 메뉴가 선택되어진 상태로 출력됩니다. 배경색 변경을 위해 [색상] 메뉴를 선택합니다. [색상 선택] 메뉴를 클릭하여 컬러파레트를 열어 배경색을 지정할 수 있습니다. 컬러파레트에서 색을 지정하거나 컬러코드를 직접 입력하여 변경할 수 있습니다. [기본] 버튼을 클릭하면 테마에 기본으로 설정된 배경색으로 되돌릴 수 있습니다. (2) 배경이미지 등록하기 다시 [배경이미지]를 클릭하여 배경 이미지를 등록하겠습니다. 배경이미지로 사용하기 위해 와이드모니터로 가장 많이 쓰이는 해상도의 가로 크기 1920 pixel에 맞추어 제작된 이미지를 미리 준비해 놓았습니다. [이미지를 선택하세요] 버튼을 클릭하여 이미지를 새로 등록하거나 이미 업로드 되어 있는 이미지를 선택할 수 있습니다. 새로 만든 배경 이미지를 등록하도록 합니다. 이제 표시옵션을 설정하여 보기 좋게 만들도록 하겠습니다. 이전 페이지에서 업로드한 배경이미지를 보게좋게 정렬하기 위해 다음과 같이 설정하였습니다. 상단의 [저장 […]

  • 첫 화면 꾸미기

    BC TOWN™ Cover Editor BC TOWN™에서만 지원하는 커버에디터는 기존의 워드프레스 테마와는 달리 웹사이트의 첫 화면(Homepage)의 콘텐츠를 자유롭게 배치할 수 있도록 제작된 전용 플러그인으로 BC TOWN™ 전용 테마에서만 구동됩니다. 몇 가지의 출력 스타일이 준비되어 있으며, 테마마다 가지고 있는 스타일을 따라 자동으로 디자인되며, 테마가 지원하는 레이아웃에 따라 다른 스타일의 출력 요소들을 지원하고 여러개의 커버스타일을 저장해 두었다가 바꾸어 놓을 수도 있습니다. (1) 커버 생성하기 [워드프레스 관리자] – [BCT Covers] 메뉴를 클릭합니다. 상단의 [Add New BCT Cover]를 클릭하여 새 커버세트를 생성합니다. 커버 이름과 커버가 출력될 위치를 설정합니다. 커버가 나오는 위치가 첫화면 밖에 없기 때문에 [front-page] 옵션만 존재합니다. 커버 ‘home’이 생성되었으나 아직 비활성 상태입니다. 커버세트를 활성화하기 위해 저장합니다. 다시 [워드프레스 관리자] – [BCT Covers] 메뉴를 클릭합니다. 커버 위치 [front-page]를 클릭하면 왼쪽에 ‘front-page’ 설정창과 오른쪽에 만들어 놓은 커버세트 목록이 보입니다. 왼쪽 ‘Location : front-page’ 설정창에서 ‘Cover’를 ‘home’을로 선택하고 저장합니다. 이 설정을 하지 않으면 첫화면에 커버가 […]

  • 글 작성 화면 소개

    [글] – [Add New] 메뉴를 선택합니다. 글 작성 옵션창에 대한 설명을 위해 화면 오른쪽 상단의 [화면옵션]을 열어 모든 항목에 체크하여 모든 옵션창이 보이도록 합니다. 카테고리와 페이지 글 작성 화면 카테고리와 페이지 글 작성시 글 작성화면 옵션은 다릅니다. 하지만 기본적으로 글 작성하는 방법은 같기 때문에 이번 과정에서는 카테고리 글 작성과 페이지 글 작성을 구분하여 설명하지 않습니다. 다음은 글 작성 화면의 구성 요소 설명입니다. 제목 글 제목 입력창 글쓰기 에디터 워드프레스 기본 글쓰기 도구모음 (현재는 TinyMCE Advanced 플러그인을 설치하여 에디터 기능을 추가한 상태입니다.) 글 내용 글 작성창. 테마의 콘텐츠 가로영역에 자동으로 맞추어 작성되어 집니다. 요약 목록에 글 내용 미리보기 출력시 이 곳에 요약글을 작성하면 본문글 일부를 출력하는 대신 이 곳에 작성된 글이 출력됩니다. 트랙백 보내기 트랙백 보낼 URL을 입력 사용자 정의 필드 치환자와 같은 추가 사용자 정의를 입력할 수 있습니다. 그냥 비워 두셔도 되며, 상단 화면옵션에서 체크하제하여 사용하지 않을 수 있습니다. 토론 해당 글에 대해 댓글과 트랙백, 핑백을 사용할 수 있도록 설정합니다. 카테고리 글이 […]

위로이동