패션매장,서점이 되어가다
안녕하세요? 오늘은 요즘 새로이 뜨고 있는 VMD트렌드에 대한 이야기랍니다. 작년에는 가드닝(Gardening)이란 화두가 VMD에 새로운 코드가 됐었죠? 브랜드마다 매장에 온실처럼 식물들을 세워두기 바빴는데요. 최근 갑자기 뜬 화두 중 하나는 신기하게도 바로...
워드프레스 임베드
HTML 임베드
삽입하려면 이 URL을 복사해 자신의 워드프레스 사이트에 붙여넣으세요
<blockquote class="wp-embedded-content" data-secret="ZIflskuyOQ"><a href="https://www.dailytrend.co.kr/bookstore-like-fashion-store/">패션매장,</br>서점이 되어가다</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.dailytrend.co.kr/bookstore-like-fashion-store/embed/#?secret=ZIflskuyOQ" width="600" height="400" title="“패션매장,</br>서점이 되어가다” — DAILYTREND.CO.KR" data-secret="ZIflskuyOQ" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /** * WordPress inline HTML embed * * @since 4.4.0 * @output wp-includes/js/wp-embed.js * * Single line comments should not be used since they will break * the script when inlined in get_post_embed_html(), specifically * when the comments are not stripped out due to SCRIPT_DEBUG * being turned on. */ (function ( window, document ) { 'use strict'; /* Abort for ancient browsers. */ if ( ! document.querySelector || ! window.addEventListener || typeof URL === 'undefined' ) { return; } /** @namespace wp */ window.wp = window.wp || {}; /* Abort if script was already executed. */ if ( !! window.wp.receiveEmbedMessage ) { return; } /** * Receive embed message. * * @param {MessageEvent} e */ window.wp.receiveEmbedMessage = function( e ) { var data = e.data; /* Verify shape of message. */ if ( ! ( data || data.secret || data.message || data.value ) || /[^a-zA-Z0-9]/.test( data.secret ) ) { return; } var iframes = document.querySelectorAll( 'iframe[data-secret="' + data.secret + '"]' ), blockquotes = document.querySelectorAll( 'blockquote[data-secret="' + data.secret + '"]' ), allowedProtocols = new RegExp( '^https?:$', 'i' ), i, source, height, sourceURL, targetURL; for ( i = 0; i < blockquotes.length; i++ ) { blockquotes[ i ].style.display = 'none'; } for ( i = 0; i < iframes.length; i++ ) { source = iframes[ i ]; if ( e.source !== source.contentWindow ) { continue; } source.removeAttribute( 'style' ); if ( 'height' === data.message ) { /* Resize the iframe on request. */ height = parseInt( data.value, 10 ); if ( height > 1000 ) { height = 1000; } else if ( ~~height < 200 ) { height = 200; } source.height = height; } else if ( 'link' === data.message ) { /* Link to a specific URL on request. */ sourceURL = new URL( source.getAttribute( 'src' ) ); targetURL = new URL( data.value ); if ( allowedProtocols.test( targetURL.protocol ) && targetURL.host === sourceURL.host && document.activeElement === source ) { window.top.location.href = data.value; } } } }; function onLoad() { var iframes = document.querySelectorAll( 'iframe.wp-embedded-content' ), i, source, secret; for ( i = 0; i < iframes.length; i++ ) { /** @var {IframeElement} */ source = iframes[ i ]; secret = source.getAttribute( 'data-secret' ); if ( ! secret ) { /* Add secret to iframe */ secret = Math.random().toString( 36 ).substring( 2, 12 ); source.src += '#?secret=' + secret; source.setAttribute( 'data-secret', secret ); } /* * Let post embed window know that the parent is ready for receiving the height message, in case the iframe * loaded before wp-embed.js was loaded. When the ready message is received by the post embed window, the * window will then (re-)send the height message right away. */ source.contentWindow.postMessage( { message: 'ready', secret: secret }, '*' ); } } window.addEventListener( 'message', window.wp.receiveEmbedMessage, false ); document.addEventListener( 'DOMContentLoaded', onLoad, false ); })( window, document ); </script>
삽입하려면 이 코드를 사이트에 복사해 붙여넣으세요
