테마 Stargazer에서 워드프레스 기본 갤러리, Jetpack Tiled Galleries 및 Carousel 사용하기

Posted on

Justin Tadlock의 테마 Stargazer는 Hybrid Core theme framework 시리즈의 하나로 Html5, SEO, Schema.org microdata를 적용하여 개발되었고, 모든 Post Formats, 4가지 Post Layouts, 3가지 Menu Location를 제공하여 콘텐츠 표현에 도움을 주는 테마로 생각합니다. 공개된 Child Theme의 수도 상당히 많습니다.

제공하는 메뉴 중 하나인 ‘Social’은 Social nav menus: Part 2 포스트에서 소개한 ‘Genericons을 사용한 Social Navigation Menu’ 내용을 테마에 적용한 것으로, SNS 계정 링크를 메뉴로 생성하면 아이콘(Genericons)으로 표현해 주는 간편하면서 유용한 기능이며, 지원하는 SNS 서비스의 수도 많습니다.

특징 중에 하나는 우리나라(한국어) 사용자를 위해 폰트 부분에서 별도의 스타일을 정의하고 있다는 것인데, 언어 설정을 확인하여 자동으로 스타일(폰트)이 적용됩니다. 이 테마를 사용하면 폰트나 스타일 수정만을 위해 사용하는 Child Theme는 만들지 않아도 될 것 같습니다. 국내 워드프레스 사용자들이 폰트 수정에 지나친 수고를 하고 있다는 것을 알고 있었을까요.

font-family: 'Open Sans', 'Malgun Gothic', 'Gulim', 'Batang', "돋움", 'Dotum', 'Hangangche', sans-serif;

다른 특징으로 대부분의 테마에서 제공하지 않는 Horizonal 또는 Vertical Featured Image 표현이 가능하다는 것인데, 이미지의 가로와 세로 크기를 판단하여 싱글 콘텐츠에서 직접 정의하여 표현하는 이미지 정렬과 같은 기능을 포스트 목록에서 자동으로 나타내 준다는 것입니다. 작은 크기의 직사각형 이미지를 Featured Image로 등록해 보면 확인할 수 있습니다.

또 Custom Background Extended, Custom Header Extended, Whistles, Get The Image, Breadcrumb TrailCleaner Gallery 등 자신이 개발한 애드온 유형의 플러그인을 테마와 통합하여 제공하고 있습니다. 웹사이트 또는 블로그 운영 시 테마에서 제공하지 않는다면 플러그인을 설치하여 적용하는 것들이 대부분이므로 편리하다고 볼 수 있습니다.

테마 Stargazer


테마 Stargazer를 사용하여 갤러리 유형으로 이미지를 표현할 때 워드프레스 기본 갤러리, Jetpack의 Tiled Galleries, Carousel이 적용되지 않습니다. 테마에 Cleaner Gallery 플러그인이 적용되어 있기 때문이며 테마의 오류는 아닙니다. Cleaner Gallery 플러그인의 개발 목적이 워드프레스 기본 갤러리 소스 코드가 올바르지 않게 생성되기 때문이라고 합니다.

갤러리 부분은 워드프레스에서 표현해주는 방식에 익숙해져 있으므로 Stargazer 테마를 사용하면서 Cleaner Gallery 기능을 중지하기 위해서는 간단한 코드 스니핏을 추가하면 됩니다.

Stargazer Child theme를 만들어 사용하고 있다는 가정하에 다음의 코드를 삽입한 functions.php 파일을 만들어 Child Theme 디렉터리에 추가합니다.

<?
/* Cleaner Gallery Disable. */
add_action( 'after_setup_theme', 'remove_cleanergallery', 11 );
function remove_cleanergallery() {
remove_theme_support( 'cleaner-gallery' );
}

워드프레스 기본 갤러리, Jetpack에서 제공하는 갤러리 기능을 확인해 보면 문제없이 적용되는 것을 볼 수 있습니다.

9 thoughts on “테마 Stargazer에서 워드프레스 기본 갤러리, Jetpack Tiled Galleries 및 Carousel 사용하기”

  1. 안녕녕하세요 다름이아니라 제가 워드프레스를 사용하는데요 젯팩에 있어서 문의를 드릴까 합니다.
    현제 테마는 Imbalance2를 사용하는데 제트팩에 있는 케러젤를 활성화 시켜도 실행이 되지 않는 이유를 알고싶습니다. 인터넷 이곳저곳을 찾아보았는데 그거에대해서 명확하게 해답을 얻지못해서요
    위에 써놓으신대로 테마에 있는 functions.php에다가 소스코드를 넣어도
    오류가 뜨네요.. 제가 초보자라..
    도움을 얻을수 있을까 해서 댓글 남깁니니다.
    문의란에도 문의 했는데 혹시나 해서 댓글도 남겨봅니다.

    1. 사용하고 계시는 Imbalance2 테마와 Jetpack Carousel 갤러리 표현에 대한 문제가 있는 것으로 보입니다. 별다른 것은 아니고 해당 테마에서 워드프레스 기본 갤러리 표현을 제외한 것 같습니다.

      테마 functions.php 파일을 열어보면 갤러리 관련한 코드가 있습니다. 코드를 변경하는 것보다 Carousel 사용이 가능한 Imbalance2 테마를 사용하는 것이 제일 간단하며 효율적인 방법으로 생각합니다. 아래 링크를 클릭하여 다운로드, 설치, 적용의 과정을 진행해 보세요.

      Jetpack Carousel Gallery 가능한 Imbalance2 테마 다운로드

      #참고 : Carousel not working with Imbalance2 theme, and others…

  2. 저는 현재 2014 테마를 사용 중인데. .. 싱글 모드에서 특성 이미지가 보이지 않게 하고 싶거든요… 그런데 코드를 아무리 들여다봐도 어디를 손대야 할지 전혀 감이 않오네요…

    고민하던 중인데 마침 베테랑 님께서 소개해주신 테마가 이미지 자동 정렬기능이 재미있어서 적용해보려고 설치해봤는데 사이드바 부분의 텍스트가 모두 힌색으로 처리되서 마우스를 가져가야만 보이는 현상이 있더라구요… 일단은 다시 제거해놨는데… 어떻게 해야되는지 알게 되면 다시 적용해보려구요….

    혹시, 2014테마에서 특성 이미지 지우는 방법 좀 아시나요?

    – 쌩초보( http://wpdigest.kr/ ) –

    1. 테마 2014에서 싱글 콘텐츠 페이지(standard 포맷)의 특성이미지를 숨기려면 스타일을 정의하거나 테마 파일을 수정하면 가능할 것입니다. 간단한 방법으로, 아래의 코드를 스타일 정의가 가능한 곳에 넣어서 확인해 보면 어떨까 합니다.

      .single .post-thumbnail img {display: none}
      .single .site-content .has-post-thumbnail .entry-header {margin-top: 0}

      테마 Stargazer에서 사이드바 텍스트 색상은 저도 마찬가지였습니다. 간단하게 스타일 정의만 해주면 됩니다. 사용하실 때 문의주세요.^^

      1. 베테랑님 .. 이 코드가 (걍 차일드 테마의 CSS 파일에 넣어봤죠) 첨엔 아무 반응이 없어서 잊고 있었는데.. 며칠 뒤에 보니 잘되더라고요.. ㅎㅎ
        아마 CACHE때문이 었던 것 같아요..
        감사^^

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.