• 테마와 스킨 선택

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

  • 메인 로고 설정하기

    (1) 로고 설정 페이지 접속 [외모] – [BCT Header Logo] 메뉴를 선택하면 아래의 웹사이트 로고 설정화면을 볼 수 있습니다. 미리보기 업로드한 로고파일을 미리 보여줍니다. 아래에는 현재 설정된 BC town 전용테마의 로고영역 크기를 표시합니다. 이미지 선택 PC에 미리 만들어놓은 새로운 로고파일을 업로드하거나 워드프레스에 이미 업로드하였던 다른 파일을 가져올 수 있습니다. 업로드 된 이미지들 이미 로고파일로 등록해 놓은 이미지가 보여집니다. 로고이미지 삭제 업로드된 로고파일을 삭제합니다. 텍스트 로고파일 대신 사이트제목을 텍스트로 출력합니다. 사이트제목은 [설정] – [일반] 메뉴에서 ‘Site Title’에 입력된 제목입니다. 테마의 로고 영역 크기인 230 X 44 pixel (테마에 따라서 로고 영역 크기가 다릅니다)에 맞추어 다음과 같은 로고를 준비했습니다. 배경 패턴이 비추어 보이도록 배경없는 PNG형식의 파일로 만들었습니다. 로고작업 방법은 설명하지 않습니다. (2) 로고 업로드 ‘이미지선택’에서 내 컴퓨터에 있는 로고파일을 업로드 합니다. [올리기] 버튼을 클릭하여 로고파일을 업로드하면 아래의 그림과 같이 업로드된 이미지를 Crop하여 자르고 저장할 수 있는 페이지가 보입니다. 테두리를 드레그하여 영역을 조정할 […]

  • 푸터(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™ 전용테마들이 지원하는 위젯과 BC TOWN™ 에서 반드시 필요하다고 고려되어 사전 설치된 워드프레스 필수 위젯들을 이용하여 사이드바를 채워보겠습니다. (1) 위젯 설정 화면 [외모] – [위젯] 메뉴를 선택합니다. 왼쪽에 현재 설치되어 있는 위젯들이 보이고 오른쪽에 사이드바 설정 영역이 보입니다. ‘Front page sidebar’는 웹사이트 첫화면에 보여지는 사이드바이고 ‘Sidebar’는 Sub 페이지들에 보여지는 사이드바입니다. ※ 대부분의 BC TOWN™ 테마는 첫 화면에 사이드바를 배치하지 않고 있어 설정하지 않아도 됩니다. 현재는 아무것도 배치되지 않은 상태입니다. 오른쪽 사용할 수 있는 위젯에 보면 ‘BCT0009’처럼 앞에 테마코드명이 붙은 위젯들이 있습니다. 이 위젯들이 BC TOWN™ 전용테마에서 기본 제공하는 위젯들입니다. 테마코드가 붙어 있지 않은 위젯은 사용할 수는 있지만 BC TOWN™ 전용테마에는 스타일이 적용되어 있지 않아 정상적으로 출력되지 않으니 사용하지 마세요. 이것들은 워드프레스에서 지원하는 기본 기능의 위젯들이지만 BC TOWN™테마는 웹사이트를 꾸미는데 더욱 유용하도록 개발된 전용 위젯들을 지원하고 있습니다. (2) 위젯 배치하기 현재는 기본으로 상자가 닫혀 있는 상태입니다. 상자의 오른쪽 화살표 버튼을 클릭하여 상자를 엽니다. 왼쪽의 위젯 목록에서 배치할 위젯을 끌어다 […]

  • 첫 화면 꾸미기

    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’을로 선택하고 저장합니다. 이 설정을 하지 않으면 첫화면에 커버가 […]

  • 카테고리 출력 설정하기

    (1) 카테고리 리스트 스타일 설정하기 [워드프레스 관리자] – [글] – [Categories] 메뉴를 클릭합니다. 카테고리 목록이 보입니다. 카테고리 제목을 클릭하여 카테고리 편집 화면에 접속합니다. ‘BCT Post Format’ 설정에 보면 현재 ‘없음’이라고 설정되어 있습니다. ‘BCT Post Format’을 [Webzine Style List]로 변경하고 [업데이트]합니다. 웹사이트에 나가보면 썸네일 이미지와 글 제목, 내용 일부가 함께 출력되는 웹진 스타일의 목록으로 변경된 걸 확인할 수 있습니다. 이와 같은 방법으로 다른 카테고리들도 설정하여 다양한 목록 스타일로 출력할 수 있습니다. (2) 목록 출력 갯수 설정하기 [워드프레스 관리자] – [설정] – [BCT Post Per Page] 메뉴를 클릭합니다. 목록 스타일별로 한 페이지에 출력될 콘텐츠 개수를 설정하는 페이지입니다. Archive – Author 작성자가 쓴 글 목록을 볼 때 보여지는 글 목록 갯수입니다. Archive – Date 날자에 해당하는 글 목록을 볼 때 보여지는 글 목록 개수입니다. 사이드바의 달력이나 글 저장소에서 글을 모아볼 때 출력됩니다. Archive – Search 검색창에서 글 검색을 했을때 검색결과가 […]

위로이동