shortcodes를 이용하여 삽입된 동영상 갤러리? – 한국워드프레스사용자모임 https://kopress.kr/topic/shortcodes%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%98%ec%97%ac-%ec%82%bd%ec%9e%85%eb%90%9c-%eb%8f%99%ec%98%81%ec%83%81-%ea%b0%a4%eb%9f%ac%eb%a6%ac/feed Mon, 23 Dec 2024 08:25:45 +0000 https://bbpress.org/?v=2.6.9 ko-KR https://kopress.kr/topic/shortcodes%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%98%ec%97%ac-%ec%82%bd%ec%9e%85%eb%90%9c-%eb%8f%99%ec%98%81%ec%83%81-%ea%b0%a4%eb%9f%ac%eb%a6%ac/#post-6365 <![CDATA[shortcodes를 이용하여 삽입된 동영상 갤러리?]]> https://kopress.kr/topic/shortcodes%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%98%ec%97%ac-%ec%82%bd%ec%9e%85%eb%90%9c-%eb%8f%99%ec%98%81%ec%83%81-%ea%b0%a4%eb%9f%ac%eb%a6%ac/#post-6365 Wed, 26 Sep 2012 06:55:03 +0000 inhwanoh 안녕하세요?

1. 포스트나 페이지에 shortcodes를 이용하여 동영상을 삽입하였는데요.
ㅁㅁㅁㅁ
위와 같이 가로로 정렬이 되었으면 좋겠는데요. 어떻게 해야하나요?(동영상 가로세로 크기는 작아요.)

2.shortcodes를 이용하여 사이드바에 동영상을 넣을 수 있나요?

참고.podlove web player 플러그인 사용하여 동영상을 삽입했습니다.

감사합니다.

]]>
https://kopress.kr/topic/shortcodes%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%98%ec%97%ac-%ec%82%bd%ec%9e%85%eb%90%9c-%eb%8f%99%ec%98%81%ec%83%81-%ea%b0%a4%eb%9f%ac%eb%a6%ac/#post-6374 <![CDATA[Reply To: shortcodes를 이용하여 삽입된 동영상 갤러리?]]> https://kopress.kr/topic/shortcodes%eb%a5%bc-%ec%9d%b4%ec%9a%a9%ed%95%98%ec%97%ac-%ec%82%bd%ec%9e%85%eb%90%9c-%eb%8f%99%ec%98%81%ec%83%81-%ea%b0%a4%eb%9f%ac%eb%a6%ac/#post-6374 Thu, 27 Sep 2012 12:46:23 +0000 082net 기본적으로 동영상이 block 객체안에 표시되기 때문에 한 줄에 표시되지 않습니다.

테마 style.css에 이를 구현 할 수 있도록 CSS를 추가해 주어야 가능해 집니다. 여러가지 접근 방법이 있겠지만 한줄씩 따로 하는 방법을 예로 들겠습니다.

글을 작성 할 때 한줄로 표시할 동영상을 적당한 class로 지정된 DIV로 둘러쌉니다. 각 동영상 shortcode 태그에 적당한 width값을 지정해 주는게 좋습니다.

[code title=”Wrap videos”]

[/code]

마지막에 clear 시키지 않으면 동영상 다음의 내용들이 함께 밀려올라가게 되니 주의하세요.

테마의 style.css 파일에 아래와 같은 컨셉으로 CSS를 추가 해 줍니다.
[code title=”CSS Style”]
div.mediaelementjs_player_lists_inline div.mediaelementjs_player_container {
display: inline;
float: left;
}[/code]

말씀하신 플러그인을 사용하지 않는지라 정확한 해결법은 아닐지 모르지만, 맥락은 이해하실 수 있으실 겁니다.

Avatar of 082net
Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂
]]>