Home 게시판 커뮤니티 Q&A 접힌 메뉴와 본문 펴기

1개 답변, 1 voice Last updated by Avatar of 소감공소감공 13 years 전
  • Avatar of 소감공소감공
    Participant
    @dmtigger
    #4354

    http://wordpress.org/extend/themes/minimalist
    Minimalist라는 테마입니다.
    기본적으로 메뉴와 본문이 모두 접힌 상태로 나옵니다.

    메뉴중에서는 page만 펴고 싶고, 본문에서는 가장 최신글만 펼친 상태로 두고 싶은데 어떻게 해야할까요?
    예전에 텍스트큐브에서 display: block을 none으로 바꾸면 펴졌던 기억이 나서 스타일시트에서 고쳐봤는데도 되질 않네요;

    Avatar of 소감공소감공
    Participant
    @dmtigger
    #4355

    해결했습니다. 스타일시트나 html파일이 아니라 script.js 파일을 조정하니 되네요. 🙂 혹시나 또 저같은 분이 있으실까봐 적어 둡니다.

    window.addEvent(‘domready’, function() {
    var myAccordion = new Accordion($(‘menu’), ‘h2.menuheader’, ‘div.menucontent’, {
    opacity:true,
    display: 1,
    duration: 300,
    alwaysHide: true,

    onActive: function(menuheader, menucontent){
    menuheader.setStyle(‘font-weight’, ‘bold’);
    },
    onBackground: function(menuheader, menucontent){
    menuheader.setStyle(‘font-weight’, ‘bold’);
    }
    });
    });

    window.addEvent(‘domready’, function() {
    var myAccordion = new Accordion($(‘maincol’), ‘h2.contentheader’, ‘div.content’, {
    opacity:true,
    display: 0,
    duration: 300,
    alwaysHide: true,

    onActive: function(contentheader, content){
    contentheader.setStyle(‘font-weight’, ‘bold’);
    },
    onBackground: function(contentheader, content){
    contentheader.setStyle(‘font-weight’, ‘bold’);
    }
    });
    });

    위의 코드는 미니멀리스트 테마의 script.js 파일입니다. 여기서 간단히 display의 숫자를 0이 아닌 숫자들을 넣으니 메뉴나 본문이 펴지네요. 숫자를 어떻게 넣느냐에 따라서 펴지는 것도 다르게 할수 있으니 적절한 숫자만 넣으시면서 적용해 보시면 될것 같습니다.(예를 들어 두개의 display중 상단의 display는 메뉴의 펼쳐짐과 접혀짐을 관장하는데, 제 블로그를 기준으로 -1을 넣으니 모든 메뉴가 접혀진 채로 있고, 0을 넣으니 가장 상단의 메뉴인 page만 펼쳐지고 다른 메뉴는 접혀진 상태로 있고, 다시 1을 넣으니 두번째 메뉴인 categories만 펼쳐지고 나머지 메뉴는 접혀진 상태로 있네요. categories를 펼치는게 제 목적이었으니 더이상 실험은 안해봤는데, 숫자를 높이면 어떻게 될지는 충분히 예상이 되네요.).

    이상, 모두 아시는 이야기였겠지만 혹시나 저같은 초보분들이 있을까 하여 남겨둡니다.

2 글 보임 - 1에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.