Home 게시판 커뮤니티 Q&A 홈페이지 테마가 이상합니다.

10개 답변, 3 voices Last updated by Avatar of Matthew ParkMatthew Park 8 years, 9 months 전
  • Avatar of cookkicookki
    Participant
    @cookki
    #30216

    윈도우7 IE11에서 홈페이지 접속시

    레이아웃 구성이 깨지고

    크롬에서 접속시 동영상 재생이 안되고 구성은 정상적입니다.

    그리고 MAC 크롬 접속시 정상적으로 돌아 갑니다.

    워드프레스를 처음 시작하고 소개홈페이지를 제작하려고 하는데

    무슨 문제인지 모르겠습니다.

     

    사용한 테마는 onetone 이라는 무료 테마입니다.

     

    Avatar of Matthew ParkMatthew Park
    Moderator
    @hackya
    #30217

    사용하고 계시는 유튜브 플레이어 (tubular) 가 어느 jQuery 버전까지 작동되는지 모르겠습니다.

    http://www.seanmccambridge.com/tubular/

    이 플러그인 사이트가 사용하는 jQuery 버전은 1.8.0 이고 cookki 님의 사이트에서 사용하는 jQuery 버전은 1.11.3 이네요.

    tubular 아주 오래전에 나온 제품입니다. 제가 tubular 를 처음본게 대략 4년전 인듯 합니다. 물론 그당시에도 별의별 문제가 많았던 플레이어로 기억합니다.

    일단 저라면 cookki 님 사이트의 jQuery 버전을 1.8.0 으로 다운그레이드 해보겠습니다. 버전문제로 충돌이 나고 있을 가능성이 가장 유력하기 때문입니다.

    ////// 아래 내용은 moonpro1 님을 위해서 작성하는 내용입니다. //////

    제가 one pager 테마를 싫어하는게 아니라, SEO 관점에서 잘못 짜여진, 목적에 맞지않는 구축형태를 싫어한다고 말씀드리고, I had not shown you a good example.

    Well, the above site is a classic example of what I was referring to. If you go to the site http://cookki.esy.es/ and click on each link on the top menu, (Home, Services, Gallery, etc.), you notice how different contents come into view but the url remains the same?

    So this is why one pager theme is a bad choice as far as SEO is concerned. For prospective employers, your demonstration of/understanding of SEO & best coding practices are equally important.

    What about hashtag for different contents? Google bot won’t index url after hastag. The only way around this problem is using “hashbang”(i.e., #!). However, despite Google’s claim that it can crawl hashbang urls, many site owners are finding out that their sites are not being indexed.

    Please see an example of one of our Events sites: http://www.gartner.com/events/na/data-center#!section_speakers We’re noticing that our ‘section/fragment’ pages are not showing up in the index. What do you advise? Cheers, Mike

    https://googlewebmastercentral.blogspot.com/2015/10/deprecating-our-ajax-crawling-scheme.html

    So one pager theme is just a toy/eye candy in most instances, if you asked me.

    Hope this helps. 😀

    Avatar of Matthew Park
    Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

    Lives in Colorado.

    Avatar of cookkicookki
    Participant
    @cookki
    #30218

    답변해주셔서 감사합니다.

    제가 초보라 다운그레이드 하는 방법을 찾지 못하겠네요.

    무료테마중에 백그라운드에 동영상 넣을수 있는 테마가 있을까요?

    Avatar of Matthew ParkMatthew Park
    Moderator
    @hackya
    #30219

    유튜브 동영상은 html 만 이해하셔도 백그라운드에 넣으실 수 있습니다.

    https://jsfiddle.net/mspsys/fhrf225w/

    html 이외에 css 를 사용하실 줄 아신다면 예쁘게 꾸밀수도 있죠. 여기에 자스 나 jQuery 를 쓰실줄 아신다면 여러가지 동영상 control 기능도 넣으실 수 있습니다.

    물론 html 이 뭐죠? 먹는건가요? 이런 상태시라면 테마와 상관없이 플러그인 쓰시면 됩니다.

    https://wordpress.org/plugins/tags/youtube-plugin

    플러그인으로 동영상을 원하는 위치에 넣는 방법을 배우시는 것 보다, 기본적인 html 을 배우시는게 시간상으로 더 빠를듯 한데, 보통은 그냥 플러그인 쓰시더라구요.

    혹시 플러그인 설치를 하실 줄 모르셔서 테마를 찾으시는거면, 플러그인 설치와 사용하는 방법을 배워 보세요. 어렵지 않습니다.

    jQuery 를 내가 원하는 버전을 쓰는 방법은 기존 jQuery 를 deregister 하시고 사용하고 싶은 버전을 enqueue 하시면 됩니다.

    알고나면 매우 간단한건데 지금은 어렵게 느껴지실 수 밖에 없으실것 같아 상세한 설명은 드리지 않습니다.

    Avatar of Matthew Park
    Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

    Lives in Colorado.

    Avatar of cookkicookki
    Participant
    @cookki
    #30221

    감사합니다. HTML좀 더 배워서 넣어보도록 하겠습니다.

    그런데 이해가 안되는게 있는대

    MAC에선 홈페이지가 정상작동되고 WINDOW7에서는 비정상적인게

    jQuery 문제인가요??

    Avatar of Matthew ParkMatthew Park
    Moderator
    @hackya
    #30222

    front-end 가 미스테리한 부분이 많습니다.

    같은 IE8 브라우저인데 XP 에서는 에러가 뜨고, 윈도우 7에서는 에러가 뜨지 않는 경우도 있습니다.

    이건 제가 직접 겪어본 케이스고, 이런 케이스 보다 더 괴상한 케이스도 많습니다.

    여기 코프레스도 검색해 보시면 2년전쯤이었나, https 에서만 svg 가 깨져서, 그것도 윈도우7에서만 그러고 윈도우8은 멀쩡한… 제가 운영자님 긴급호출 하고 그런적도 있었습니다. ㅎㅎㅎㅎ

    연매출액이 무려 2천5백억달러 (250 billion : 한화로 수십조원되는건가요? 잘모르겠습니다.)
    되는 말보X 라는 담배 브랜드를 파는 회사의 관리자 페이지에 폰트가 IE 에서만 깨지고 있는 모습. ㅋㅋㅋㅋ

    http://hackya.com/us/wp-content/uploads/2015/03/IE_https_icon_font_bug.jpg

    난리가 났었는데, 결국 나중에 알고보니 마소 브라우저 업데이트 하면서 며칠정도 존재했던 버그였습니다. ㅋㅋㅋ

    지금은 웃을수 있죠.. 지나간 일이니…. ㅠㅠㅠㅠ

    제가 빌게이츠를 실제로 만나게 되면, 저는 갑자기 살인충동이 느껴져서 빌게이츠를 목졸라 죽일지도 모릅니다. – 농담이었으면 좋겠지만, 농담이 아닌….

    Avatar of cookkicookki
    Participant
    @cookki
    #30223

    네 ㅜㅜ 감사합니다.

     

    천천히 만들어 봐야겠습니다.

    Avatar of Matthew ParkMatthew Park
    Moderator
    @hackya
    #30226

    “천천히 만들어 봐야겠습니다.” – 샘플 템플렛을 만들어 놨습니다. 댓글을 달아놓고 나서 생각하니 아차 싶은게, 사실 이게 아주 쉬운 작업은 아니라서요… (사실 한국 워드프레스 개발자 중에도 이걸 모르는 개발자들도 많이 있습니다.) 제가 말 실수를 크게 한것 같아서 사실 걱정이 되었습니다.

    고생하실까봐 걱정되서 는 아니고, 이게 뭐가 쉽냐? 이 ㅆ ㅂ ㄹ ㅁ!! 라는 욕을 먹을까 두려워서 튜토리얼 글과 샘플파일 다운 받으실 수 있게 글 작성해놨습니다. ㅠㅠㅠㅠ

    http://hackya.com/kr/유튜브-백그라운드-페이지-만들기/

    하… 앞으로 말조심 하고 살아야겠습니다.

    Avatar of cookkicookki
    Participant
    @cookki
    #30240

    신경써 주셔서 정말 감사합니다 ㅎㅎ

    정말 친절하십니다.

    정말 많은 도움이 되었습니다.

     

    Avatar of moonpro1moonpro1
    Participant
    @moonpro1
    #30255

    오 저도 또하나 배우고 갑니다. 하긴 원페이지 사이트를 만들면 페이지가 어쨋던 하나이기 때문에 SEO에 좀 취약하겠군요..  흠.. 전에는 별로 많이 생각하지 않았던 점이었네요.  앞으로 참 공부할게 많군요. 참고하겠습니다 ^^

    Avatar of Matthew ParkMatthew Park
    Moderator
    @hackya
    #30256

    moonpro1 님 뿐만 아니라 혹시 다른분들께도 참고될까 해서 말씀드리면,

    one pager 웹사이트는 분명 사용용도가 존재 합니다.

    예를 들자면 어떤 컨텐츠 제공이 아닌 앱이 위주인 사이트를 워드프레스의 one pager 테마로 짜는 경우, 이 사이트를 모바일 앱으로 전환하기가 매우 용의하죠.

    물론 간단한 앱을 html, javascript, css 만으로 만들때 one page 사이트가 아니더라도, Ionic 이나 Ratchet 처럼 View 를 담당하는 솔루션을 통해 앱을 구축할 수 도 있습니다.

    Ionic 도 Angular 와 같이 사용되었을때 native 앱 수준의 속도를 내지만, Ratchet 도 광속으로 구동됩니다. (Ratchet 을 프레이워크라고 하는데, 제가 봤을때 Ratchet 은 프레임워크는 아닙니다. 단지 V 일뿐입니다.)

    http://goratchet.com/

    예제 http://goratchet.com/examples/ (모바일 기기에서 보셔야 합니다.)

    이런 예제들을 응용해서 워드프레스 앱을 구축하게 된다면, 예를들어 로그인 페이지는 분명 별도로 존재하지만, Ratchet 을 이용해 하나의 페이지처럼 구동되게 할 수 있습니다.

    Ratchet 은 매우 가볍고, 다른 javascript library 를 배울 필요도 없고, css, jQuery, html 만 알면 앱을 만들수 있어 (물론 간단한 앱 수준이어야 되겠죠.) 저 같은 front-end 가 base 인 개발자, 웹디자이너들이 유용하게 사용할 수 있는 제품입니다.

    Ratchet 에서 돈받고 쓰는 광고글 아닙니다. >.< 본의 아니게 광고글 처럼 되어 버렸네요. 켁.

    Avatar of Matthew Park
    Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

    Lives in Colorado.

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