Etsy House, 쇼핑가능한 메타버스
#Etsy 가 #EtsyHouse 를 오픈했어요.그런데 이 하우스는 실제 하우스가 아니랍니다.일종의 가상공간에 펼쳐지는 쇼핑가능한 #메타버스.이 트렌드는 Etsy가 처음이 아니었죠? 정리해볼까요? edited by sasshi (박주민) Etsy는 아시다시피 미국의 수공예 제품과 빈티지 제품에...
워드프레스 삽입
HTML 삽입
삽입하려면 이 URL을 복사해 자신의 워드프레스 사이트에 붙여넣으세요
<blockquote class="wp-embedded-content" data-secret="OPapuC0nwx"><a href="https://www.dailytrend.co.kr/etsy-house-%ec%87%bc%ed%95%91%ea%b0%80%eb%8a%a5%ed%95%9c-%eb%a9%94%ed%83%80%eb%b2%84%ec%8a%a4/">Etsy House, 쇼핑가능한 메타버스</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.dailytrend.co.kr/etsy-house-%ec%87%bc%ed%95%91%ea%b0%80%eb%8a%a5%ed%95%9c-%eb%a9%94%ed%83%80%eb%b2%84%ec%8a%a4/embed/#?secret=OPapuC0nwx" width="600" height="400" title="“Etsy House, 쇼핑가능한 메타버스” — DAILYTREND.CO.KR" data-secret="OPapuC0nwx" 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>
삽입하려면 이 코드를 사이트에 복사해 붙여넣으세요
