http://foodchain.tistory.com/66

여기 있는 것을 어느정도 만들어 사용하니 네이버 비슷하게 보입니다 

단 페이지를 넘기면 위 메뉴도 따라 움직여야하는데 페이지만 슬라이드로 넘어가고 메뉴는 그대로 있네요 

이것만 고치면 모바일에 쓸만 할것 같네요 ...

 

  • profile
    jquery의 스와이퍼 라이브러리? 플러그인?을 사용한 것이군요.
    필요에 따라서 잘 응용하면 좋지요~ㅎ
  • profile ?
    Double'U'님 안녕하세요
    혹시 Double'U'님이 추천할만한 것이 있을가요
    네이버 빨 나는 분위기로 ... 요즘 모바일에 신경을 쓰면서 이것 저것 찾고 있습니다
    지금은 어느정도 분위기가 비슷하게 나도록 했지만 뭔가 많이 부족합니다 ㅎㅎ
    그리고 항상 감사 드립니다 (--)(__);;;;;;;;
  • ? profile

    글쎄요.....-0-;;;
    제 클라이언트는 네이버같은 느낌이 필요가 없어서 생각해본적이 없어요....-0-;;;

    게다가 기능만 있으면 디자인은 수정하면 된다라는 생각이라서... 찾아볼 생각도 안했네요....-0-

  • profile

    요즘은 보통 모바일은 swipe 기술을 사용할 것입니다.
    https://xe1.xpressengine.com/index.php?mid=download&package_id=22753542

    이 레이아웃도 나온지 오래되었지만 스와이프로 상단 타이틀이 맞추서 변경이 되죠.
    사용하는 스와이프와 js에서 요구하는 class 등을 매칭해서 단순히 페이지가 넘어갔을때 아니면 상단에 탭형식으로 다른 메뉴로 이동할때 등을 다르게 동작하게 합니다.

     

    제가 사용하는 모바일 레이아웃에 사용된 swipe.js가 오래된 버전이라 페이지 로딩될때 여러페이지 전체가 한번 보여졌다가 다시 페이지로 구분되어 보여지는 부자연스러운 모습이라 최신으로 바꾸는 작업을 한번 했습니다. 

    여기에 글도 한번 썼었구요..  그때 작업을 해보니 js들이 요구하는 class와 여러 규칙에 맞게 해야 하더군요.

     

    그런것을 잘 하지 못하면 말씀하신대로 슬라이드되서 넘어가도 상단 메뉴가 같이 넘어가지 않거나 완전 다른 모습을 보여주거 합니다.

     

     

    swipe6.gif

  • profile ?
    아 그렇군요 오늘도 하나 배웠습니다 구형과 신형의 차이가 많이 나는군요
    포메러브는 워낙 많이 손이간 모바일 버전이다 보니 제가 저정도 할수 있을까 의아심도 생깁니다
    아마도 많은 시행착오를 거처야 할겁니다
  • profile ?
    웹지기님 지금 웹지기님 올려주신 GIF 그림 처럼 된 최신글 위젯이 없네요
    아마도 따로 제작을 하신것 같은데 맞나요 ...?
    만약 따로 제작을 하셨다면 저건 어떤 위젯을 사용하셨나요 ...?
    저 기능 찾고 있는데 없네요 ...
  • ? profile
    swipe.js 가 적용된 위젯입니다. 저희 사이트 모바일 메인페이지에 현재 적용되어 있구요. 물론 지금은 상단탭이 2개 이상 되어있는 것이 없어 지금 보시는 이미지는 못보실 겁니다.

    보통 유료 위젯들이 이 기술이 많이 적용되어 있습니다.
    저희 것은 플랫모바일테마 상품에 포함된 위젯입니다. (swipe.js 가 구버전이라 최신버전으로 제가 개조했습니다.)

    지금 판매중인 상품은 네온 모바일 테마 가 있겠네요. 이건 swipe.js 최신버전일 겁니다.
    https://xetown.com/index.php?mid=rxe_market&page=3&document_srl=782948

    무료나 혹은 위젯만 따로 판매하는 것 중 지금 언급하신 최신글 위젯에 슬라이드 + 상단탭연동 은 없을 것 같습니다.


    그런데 처음 네이버와 비슷하게라고 하는 것에는 어제 말씀 하신 레이아웃 그리고 위젯 을 사용하면 더 비슷한 결과를 보여주는 것 같습니다. 저는 사용해 보지 않아서 잘은 모르지만... XE공홈의 모바일이 그것으로 구성된 것이구요.
    https://xe1.xpressengine.com/index.php?mid=download&package_id=22753542
    이 레이아웃과 제작자의 다른 자료 보시면 위젯과 위젯스타일이 있을 겁니다. 그것을 함께 사용해서 구성하시면 네이버의 메인과 비슷해 질 겁니다.

    지금 문의주신 저희것 같은 것은 네이버와는 다른 구조죠. 네이버의 모습은 슬라이드로 이동하면 아예 다른 섹션으로 넘어가는 구조입니다. 저희 위젯은 다른 섹션이라기보다는 페이지이동이 되고 다른섹션은 상단탭 정도입니다.

    sweet mobile 레이아웃 + 위젯의 모습을 찾으셨던 것 아닌가요?
  • profile ?
    sweet mobile 레이아웃 + 위젯의 모습을 찾으셨던 것 아닌가요?"

    위에 것은 어제 어느정도 구현을 하였습니다
    하지만 페이지가 넘어가는 것을 어제 구현한 곳에 적용 해볼려고 찾아 보는데 없어서요
    그래서 페이지수를 추가하면될것 같아서 "sweet mobile" 위젯에서 해볼려고 하니 페이지 갯수를 늘릴수 있는 설정 자체가 없더군요 그래서 찾아찾아 다니다 보니 저번에 본 웹지기님 것이 생각나서 여쭤 봅니다
    문제는 "swipe.js" 이것부터 최신버전으로 어떻게 해봐야 할것 같네요 ...
  • ? profile

    그건 swipe.js의 버전 문제가 아닙니다. 어떤 부분에 슬라이드를 적용할지 선택의 문제입니다.

     - 제가 최신버전으로 교체한건 페이지의 목록 전체가 모두 한번 보였다가 깜빡하고 페이지로 구분되는 부자연스러운 모습 때문이었습니다.


    지금 어떤 곳의 무엇의 페이지를 늘리려고 하시는지 알 수 없어 답변하기 어렵네요.

    지금 제가 보여드린 이미지는 위젯에서 목록의 페이지수를 지정하고 탭을 지정합니다. 그것을 슬라이드로 동작하게 연동한 것입니다.

    sweet mobile 의 위젯이 이런 기능이 있나요?

    XE공홈을 예시로 설명해 주시면 어떤 것을 원하는지 이해가 쉬울 수도 있겠습니다.

  • profile ?
    저도 swipe.js이게 조금 구형이라서 뭔가 부저연스러운 때문에 수정을 한번 알아보고 해볼려고요
    그리고 저는 지금 위에 보여주신 GIF 그림 처럼 썸네일4개나 2개로 된 최신글 위젯을 찾고 있습니다
    저렇게 목록 페이지를 보여주신 그림처럼 만들고 싶어서요 ...
  • ? profile
    저는 솔직히 무슨 말씀을 하시는지 이해하기 어렵습니다. 공홈이 사용한 레이아웃과 위젯을 똑같이 해서 구성하셨다면 저희처럼 부자연스러운 모습은 연출될 상황이 아닌데요.

    만약 지금 공홈처럼 구성한 상태에서 또 그안에 무언가의 목록을 슬라이드로 페이지를 또 구성한다면 그건 상식적으로 불가능한 것을 시도하시는 것일 겁니다.

    터치슬라이드로 인식했을때 섹션이 이동되게 구성되어있는데 그 섹션안의 글 목록페이지를 터치로 또 인식해서 글몰록만 페이지 이동시키는 것...

    제가 이해한게 맞나요? 제가 예시로 설명을 요청드린게 이렇게 글로 이해하기 어려워서 입니다.

    만약 제가 이해한게 맞다면 불가능할 것 같습니다.

    위에 댓글에서 터치슬라이드 기술을 어디에 적용할지 선택의 문제라고 답변드린 이유입니다.
  • profile ?
    아니요
    공홈에 있는 것을 사용할려는 것은 아니고요
    그냥 웹지기님 같은 위젯을 찾는 겁니다
  • ? profile
    그렇다면 제가 위에 댓글에 알려드린 네온 모바일 테마 상품이 거의 유일한 대안이실 겁니다. 그 상품에 포함된 위젯이 원하시는 기능으로 구성(연동)되어 있습니다.

    다른 자료는 아마 제가 확인한바로는 없었습니다.
  • profile ?
    네 안그래도 그게 가장 좋은것 같아서요 아니면 또다른 방법이 있을까 생각하고 있습니다
    저도 웹지기님 처럼 구입보다는 제가 직접 개작하여 적용하고 싶네요
    그럼 실력도 늘고 ...
  • profile
    일전에 한번 swipe.js 를 사용했던적이 있네요.
    근데 느낀건 오히려 스와이프보다는 터치를, 그리고 컨텐츠는 길게 만들지 않을것 (연속성이 있지 않은이상)

    을 느꼈습니다.

    물론 커뮤니티나, 운영하는 사이트 특성마다 다르겠지만.. 전 저렇게 느끼고 swipe는 좀 멀리하고 있네요
  • profile ?
    음 그것도 좋은 생각 입니다
    저도 그와 비슷하면서 커뮤니티에 적용할만한 것을 찾고 있습니다
    근대 현재로는 저에게는 swipe.js 가 대안 이네요 ㅠㅠ