• 지난 30일 기준 메이크비씨티 콘텐츠 조회수 상위 20위

    지난 30일 기준으로 메이크비씨티에서 작성된 글의 조회수를 상위 20위까지 살펴보면 다음과 같습니다. (위 인기글은 지난 24h 기준 결과입니다) 1. 시작하기 2. 국내 환경에 맞는 SNS 공유 버튼 플러그인: Korea SNS 3. 워드프레스 홈페이지에 통계 기능 추가 방법 4. 워드프레스 에디터 기능 확장 플러그인: Tinymce Advanced 5. 대한민국 최초의 한국형 워드프레스 쇼핑몰 플러그인: 킹콩카트 6. 워드프레스 에디터인 tinymce 고급 활용 방법 7. 워드프레스와 그누보드를 함께 사용하는 방법 정리 8. 카테고리와 페이지 생성하기 9. 최고의 한국형 워드프레스 게시판 그누프레스 공개 10. 반응형 해상도에 맞추어 이미지 슬라이더 출력시키기 11. 워드프레스와 네이버 블로그 동기화 플러그인: NaverSync 12. 워드프레스 관리자화면 알아보기 13. META SLIDER로 홈페이지 첫 화면에 이미지 슬라이더 만들기 14. 워드프레스에 모바일 웹사이트 추가 방법 15. 본문 이미지 클릭 시 레이어 팝업 설정 방법 16. 가장 인기가 많은 워드프레스 플러그인 리스트 17. ’데이타베이스와의 연결 중 에러’ 메시지 출력 시 […]

  • 반응형 해상도에 맞추어 이미지 슬라이더 출력시키기

    ‘홈페이지 첫 화면에 이미지 슬라이더 만들기’에서 만든 첫 화면 슬라이드는 PC 화면에 맞추어 만들었습니다. 홈페이지 첫 화면에 이미지 슬라이더 만들기 글 보기 : http://makebct.net/1618?cat=148 참조: 메인 커버에 슬라이드 추가하는 방법 http://makebct.net/467?cat=2 하지만, 테블릿이나 모바일에서 보면 아래의 그림처럼 너무 작게 보이게되어 있으나마나하게 됩니다. 모바일 환경에 어울리도록 비율이 다른 두 가지 버전의 슬라이드를 만들어 배치하도록 하겠습니다. 1. 새로운 슬라이드 세트 추가하기 테블릿에서 보여질 970*400px, 모바일에서 보여질 590*300px 사이즈의 슬라이더 세트 두 개를 추가로 만듭니다. [관리자] > [Meta Slider]에 접속합니다. 위에서 정한 사이즈의 슬라이더 세트 두 개를 ‘970’과 ‘590’이라는 이름으로 추가하고 설정합니다. Setting의 width와 height를 각 이미지 사이즈와 같게 입력하고, 다른 설정은 ‘홈페이지 첫 화면에 이미지 슬라이더 만들기’(글 보기)에서 만든 ‘1920’이라는 슬라이더의 설정과 같게 설정합니다. 2. 첫 화면에 배치하기 [관리자] > [외모] > [위젯]에 접속합니다. ‘Front Page Showcase’ 상자에 ‘Meta Slider’ 위젯을 세팅합니다. 아래의 그림처럼 각각 ‘970’과 ‘590’이라는 슬라이더로 […]

  • META SLIDER로 홈페이지 첫 화면에 이미지 슬라이더 만들기

    META SLIDER 플러그인을 이용하여 첫 화면에 이미지 슬라이더를 배치해 보겠습니다. BC TOWN™ 테마에서는 이미지 슬라이더를 웹브라우저의 가로폭에 꽉 차게 하거나 홈페이지 가로폭에 맞도록 배치할 수 있습니다. 참조: 메인 커버에 슬라이드 추가하는 방법 http://makebct.net/467?cat=2 1. META SLIDER에 이미지 등록하기 [워드프레스 관리자] > [Meta Slider]에 접속합니다. 아직 아무것도 설정하지 않아 비어있는 상태로 보여집니다. ’Create your firsr slideshow’라는 문구의 왼쪽의 [+] 버튼을 클릭하여 새로운 슬라이드를 생성합니다. 가로사이즈가 1920px인 이미지를 미리 만들어 두었습니다. 슬라이드의 이름을 이미지의 가로사이즈 1920px를 뜻하는 ’1920’으로 지정했습니다. 미리 준비해 놓은 세 개의 이미지를 등록합니다. 슬라이드에 쓰일 이미지 사이즈는 일반적으로 많이 쓰이는 24~27인치 모니터의 해상도 1920*1080px을 기준으로 웹브라우저를 전체화면으로 띄울 경우 슬라이드 이미지가 가로에 꽉 차게 보여지고 상하 길이가 어울리도록 배치하기 위해 1920*650px 사이즈의 이미지로 만들었습니다. 절대적인 사이즈가 아니기 때문에 여러분이 원하는 다른 사이즈로 이미지를 제작하셔도 무방합니다. 슬라이더가 제대로 출력되도록 다음 그림과 같이 슬라이드 설정을 하고 [저장] […]

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

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

위로이동