-
2016/02/26 1:30 오후 #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. 😀
Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.Lives in Colorado.
2016/02/26 2:13 오후 #30218답변해주셔서 감사합니다.
제가 초보라 다운그레이드 하는 방법을 찾지 못하겠네요.
무료테마중에 백그라운드에 동영상 넣을수 있는 테마가 있을까요?
2016/02/26 3:17 오후 #30219유튜브 동영상은 html 만 이해하셔도 백그라운드에 넣으실 수 있습니다.
https://jsfiddle.net/mspsys/fhrf225w/
html 이외에 css 를 사용하실 줄 아신다면 예쁘게 꾸밀수도 있죠. 여기에 자스 나 jQuery 를 쓰실줄 아신다면 여러가지 동영상 control 기능도 넣으실 수 있습니다.
물론 html 이 뭐죠? 먹는건가요? 이런 상태시라면 테마와 상관없이 플러그인 쓰시면 됩니다.
https://wordpress.org/plugins/tags/youtube-plugin
플러그인으로 동영상을 원하는 위치에 넣는 방법을 배우시는 것 보다, 기본적인 html 을 배우시는게 시간상으로 더 빠를듯 한데, 보통은 그냥 플러그인 쓰시더라구요.
혹시 플러그인 설치를 하실 줄 모르셔서 테마를 찾으시는거면, 플러그인 설치와 사용하는 방법을 배워 보세요. 어렵지 않습니다.
jQuery 를 내가 원하는 버전을 쓰는 방법은 기존 jQuery 를 deregister 하시고 사용하고 싶은 버전을 enqueue 하시면 됩니다.
알고나면 매우 간단한건데 지금은 어렵게 느껴지실 수 밖에 없으실것 같아 상세한 설명은 드리지 않습니다.
Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.Lives in Colorado.
2016/02/26 3:26 오후 #30221감사합니다. HTML좀 더 배워서 넣어보도록 하겠습니다.
그런데 이해가 안되는게 있는대
MAC에선 홈페이지가 정상작동되고 WINDOW7에서는 비정상적인게
jQuery 문제인가요??
2016/02/26 4:18 오후 #30222front-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
난리가 났었는데, 결국 나중에 알고보니 마소 브라우저 업데이트 하면서 며칠정도 존재했던 버그였습니다. ㅋㅋㅋ
지금은 웃을수 있죠.. 지나간 일이니…. ㅠㅠㅠㅠ
제가 빌게이츠를 실제로 만나게 되면, 저는 갑자기 살인충동이 느껴져서 빌게이츠를 목졸라 죽일지도 모릅니다. – 농담이었으면 좋겠지만, 농담이 아닌….
2016/02/27 2:53 오전 #30226“천천히 만들어 봐야겠습니다.” – 샘플 템플렛을 만들어 놨습니다. 댓글을 달아놓고 나서 생각하니 아차 싶은게, 사실 이게 아주 쉬운 작업은 아니라서요… (사실 한국 워드프레스 개발자 중에도 이걸 모르는 개발자들도 많이 있습니다.) 제가 말 실수를 크게 한것 같아서 사실 걱정이 되었습니다.
고생하실까봐 걱정되서는 아니고, 이게 뭐가 쉽냐? 이 ㅆ ㅂ ㄹ ㅁ!! 라는 욕을 먹을까 두려워서 튜토리얼 글과 샘플파일 다운 받으실 수 있게 글 작성해놨습니다. ㅠㅠㅠㅠhttp://hackya.com/kr/유튜브-백그라운드-페이지-만들기/
하… 앞으로 말조심 하고 살아야겠습니다.
2016/03/01 12:23 오전 #30256moonpro1 님 뿐만 아니라 혹시 다른분들께도 참고될까 해서 말씀드리면,
one pager 웹사이트는 분명 사용용도가 존재 합니다.
예를 들자면 어떤 컨텐츠 제공이 아닌 앱이 위주인 사이트를 워드프레스의 one pager 테마로 짜는 경우, 이 사이트를 모바일 앱으로 전환하기가 매우 용의하죠.
물론 간단한 앱을 html, javascript, css 만으로 만들때 one page 사이트가 아니더라도, Ionic 이나 Ratchet 처럼 View 를 담당하는 솔루션을 통해 앱을 구축할 수 도 있습니다.
Ionic 도 Angular 와 같이 사용되었을때 native 앱 수준의 속도를 내지만, Ratchet 도 광속으로 구동됩니다. (Ratchet 을 프레이워크라고 하는데, 제가 봤을때 Ratchet 은 프레임워크는 아닙니다. 단지 V 일뿐입니다.)
예제 http://goratchet.com/examples/ (모바일 기기에서 보셔야 합니다.)
이런 예제들을 응용해서 워드프레스 앱을 구축하게 된다면, 예를들어 로그인 페이지는 분명 별도로 존재하지만, Ratchet 을 이용해 하나의 페이지처럼 구동되게 할 수 있습니다.
Ratchet 은 매우 가볍고, 다른 javascript library 를 배울 필요도 없고, css, jQuery, html 만 알면 앱을 만들수 있어 (물론 간단한 앱 수준이어야 되겠죠.) 저 같은 front-end 가 base 인 개발자, 웹디자이너들이 유용하게 사용할 수 있는 제품입니다.
Ratchet 에서 돈받고 쓰는 광고글 아닙니다. >.< 본의 아니게 광고글 처럼 되어 버렸네요. 켁.
Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.Lives in Colorado.
-
AuthorPosts
- 답변은 로그인 후 가능합니다.