• 테마 스타일 커스터마이징 할 때 사용할 수 있는 방법 정리

    BC TOWN™ 테마를 포함하여 워드프레스 테마를 이용하여 워드프레스 홈페이지를 제작한 다음, 코드 수정 없이 간격 조정이나 색상 변경 등의 자잘한 스타일을 수정해야 할 때가 있습니다. 이 때 사용할 수 있는 방법을 다음과 같이 정리해 보았습니다. (1) 테마편집기 활용 테마편집기는 워드프레스에서 기본으로 제공되는 기능이며, ’워드프레스 관리자 > 외모 > 테마편집기’에 위치합니다. 편집 화면은 다음과 같습니다. 위 그림처럼 테마 편집기에서 스타일을 추가할 수 있지만, 보통 이 방법으로는 스타일을 추가하지 않습니다(특별한 이유는 없습니다). (2) Simple Custom CSS 플러그인 활성화 두 번째는 플러그인을 활용하는 방법인데, 수 많은 플러그인 중에서 다음의 Simple Custom CSS를 주로 활용합니다. Simple Custom CSS 플러그인의 설치 및 활성화 과정은 생략하고, 이 플러그인을 활성화하면 ’워드프레스 관리자 > 외모 > Custom CSS’메뉴가 추가되며, 편집 화면은 다음과 같습니다. 위 그림처럼 스타일 코드를 추가할 수 있습니다. 대부분의 경우는 Simple Custom […]

  • 히든 메이트

    웹사이트 : http://fairseoul.com/ 일본인을 대상으로 운영되는 한국 관광가이드 서비스 ’HIDDEN MATE‘입니다. BC TOWN™ 전용테마 및 플러그인 일본어 고려한 디자인 페이팔 결제 연동 회원 기능 제작사 : 블로그코디 (http://www.blogcodi.com) 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

  • 메인 커버에 슬라이드 추가하는 방법

    비씨타운 워드프레스 테마의 메인 페이지에 슬라이드를 추가하는 방법에는 다음의 2가지가 있습니다. 방법 1. 비씨타운 워드프레스 테마의 슬라이드쇼 커버 위젯 활용 비씨타운의 워드프레스 반응형 테마인 BCT0007 출시 이전에 주로 사용하던 방법입니다. 이 방식에는 다음과 같이 커버 설정에서 사용할 수 있는 슬라이드쇼 또는 사이드바에서 사용할 수 있는 슬라이드쇼 위젯이 있습니다. 위 그림처럼 커버 에디터에 슬라이드쇼 위젯을 배치합니다. 특정 글 또는 페이지를 슬라이드로 배치하려면 다음과 같이 특성 이미지 옵션을 설정해야 합니다. 위 그림처럼 특성 이미지에 이미지를 등록하고, Use BCT Image Sizes 옵션에 체크 표시를 해 줍니다. 체크된 글 또는 페이지는 다음과 같이 슬라이드쇼에 배치 됩니다. 위 그림처럼 슬라이드가 추가된 것을 확인할 수 있습니다. 최근 홈페이지 제작 트렌드가 주로 반응형을 선호하는데, 반응형 홈페이지 제작에는 1번 방식보다는 다음의 2번 플러그인을 활용한 방식이 좀 더 활용도가 높습니다. […]

  • 페이스북 페이지의 좋아요 위젯 추가 방법

    이번에는 메인 페이지에 페이스북 페이지의 좋아요 위젯을 추가하는 방법에 대해 알아 보겠습니다. 단계 1. 페이스북 페이지의 Like Box 페이지 방문 https://developers.facebook.com/docs/plugins/like-box-for-pages 위 URL을 방문하면 다음과 같은 페이스북 페이지 볼 수 있습니다. 위 그림에서 보듯이 설정 가능한 옵션에는 Facebook Page URL, Width, Height, Color Scheme, Show Friends’ Faces, Show Posts, Show Header, Show Border가 있고, 원하는 대로 옵션을 설정할 수 있습니다. 설정을 완료하고, Get Code 버튼을 누르면 위젯 코드를 얻을 수 있는데, 이를 위해서는 먼저 페이스북에 로그인을 해야 합니다. 단계 2. 위젯 코드 복사 페이스북에 자신의 아이디로 로그인 하였다고 가정합니다. 위 그림의 하단에 있는 [Get Code] 버튼을 누르면 다음과 같은 창이 나타납니다. 위 그림을 보면 HTML5, XFBML, IFRAME, URL를 선택할 수 있는데, 여기서는 IFRAME을 선택한 다음 하단 코드를 복사합니다. 단계 3. 워드프레스 커버 에디터의 Text 위젯에 […]

  • 커버 위젯을 활용하여 메인 페이지에 최신 글 출력 방법

    워드프레스 홈페이지 제작 서비스인 비씨타운 테마에서는 메인 페이지에 최신 글을 쉽게 출력할 수 있도록 커버 에디터와 관련 위젯이 제공됩니다. 커버 에디터 화면은 다음과 같습니다. 위 그림의 좌측에 사용할 수 있는 위젯이 보이고, 1 Column Gallery (Recent Posts) 부터 다양한 위젯이 있습니다. 이 위젯을 우측의 커버 에디터에 배치하게 되면 다음과 같은 옵션을 볼 수 있습니다. 위 그림처럼 1 Column Title List (Recent Posts) 위젯에 제목, 보여줄 글의 수, 카테고리가 있는 것을 확인할 수 있습니다(가시성 부분은 워드프레스 플러그인 설치로 인해 추가된 옵션임). 1 Column Title List 위젯에 위 그림처럼 옵션 설정을 한 결과는 다음과 같습니다. 위 그림의 왼쪽 상단에 보이는 ‘블로그코디 소식’이 1 Column Title List 위젯에 해당됩니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • […]

  • Home 아이콘 버튼 표시되도록 설정하는 방법

    Home 아이콘 버튼 표시되도록 설정하는 방법을 알아 보겠습니다. 비씨타운의 워드프레스 테마에는 다음과 같이 메뉴에 Home에 해당하는 아이콘이 표시되도록 스타일이 추가되어 있습니다. 하지만 설정을 비 정상적으로 하면 다음과 같이 아이콘이 아닌 텍스트로 된 HOME 글자가 출력되게 됩니다. HOME을 아이콘으로 표시되게 하는 방법은 다음과 같습니다. 위 그림처럼 링크를 메뉴에 추가한 다음, URL에 자신의 도메인을 입력합니다. 네이게이션 라벨에는 HOME을 써 넣습니다. 설정을 저장하면 다음과 같이 HOME이 아이콘으로 표시되는 것을 볼 수 있습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

위로이동