9 years, 4 months 전-
페이지 상단에는 선택 메뉴들이 있고, 하단 노란 영역에는 해당되는 video gallery가 선택되는대로 보여지게 하고 싶은데요. 어떻게 하면 좋을 지 모르겠네요.
노란 영역에는 Video gallery 숏코드를 넣었구요, (비디오, 썸네일, 비디오 설명글들이 보여져야 합니다. 지금은 테스트용 갤러리입니다) 그런데 한 페이지내에서 노란 영역 부분에서만 숏코드가 바뀌게 하려면 어떻게 해야 될지 모르겠네요. 혹시 너무 초보적인 질문일지도 모르겠지만.. -_- 소심하게 여쭤봅니다.
이글 이틀동안 한 5번 정도 읽고 결국 이해했습니다. 뭘 하시려는지.
“하단 노란 영역에는 해당되는 video gallery가 선.택.되.는.대.로 보여지게 하고 싶은”
이 단어 하나를 읽고 질문을 이해해야 되는 문제 였네요. 아.. 한국말 정말 어렵다…
제가 이 질문을 이해하는 것 과 달리 구축하시려는 방식은 다행이 어렵지 않습니다.
onclick event listener 를 생성하신 후, ajax 로 쇼트코드를 불러오는 javascript 을 짜시고, 이 javascript 을 functions.php 에 등록 (register + enqueue) 하시면 됩니다.
이게 jQuery 이전에는 상당히 어려운 기술이었는데 (빌어먹을 크로스 브라우징 때문에) jQuery 가 널리 사용되기 시작하고 워드프레스도 jQuery 를 쓰고 있어서 다행이 어렵지 않습니다.
이해하셔야 하는 개념/기술은 :
wp_register_script
https://developer.wordpress.org/reference/functions/wp_register_script/wp_enqueue_script
클릭시 addEventListener method
http://www.w3schools.com/jsref/met_document_addeventlistener.aspjQuery.ajax
http://api.jquery.com/jquery.ajax/
입니다.
이 방식을 통틀어서 DOM manipulation 이라고 부르는데, 이거 한번 빠지면 너무 재미있어서 헤어나오질 못합니다. javascript 에 빠지게 되는 대다수 front-ender 들이 이 DOM manipulation 이 너무 재미있어서 코케인에 중독된듯 하다는 표현까지 합니다. 웹솔루션 전체를 DOM manipulation 기법으로 짜기도 하고, 암튼 처음에 배울때 무진장 재미있습니다. ㅎㅎㅎ
- 답변은 로그인 후 가능합니다.