워드프레스 글 목록/ 리스트/ 더보기/ 탭 영역 커스텀 질문

워드프레스 포럼 게시판 Forum 워드프레스 글 목록/ 리스트/ 더보기/ 탭 영역 커스텀 질문

이 게시글은 0개 답변과 1명 참여가 있으며 마지막으로  Word Cracker에 의해 2015년 10월 24일 업데이트 됐습니다.

  • 글쓴이

  • Word Cracker
    Keymaster

    워드프레스에서 이렇게 글 목록 마지막에 더보기 만들어서
    계속 펼칠수 있게 만드려면 어떻게 해야하나요..?
    그리고 저게 탭영역 안에 내용이 들어가야 하는데
    탭 안에 원하는 게시판? 의 글 목록을 한쪽엔 이미지 썸네일, 한쪽엔 글 일부랑 같이
    리스트 보이게 만들수 있을까요..?
    테마는 avada 인데 워드프레스 처음 만져보는거라 어떻게 해야할지 모르겠네요…
    강좌 찾아볼래도 구체적으로 어떻게 검색해야 원하는게 나올지도 모르겠고
    퍼블리싱도 가볍게 마크업하는 정도만 할줄 알아서…
    빨리 작업 들어가야 하는데 워드프레스 어렵네요…누가 쉽다고 했나…

    답변:

    안녕하세요?

    “더보기”를 눌렀을 때 아래로 일정 개수의 글이 펼쳐지도록 하는 방법으로 몇 가지롤 생각해 볼 수 있습니다.

    1. jQuery 이용

    jQuery를 사용하여 미리 정해진 개수(예: 100개)의 글을 로드한 후에 “더보기”를 클릭할 때마다 지정된 개수(예: 10개)의 글을 계속 로드하는 방식이 가능합니다. 여기에 나와있는 소스를 응용해보시기 바랍니다. 이 경우 다음과 같은 코드를 사용할 수 있습니다.

    $(function(){
    $("div").slice(0, 10).show(); // 최초 10개 선택
    $("#load").click(function(e){ // Load More를 위한 클릭 이벤트e
    e.preventDefault();
    $("div:hidden").slice(0, 10).show(); // 숨김 설정된 다음 10개를 선택하여 표시
    if($("div:hidden").length == 0){ // 숨겨진 DIV가 있는지 체크
    alert("더 이상 항목이 없습니다"); // 더 이상 로드할 항목이 없는 경우 경고
    }
    });
    });
    // Source: http://stackoverflow.com/

    2. 젯팩(Jetpack)의 무한 스크롤 기능 사용하기

    두 번째로 무한 스크롤 기능을 이용하여 화면의 맨 아래까지 스크롤하면 자동으로 글이 로드되는 방식입니다. 일부 테마에서 이와 같은 방식을 많이 채택하고 있습니다. 별도의 플러그인을 설치해도 되지만, 젯팩이 설치된 경우 젯팩의 “무한 스크롤” 기능을 사용하면 됩니다. 자세한 내용은 이 글을 한 번 참고해 보시기 바랍니다.

    3. 플러그인 사용

    말씀하신 것과 동일한 기능을 하는 플러그인이 있습니다. 무료 플러그인 중에서 이와 같은 기능을 하는 만족할만한 플러그인은 아직 찾지를 못했는데요, 유료 플러그인으로 Animated Infinite Scroll – WordPress Plugin라는 플러그인이 있습니다. 이 플러그인의 데모를 보면 다양한 기능을 제공합니다. 즉, Load More를 눌렀을 때 일정 개수의 글이 로드되도록 할 수 있고, 무한 스크롤 기능도 제공합니다.  이 플러그인을 사용하면 가장 깔끔하게 원하는 기능을 구현할수 있을 것입니다.

    그리고 이미지 썸네일을 글 일부(요약글; Excerpt)와 함께 보이게 하려면 테마(혹은 플러그인)을 직업 편집해야 합니다. 이 작업은 초보자에게 쉽지 않을 수 있습니다.

     

'워드프레스 글 목록/ 리스트/ 더보기/ 탭 영역 커스텀 질문'에 답변달기
글쓴이 정보: