람보님 인스타그램 모듈을 -_- 구매하고 싶어 고민하다가 이 글을 어디다 적어야 할지 몰라 일단 묻고답하기에 올려볼께요

 

http://thepicta.com 라는 사이트가 있는데요

 

심심해서 Google 검색을 통해 제 인스타 아이디"kkang_com"

(개인정보지만 1개도 궁금하지 않을 답변자님을 위해 알려드림;;ㅎ)

 

검색했는데 이미지 보이는 것마다 위의 사이트 주소가 보이더라구요

 

그래서 저 주소링크 타고 들어갔더니 온라인 인스타그램 포스트 뷰어라고 뙇! 하고 나오더라구요

 

옆에 검색칸도 있기에 제 아이디를 검색 했더니 제 인스타 사이트로 나오더라구요 그래서

 

아! 이걸 외부페이지로 불러오면 어떻게 될까해서

 

지금 현재 사용하고있는 simplestrap 레이아웃에 메뉴 생성해서 외부페이지로 만들고

설정에서 위 사이트 검색을 통한 제 인스타 사이트 주소를 입력했습니다

 

그랬는데 이게 반응형? 뭐 이런거 처럼 상단메뉴가 제 사이트 메뉴를 가려버리고 아래에 내용이 출력되는데

어느정도 봐줄만 하더라구요 하지만 메뉴를 가려버린다는 단점이 있어서 그냥 두고 있자니 찜찜하고

없에자니 아쉽고 합니다

 

모바일에선 그래도 어느정도 봐줄만 합니다 상단 사이트 이름이 좀 이상하게 보이는 거 외엔 아주 만족스럽더라구요

 

여기서 질문! 상단메뉴에 위 사이트 메뉴가 고정되는것을 없에거나 가리고 싶습니다

이건 애드온? 으로 만들어주시면 xe 운영하시는 개인커뮤니티 운영자 분들이 인스타그램 메뉴에 넣을때

많이 좋아하실것 같습니다 ㅎㅎ

 

예제를 보여드리기 위해 제 사이트를 참고해주세요

 

http://kkangc.com

 

http://kkangc.com/instagram

 

pc에서 먼저 보시고 모바일로도 한번 봐주세요

 

※다른 레이아웃 6개 정도 테스트 했는데요 심플스트랩 처럼 예쁘게 나오지 않고 다 삐저나옵니다

  • profile
    이건 그냥 머리로만 생각한 거여서 실현 가능할 지는 잘 모르겠는데요.

    온라인 인스타그램 포스트 뷰어?를 불러들일 전용 레이아웃을 하나 생성하구요.
    레이아웃 편집에서 head 입력칸인가, 를 통해서 css로 display를 none 처리한다든지, z-index를 달리 줘본다든지, margin이나 top값도 바꿔본다든지 하면 어떨까요?
  • profile
    레이아웃 '편집'이 아니라 '설정'이었네요.
    거기서 헤더 스크립트 입력칸에
    <style>nav.navbar {none !important}</style>라고 넣어보세요. 왠지 될 거 같아요.
  • profile profile
    오옷 지금 밖인데 모바일로 한번 해볼께요
    정말 감사합니다 테스트 후 답변 또 달아볼께요 ㅎㅎ
  • profile profile
    감사합니다 일단 기존메뉴 가려지는 현상은 없어젔어요 가리던 사이트 헤드부분이 대신 맨위로 올라가서 고정되버리네요 ㅎㅎ 중요한건 사이트 텍스트로고가 궁서체로 변해버리네요 ㅋㅋ 다시한번 감사드립니다 ㅎㅎ
  • profile profile
    둘 다 부트스트랩 기반이서일까요.. 외부페이지와 레이아웃이 js나 css 충돌을 일으켜서 그럴 거예요.
  • profile profile
    그래도 이걸로 대만족합니다 알려주신 것에 대해 저도 공부해서 hide 또는 hidden 방법을 찾아봐야겟어요 ㅎㅎ아니면 아예 상단메뉴 빼고 아래 프레임만 빼오는것도 연구를 해봐야겟네요 ㅎㅎ
  • profile profile
    iframe 을 이용해서 외부페이지 불러오는건 안되더라구요 이 사이트는 ㅎㅎ
    그래서 위젯페이지 생성 후 내용추가 로 해서 iframe 사이즈 잡고 설정하니까 봐줄만하네요 ㅎㅎ
    http://kkangc.com/instagram
    ㅋㅋㅋ