CINXE.COM
Design Engineering News, Engineering Videos, Engineering Resources
<!DOCTYPE html> <html lang="en-US"> <head > <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="fb:admins" content="1140409510" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta property="fb:admins" content="107031532675062" /> <meta name="msvalidate.01" content="40BA1B879066C83CDFCA374CA4B490C3" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO Premium plugin v23.4 (Yoast SEO v23.9) - https://yoast.com/wordpress/plugins/seo/ --> <title>Design Engineering News, Engineering Videos, Engineering Resources</title> <meta name="description" content="Design World Online provides design engineers technical content and resources to help design products faster, smarter, and under budget. From new product information, technical tutorials, videos, 3D CAD Models and community based forums, Design World is the most useful online resource for the professional engineer." /> <link rel="canonical" href="https://www.designworldonline.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Home" /> <meta property="og:url" content="https://www.designworldonline.com/" /> <meta property="og:site_name" content="Design World" /> <meta property="article:modified_time" content="2024-08-26T16:09:45+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@DesignWorld" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.designworldonline.com/","url":"https://www.designworldonline.com/","name":"Design Engineering News, Engineering Videos, Engineering Resources","isPartOf":{"@id":"https://www.designworldonline.com/#website"},"primaryImageOfPage":{"@id":"https://www.designworldonline.com/#primaryimage"},"image":{"@id":"https://www.designworldonline.com/#primaryimage"},"thumbnailUrl":"https://www.designworldonline.com/wp-content/uploads/2018/10/Design-World-information-for-design-engineers.jpg","datePublished":"2012-05-09T19:19:46+00:00","dateModified":"2024-08-26T16:09:45+00:00","description":"Design World Online provides design engineers technical content and resources to help design products faster, smarter, and under budget. From new product information, technical tutorials, videos, 3D CAD Models and community based forums, Design World is the most useful online resource for the professional engineer.","breadcrumb":{"@id":"https://www.designworldonline.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.designworldonline.com/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.designworldonline.com/#primaryimage","url":"https://www.designworldonline.com/wp-content/uploads/2018/10/Design-World-information-for-design-engineers.jpg","contentUrl":"https://www.designworldonline.com/wp-content/uploads/2018/10/Design-World-information-for-design-engineers.jpg","width":2252,"height":2711},{"@type":"BreadcrumbList","@id":"https://www.designworldonline.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.designworldonline.com/#website","url":"https://www.designworldonline.com/","name":"Design World","description":"Design engineering technical articles • news • videos • resources","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.designworldonline.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script> <meta name="msvalidate.01" content="40BA1B879066C83CDFCA374CA4B490C3" /> <meta name="google-site-verification" content="hX2Zjs9cAaWpUbEb-CrfYG_Z-kgyp0Jo0IeFYPGaey8" /> <meta name="yandex-verification" content="6a4b6d0adf6a1806" /> <!-- / Yoast SEO Premium plugin. --> <link rel='dns-prefetch' href='//kit.fontawesome.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Design World » Feed" href="https://www.designworldonline.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Design World » Comments Feed" href="https://www.designworldonline.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Design World » Home Comments Feed" href="https://www.designworldonline.com/home/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.designworldonline.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='theme-wtwh-amplifying-css' href='https://www.designworldonline.com/wp-content/themes/ThemeWTWH/style.css?ver=1708465383' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.designworldonline.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wtwh_prestitial_main_style-css' href='https://www.designworldonline.com/wp-content/plugins/prestitial/assets/css/main.css?ver=1.1.0' type='text/css' media='all' /> <link rel='stylesheet' id='wtwh_prestitial_style-css' href='https://www.designworldonline.com/wp-content/plugins/prestitial/assets/css/prestitial.css?ver=1.1.0' type='text/css' media='all' /> <link rel='stylesheet' id='buttons-css' href='https://www.designworldonline.com/wp-includes/css/buttons.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://www.designworldonline.com/wp-includes/css/dashicons.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://www.designworldonline.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://www.designworldonline.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='media-views-css' href='https://www.designworldonline.com/wp-includes/css/media-views.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='imgareaselect-css' href='https://www.designworldonline.com/wp-includes/js/imgareaselect/imgareaselect.css?ver=0.9.8' type='text/css' media='all' /> <link rel='stylesheet' id='frontend-sponsored-ads-css-css' href='https://www.designworldonline.com/wp-content/plugins/sponsored-content-ad/css/frontend-sponsored-ads.css?ver=1.01202411241732411583' type='text/css' media='all' /> <link rel='stylesheet' id='widgetopts-styles-css' href='https://www.designworldonline.com/wp-content/plugins/widget-options/assets/css/widget-options.css?ver=4.0.8' type='text/css' media='all' /> <link rel='stylesheet' id='ea-fonts-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A300%2C700&ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='ea-style-css' href='https://www.designworldonline.com/wp-content/themes/ThemeWTWH/assets/css/main.css?ver=1708465383' type='text/css' media='all' /> <script type="text/javascript" src="https://kit.fontawesome.com/0db18eb627.js?ver=6.7.1" id="wtwh_prestitial_fontAwesome_js-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="utils-js-extra"> /* <![CDATA[ */ var userSettings = {"url":"\/","uid":"0","time":"1732411584","secure":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/utils.min.js?ver=6.7.1" id="utils-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/plupload/moxie.min.js?ver=1.3.5" id="moxiejs-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/plupload/plupload.min.js?ver=2.1.9" id="plupload-js"></script> <!--[if lt IE 8]> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/json2.min.js?ver=2015-05-03" id="json2-js"></script> <![endif]--> <script type="text/javascript" src="https://www.designworldonline.com/wp-content/plugins/sponsored-content-ad/js/frontend-sponsored-ads.js" id="frontend-sponsored-ads-script-js"></script> <link rel="https://api.w.org/" href="https://www.designworldonline.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.designworldonline.com/wp-json/wp/v2/pages/21" /><link rel='shortlink' href='https://www.designworldonline.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.designworldonline.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.designworldonline.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.designworldonline.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.designworldonline.com%2F&format=xml" /> <!-- www.designworldonline.com=21 --> <script> var contentHash = 'ca80a52d129683c11c01c54d39836c7e'; var cat_target='ca80a52d129683c11c01c54d39836c7e, home-page,ros'; </script> <style> #category-posts-2-internal ul {padding: 0;} #category-posts-2-internal .cat-post-item img {max-width: initial; max-height: initial; margin: initial;} #category-posts-2-internal .cat-post-author {margin-bottom: 0;} #category-posts-2-internal .cat-post-thumbnail {margin: 5px 10px 5px 0;} #category-posts-2-internal .cat-post-item:before {content: ""; clear: both;} #category-posts-2-internal .cat-post-excerpt-more {display: inline-block;} #category-posts-2-internal .cat-post-item {list-style: none; margin: 3px 0 10px; padding: 3px 0;} #category-posts-2-internal .cat-post-current .cat-post-title {font-weight: bold; text-transform: uppercase;} #category-posts-2-internal [class*=cat-post-tax] {font-size: 0.85em;} #category-posts-2-internal [class*=cat-post-tax] * {display:inline-block;} #category-posts-2-internal .cat-post-item:after {content: ""; display: table; clear: both;} #category-posts-2-internal .cat-post-item .cat-post-title {overflow: hidden;text-overflow: ellipsis;white-space: initial;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-bottom: 0 !important;} #category-posts-2-internal .cat-post-item:after {content: ""; display: table; clear: both;} #category-posts-2-internal .cat-post-thumbnail {display:block; float:left; margin:5px 10px 5px 0;} #category-posts-2-internal .cat-post-crop {overflow:hidden;display:block;} #category-posts-2-internal p {margin:5px 0 0 0} #category-posts-2-internal li > div {margin:5px 0 0 0; clear:both;} #category-posts-2-internal .dashicons {vertical-align:middle;} #category-posts-2-internal .cat-post-thumbnail .cat-post-crop img {height: 95px;} #category-posts-2-internal .cat-post-thumbnail .cat-post-crop img {width: 150px;} #category-posts-2-internal .cat-post-thumbnail .cat-post-crop img {object-fit: cover; max-width: 100%; display: block;} #category-posts-2-internal .cat-post-thumbnail .cat-post-crop-not-supported img {width: 100%;} #category-posts-2-internal .cat-post-thumbnail {max-width:100%;} #category-posts-2-internal .cat-post-item img {margin: initial;} #category-posts-2-internal .cat-post-dark img {padding-bottom: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #category-posts-2-internal .cat-post-dark:hover img {-webkit-filter: brightness(75%); -moz-filter: brightness(75%); -ms-filter: brightness(75%); -o-filter: brightness(75%); filter: brightness(75%);} </style> <!-- Google Tag Manager for Global Container--> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MMC9PJ9');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MRMQ5MS');</script> <!-- End Google Tag Manager --> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { var pathParts = window.location.pathname.substr(1).split('/'); var mapHeader = googletag.sizeMapping() .addSize([768, 200], [728, 90]) .addSize([0, 0], [300, 250]) .build(); var mapLargeHeader = googletag.sizeMapping() .addSize([1024, 200], [[970, 90], [970, 250]]) .addSize([0, 0], [300, 250]) .build(); var mapWallpaper = googletag.sizeMapping() .addSize([1024, 500], [[1, 1]]) .addSize([0, 0], [[1, 1]]) .build(); var gptSlots = []; gptSlots[0] = googletag.defineSlot('/5272491/dw_network/dw_header', [[300, 250], [728, 90]], 'div-gpt-dw-header') .defineSizeMapping(mapHeader) .addService(googletag.pubads()); gptSlots[1] = googletag.defineSlot('/5272491/dw_network/dw_largeleader', [[970, 90], [970, 250]], 'div-gpt-dw_largeleader') .defineSizeMapping(mapLargeHeader) .addService(googletag.pubads()); gptSlots[2] = googletag.defineSlot('/5272491/dw_network/dw_wallpaper', [[1, 1]], 'div-gpt-dw_wallpaper') .defineSizeMapping(mapWallpaper) .addService(googletag.pubads()); googletag.defineSlot('/5272491/dw_network/dw_allstreamflex', [[1, 1]], 'div-gpt-dw_allstreamflex').addService(googletag.pubads()); googletag.defineSlot('/5272491/dw_network/dw_allstreamprelude', [[1, 1]], 'div-gpt-dw_allstreamprelude').addService(googletag.pubads()); googletag.defineSlot('/5272491/dw_network/dw_sidebar1', [[300, 250], [300, 600]], 'div-gpt-dw_sidebar1').addService(googletag.pubads()); googletag.defineSlot('/5272491/dw_network/dw_sidebarbottom', [[300, 250], [300, 600]], 'div-gpt-dw_sidebarbottom').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.pubads().setTargeting('articletitle', pathParts[0] ? pathParts[0]: 'home-page').setTargeting('cat_target', [cat_target]); googletag.enableServices(); }); </script> <!-- Global site tag (gtag.js) - Google AdWords: 868946953 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-868946953"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() {dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-868946953'); </script><link rel="icon" href="https://www.designworldonline.com/wp-content/uploads/2018/02/cropped-designworld5-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.designworldonline.com/wp-content/uploads/2018/02/cropped-designworld5-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.designworldonline.com/wp-content/uploads/2018/02/cropped-designworld5-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.designworldonline.com/wp-content/uploads/2018/02/cropped-designworld5-270x270.png" /> <style type="text/css" id="wp-custom-css"> .SoundCloudPubDate{padding:10px} .SoundCloudTitle{padding:10px} .slick-slider .col-sm-4 .header-slide, .slick-slider .col-sm-4 .header-slide img { max-height:240px; object-fit:cover; } .slick-slider .col-sm-8 .header-slide, .slick-slider .col-sm-8 .header-slide img { object-fit:cover; max-height:500px; } h1.amp-wp-title, h2.amp-wp-title { font-size: 20px !important; line-height: inherit !important; } /*Fix for Categories/home page article display*/ @media only screen and (max-width: 500px) { .content .entry .entry-header, .archive-entry .entry-header { /* width: 100% !important;*/ /*padding-left: 0px !important; float: none !important;*/ } /* .content .entry .entry-content { width: 100% !important; }*/ /* .entry-content p { float: none !important; }*/ .entry-content img { text-align: center !important; width: 100% !important; } .archive-entry { display: flex; flex-direction: column-reverse; width: 100% !important; } .archive-entry > .entry-header, .archive-entry .entry-content { width: 100% !important; } /*.archive-entry .entry-image-link img { width: 100% !important; }*/ } @media only screen and (max-width: 767px) { .archive.category .entry-content p { display: none !important } .blog .entry-content p { display: none !important; } } .slick-slider.header-slides .header-slide .overlay h4, .slick-slider.header-slides .header-slide .overlay h2 { text-shadow: 2px 2px 5px black; background: none !important; -webkit-text-stroke-width: 0px !important; -webkit-text-stroke-color: transparent !important; } @media only screen and (max-width: 1027px) { .page-id-512900 { padding-top: 10px !important; margin-top: 0px !important; } .page-id-512900 .site-inner { padding-top: 10px !important; } } .dropbtn { background-color: #04AA6D; color: white; padding: 16px; font-size: 16px; border: none; } .dropdown { display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #ddd;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: #3e8e41;} /*Design Guide Drop Down Menu*/ .motion-design-guides { font-size: 16px; font-family: Raleway, sans-serif; width: 270px; height: 50px; text-align: center; text-align-last: center; -moz-text-align-last: center; border-radius: 0px; text-transform: uppercase; white-space: wrap; } .motion-design-guides-button { font-size: 16px; font-family: Raleway, sans-serif; width: 270px; height: 50px; text-align: center; text-align-last: center; -moz-text-align-last: center; border-radius: 0px; text-transform: uppercase; white-space: wrap; margin-top: 10px; } .motion-design-guides-button a { color: white !important; } .motion-design-guide-option { text-align: center; text-align-last: center; -moz-text-align-last: center; text-transform: uppercase; width: 255px; white-space: wrap; } .motion-design-guides:after { content: ""; border: solid #fff; border-width: 0 2px 2px 0; margin-left: 10px; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .dropdown-content { max-height: 400px; overflow-y: scroll; } .widget.fixed { position: relative !important; top: unset !important; } #body-wrapper > div.site-container > div.site-inner > div > div.content-sidebar-wrap > main > div > div.section.section-authors.style-carousel > div > div > div > div.slick-slide.slick-current.slick-active > article > a > img { margin: auto; } /* Search Page */ body.search .site-inner { padding-left: unset; padding-right: unset; } @media only screen and (min-width: 988px) { .search .content { width: 66% !important; float: left; } .search .sidebar { width: 30%; float: right; } } </style> </head> <body class="home page-template-default page page-id-21 cookies-not-set content-sidebar genesis-breadcrumbs-hidden"> <!-- xyzzy top --> <div id="prestitial" style="opacity: 0;"> <div id="prestitial-overlay"></div> <div id="prestitial-grid"> <div class="prestitial-logo"> <div class="title-area"> <h1 class="site-title"> <a href="#"><img src="https://www.designworldonline.com/wp-content/uploads/dw-logo-320wide.png"></a></h1> </div> </div> <div class="close-cta"> Continue to Site <i class="fa fa-arrow-right"></i> </div> <div id="prestitial-banner"></div> </div> </div> <!-- hides rest of content --> <div id="body-wrapper" style="opacity: 0;"> <div class="site-container"><header class="site-header"><div class="wrap"><div class="title-area"><h1 class="site-title"><a href="https://www.designworldonline.com/">Design World</a></h1></div><div class="widget-area header-widget-area"><section id="custom_html-2" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><div id='div-gpt-dw-header'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-dw-header'); }); </script> </div> </div></div></section> </div><div class="mobile-toggles"><a href="#" class="search-toggle"><i class="icon-search"></i></a><a href="#" class="mobile-menu-toggle"><i class="icon-menu"></i></a></div></div></header><nav class="nav-primary" aria-label="Main"><div class="wrap"><ul id="menu-primary" class="menu genesis-nav-menu menu-primary"><li id="menu-item-501865" class="home menu-item current-menu-item"><a href="https://www.designworldonline.com/" aria-current="page"><span >Home</span></a></li> <li id="menu-item-509631" class="menu-item menu-item-has-children"><a href="https://www.designworldonline.com/design-world-articles/"><span >Technologies</span></a> <ul class="sub-menu"> <li id="menu-item-502289" class="menu-item"><a href="https://www.designworldonline.com/category/electrical-electronic/"><span >ELECTRONICS • ELECTRICAL</span></a></li> <li id="menu-item-502863" class="menu-item"><a href="https://www.designworldonline.com/category/assembly/fastening-joining/"><span >Fastening • joining</span></a></li> <li id="menu-item-576881" class="menu-item"><a href="https://www.designworldonline.com/category/fluid-power/"><span >FLUID POWER</span></a></li> <li id="menu-item-596866" class="menu-item"><a href="https://www.designworldonline.com/category/linear-motion-components/"><span >LINEAR MOTION</span></a></li> <li id="menu-item-596872" class="menu-item"><a href="https://www.designworldonline.com/category/products-technologies/"><span >MOTION CONTROL</span></a></li> <li id="menu-item-596873" class="menu-item"><a href="https://www.designworldonline.com/category/sensors/"><span >SENSORS</span></a></li> <li id="menu-item-596867" class="menu-item"><a href="https://www.designworldonline.com/category/test-measurement/"><span >TEST & MEASUREMENT</span></a></li> <li id="menu-item-502291" class="menu-item"><a href="https://www.designworldonline.com/category/automation-components/factory-automation/"><span >Factory automation</span></a></li> <li id="menu-item-588606" class="menu-item"><a href="https://www.designworldonline.com/category/automation-components/warehouseautomation/"><span >Warehouse automation</span></a></li> <li id="menu-item-596868" class="menu-item"><a href="https://www.designworldonline.com/category/dx/"><span >DIGITAL TRANSFORMATION</span></a></li> </ul> </li> <li id="menu-item-576882" class="menu-item menu-item-has-children"><a><span >Learn</span></a> <ul class="sub-menu"> <li id="menu-item-596744" class="menu-item"><a href="https://www.designworldonline.com/category/sponsored-content/tech-toolboxes/"><span >Tech Toolboxes</span></a></li> <li id="menu-item-513220" class="menu-item"><a target="_blank" href="https://www.designworldonline.com/learning-center"><span >Learning center</span></a></li> <li id="menu-item-501883" class="menu-item"><a href="https://www.designworldonline.com/category/sponsored-content/tech-tips-e-books/"><span >eBooks • Tech Tips</span></a></li> <li id="menu-item-501878" class="menu-item"><a href="/category/podcasts/"><span >Podcasts</span></a></li> <li id="menu-item-501888" class="menu-item"><a href="/design-world-videos/"><span >Videos</span></a></li> <li id="menu-item-501873" class="menu-item"><a target="_blank" href="https://gateway.on24.com/wcc/experience/elitewtwhmedia/2927718/4415886/designworld"><span >Webinars • general engineering</span></a></li> <li id="menu-item-594632" class="menu-item"><a target="_blank" href="https://gateway.on24.com/wcc/experience/elitewtwhmedia/2927718/4415858/automated-warehouse"><span >Webinars • Automated warehousing</span></a></li> </ul> </li> <li id="menu-item-614166" class="menu-item"><a href="https://www.designworldonline.com/category/news/awards/leap-awards/"><span >LEAP Awards</span></a></li> <li id="menu-item-596997" class="menu-item menu-item-has-children"><a target="_blank" href="https://leadership.designworldonline.com/"><span >2024 Leadership</span></a> <ul class="sub-menu"> <li id="menu-item-595293" class="menu-item"><a href="https://www.designworldonline.com/2023-leadership-in-engineering-winners/"><span >2023 Winners</span></a></li> <li id="menu-item-584427" class="menu-item"><a href="https://www.designworldonline.com/2022-leadership-in-engineering-winners/"><span >2022 Winners</span></a></li> <li id="menu-item-574901" class="menu-item"><a href="https://www.designworldonline.com/2021-leadership-in-engineering-winners/"><span >2021 Winners</span></a></li> </ul> </li> <li id="menu-item-576897" class="menu-item"><a href="https://www.designworldonline.com/design-guide-library"><span >Design Guides</span></a></li> <li id="menu-item-501880" class="menu-item menu-item-has-children"><a><span >Resources</span></a> <ul class="sub-menu"> <li id="menu-item-581870" class="menu-item"><a href="https://www.designworldonline.com/subscribe-to-design-world/"><span >Subscribe</span></a></li> <li id="menu-item-576898" class="menu-item menu-item-has-children"><a href="#"><span >3D Cad Models</span></a> <ul class="sub-menu"> <li id="menu-item-576901" class="menu-item"><a href="https://www.designworldonline.com/3d-cad-models-partsolutions/"><span >PARTsolutions</span></a></li> <li id="menu-item-576902" class="menu-item"><a href="https://www.designworldonline.com/3d-cad-models-traceparts/"><span >TraceParts</span></a></li> </ul> </li> <li id="menu-item-576909" class="menu-item menu-item-has-children"><a><span >Digital Issues</span></a> <ul class="sub-menu"> <li id="menu-item-576907" class="menu-item"><a href="https://www.designworldonline.com/category/digital-issues/"><span >Design World</span></a></li> <li id="menu-item-576908" class="menu-item"><a href="/category/digital-issues/digital-issues-ee/"><span >EE World</span></a></li> </ul> </li> <li id="menu-item-588374" class="menu-item"><a href="https://www.designworldonline.com/category/news/engineering-diversity/"><span >Engineering diversity</span></a></li> <li id="menu-item-597168" class="menu-item"><a href="https://www.designworldonline.com/category/news/design-engineering-trends/"><span >Trends</span></a></li> </ul> </li> <li id="menu-item-501872" class="menu-item"><a href="/suppliers/"><span >Supplier Listings</span></a></li> <li class="menu-item search"><a href="#" class="search-toggle"><i class="icon-search"></i></a></li></ul></div></nav><div style="padding-top:10px;text-align:center"> <div id='div-gpt-dw_largeleader'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-dw_largeleader'); }); </script> </div> </div><div class="site-inner"><div class="wrap"><div class="slick-slider header-slides"><div><div class="row"><div class="col-sm-8"><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/now-available-tenth-edition-of-the-lee-company-technical-fluid-control-handbook-for-health-science/"></a><img width="778" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/11/Tenth-edition-of-The-Lee-Company-Technical-Fluid-Control-Handbook-for-Health-Science-778x500.png" class="attachment-ea_featured size-ea_featured wp-image-615077 wp-post-image" alt="" decoding="async" fetchpriority="high" /><div class="overlay"><h4>Now available: Tenth edition of The Lee Company Technical Fluid Control Handbook for Health & Science</h4></div></div></div><div class="col-sm-4"><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/meet-the-winners-in-the-2024-leap-awards-industrial-automation-category/"></a><img width="562" height="477" src="https://www.designworldonline.com/wp-content/uploads/2024/10/LCA_PROD_Education_AGV_2-1.png" class="attachment-ea_featured size-ea_featured wp-image-614561 wp-post-image" alt="autonomous learning platform" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/10/LCA_PROD_Education_AGV_2-1.png 562w, https://www.designworldonline.com/wp-content/uploads/2024/10/LCA_PROD_Education_AGV_2-1-300x255.png 300w, https://www.designworldonline.com/wp-content/uploads/2024/10/LCA_PROD_Education_AGV_2-1-280x238.png 280w" sizes="(max-width: 562px) 100vw, 562px" /><div class="overlay"><h4>Meet the winners in the 2024 LEAP Awards Industrial Automation category</h4></div></div><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/2024-leap-awards-winners-are-announced/"></a><img width="778" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/10/Leap-2024-awards-778x500.jpg" class="attachment-ea_featured size-ea_featured wp-image-614445 wp-post-image" alt="" decoding="async" /><div class="overlay"><h2>2024 LEAP Awards winners are unveiled!</h2></div></div></div></div></div><div><div class="row"><div class="col-sm-8"><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/custom-conveyor-goes-up-and-over-personnel/"></a><img width="778" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/10/201-view-from-above-with-detail-insets-778x500.jpg" class="attachment-ea_featured size-ea_featured wp-image-613986 wp-post-image" alt="" decoding="async" /><div class="overlay"><h4>Custom conveyor goes up and over personnel</h4></div></div></div><div class="col-sm-4"><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/automation-advances-the-application-and-performance-of-industrial-coatings/"></a><img width="778" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/10/602-Orion-Industries-Automated-7-axis-cobot-spray-coating-cell-778x500.png" class="attachment-ea_featured size-ea_featured wp-image-613967 wp-post-image" alt="" decoding="async" /><div class="overlay"><h4>Automation advances the application and performance of industrial coatings</h4></div></div><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/pi-expands-its-production-capacity-with-a-new-manufacturing-building/"></a><img width="778" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/09/New-Eschbach-Manufacturing-Building-of-Physik-Instrumente-778x500.jpg" class="attachment-ea_featured size-ea_featured wp-image-613735 wp-post-image" alt="" decoding="async" /><div class="overlay"><h4>PI expands its production capacity with a new manufacturing building</h4></div></div></div></div></div><div><div class="row"><div class="col-sm-8"><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/why-frameless-makes-sense-for-critical-motor-applications/"></a><img width="600" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/09/Kollmorgen-frameless-motors-600x500.png" class="attachment-ea_featured size-ea_featured wp-image-613397 wp-post-image" alt="" decoding="async" /><div class="overlay"><h4>Why frameless makes sense for critical motor applications</h4></div></div></div><div class="col-sm-4"><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/oriva-formerly-the-gutsy-port-is-taking-shape-for-ostomates/"></a><img width="778" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/08/Charlotte-Bohning-designing-OriVa-formerly-the-Gutsy-Port-778x500.jpg" class="attachment-ea_featured size-ea_featured wp-image-613053 wp-post-image" alt="" decoding="async" /><div class="overlay"><h4>OriVa, formerly the Gutsy Port, is taking shape for ostomates</h4></div></div><div class="header-slide"><a class="block-link" href="https://www.designworldonline.com/an-interview-with-ceo-rudiger-knevels-of-rollon/"></a><img width="778" height="500" src="https://www.designworldonline.com/wp-content/uploads/2024/07/Automate-Rudi-Lisa-interview-19-778x500.jpg" class="attachment-ea_featured size-ea_featured wp-image-611561 wp-post-image" alt="" decoding="async" /><div class="overlay"><h4>An interview with CEO Rüdiger Knevels: The future of Rollon Group in the U.S.</h4></div></div></div></div></div></div><section id="custom_html-23" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><!-- need GAM TAG --></div></div></section> <div class="content-sidebar-wrap"><main class="content"><div class="content-sections"><div class="section section-recent-posts"><h4 class="block-header">Today on Design World </h4><article class="archive-entry"><header class="entry-header"><p class="entry-meta"><span class="entry-author">By <a href="https://www.designworldonline.com/author/pmitra/" class="entry-author-link" rel="author"><span class="entry-author-name">Puja Mitra</span></a></span> | <time class="entry-time">November 22, 2024</time></p><h2 class="entry-title"><a href="https://www.designworldonline.com/pepperlfuchs-introduces-photoelectric-distance-sensors-in-r200-series-with-pulse-ranging-technology/">Pepperl+Fuchs introduces photoelectric distance sensors in R200 series with pulse ranging technology</a></h2>Pepperl+Fuchs introduces a new photoelectric distance sensors in the R200 series which uses Pulse Ranging Technology (PRT) for precise distance measurement up to 60 m. From material handling to the automotive industry, there are many different applications that require non-contact measurement over long distances. These tasks pose challenges if the sensor must not take up…</header><div class="entry-content"><a class="entry-image-link" href="https://www.designworldonline.com/pepperlfuchs-introduces-photoelectric-distance-sensors-in-r200-series-with-pulse-ranging-technology/" aria-hidden="true" tabindex="-1"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/PepperlFuchs-introduces-photoelectric-distance-sensors-in-R200-series-268x170.jpg" class="alignleft post-image entry-image wp-image-615288" alt="Pepperl+Fuchs introduces photoelectric distance sensors in R200 series with pulse ranging technology" decoding="async" /></a></div></article><article class="archive-entry"><header class="entry-header"><p class="entry-meta"><span class="entry-author">By <a href="https://www.designworldonline.com/author/pmitra/" class="entry-author-link" rel="author"><span class="entry-author-name">Puja Mitra</span></a></span> | <time class="entry-time">November 22, 2024</time></p><h2 class="entry-title"><a href="https://www.designworldonline.com/automationdirect-provides-schneider-electric-easy-tesys-series-iec-motor-controls/">AutomationDirect provides Schneider Electric Easy TeSys series IEC motor controls</a></h2>AutomationDirect has added Schneider Electric Easy TeSys series manual motor protectors, contactors, thermal overload relays, and accessories to their lineup of motor control products. Schneider Electric Easy TeSys series IEC manual motor protectors are compact, easy to use, and cover the functions of disconnect, controller, thermal overload relay, and branch circuit protection in a single…</header><div class="entry-content"><a class="entry-image-link" href="https://www.designworldonline.com/automationdirect-provides-schneider-electric-easy-tesys-series-iec-motor-controls/" aria-hidden="true" tabindex="-1"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/2024-AutomationDirect-provides-Schneider-Electric-Easy-TeSys-series-IEC-motor-controls-268x170.jpg" class="alignleft post-image entry-image wp-image-615286" alt="AutomationDirect provides Schneider Electric Easy TeSys series IEC motor controls" decoding="async" /></a></div></article><article class="archive-entry"><header class="entry-header"><p class="entry-meta"><span class="entry-author">By <a href="https://www.designworldonline.com/author/pmitra/" class="entry-author-link" rel="author"><span class="entry-author-name">Puja Mitra</span></a></span> | <time class="entry-time">November 22, 2024</time></p><h2 class="entry-title"><a href="https://www.designworldonline.com/icotek-presents-modular-stackable-cable-clamp/">icotek presents modular stackable cable clamp</a></h2>The modular stackable cable clamp MSMC is a flexible fastening system for cables, pipes and cylindrical components with a cable diameter of 10 to 55 mm. Thanks to its modular design, it enables a simple and quick expansion by connecting or stacking several clamps. Main advantages: Expandable system: The stacking or connecting principle allows several…</header><div class="entry-content"><a class="entry-image-link" href="https://www.designworldonline.com/icotek-presents-modular-stackable-cable-clamp/" aria-hidden="true" tabindex="-1"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/2024-icotek-presents-modular-stackable-cable-clamp-268x170.jpg" class="alignleft post-image entry-image wp-image-615282" alt="icotek presents modular stackable cable clamp" decoding="async" /></a></div></article><article class="archive-entry"><header class="entry-header"><p class="entry-meta"><span class="entry-author">By <a href="https://www.designworldonline.com/author/schakraborty/" class="entry-author-link" rel="author"><span class="entry-author-name">Srabanti Chakraborty</span></a></span> | <time class="entry-time">November 22, 2024</time></p><h2 class="entry-title"><a href="https://www.designworldonline.com/beckhoff-powers-new-levels-of-machine-efficiency-with-ax8820-regen-module/">Beckhoff powers new levels of machine efficiency with AX8820 regen module</a></h2>The AX8820 regenerative energy unit from Beckhoff enables wide-ranging machines and systems to feed power back into the grid, reducing wasted electricity and boosting sustainability. This compact module is compatible with the AX8000 multi-axis servo system, AX5000 digital compact servo drives, and third-party devices. Using sinusoidal regeneration, the AX8820 prevents the grid distortions common with…</header><div class="entry-content"><a class="entry-image-link" href="https://www.designworldonline.com/beckhoff-powers-new-levels-of-machine-efficiency-with-ax8820-regen-module/" aria-hidden="true" tabindex="-1"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/Beckhoff_AX8820_web-1-268x170.jpg" class="alignleft post-image entry-image wp-image-615279" alt="Beckhoff powers new levels of machine efficiency with AX8820 regen module" decoding="async" /></a></div></article><article class="archive-entry"><header class="entry-header"><p class="entry-meta"><span class="entry-author">By <a href="https://www.designworldonline.com/author/leitel/" class="entry-author-link" rel="author"><span class="entry-author-name">Lisa Eitel</span></a></span> | <time class="entry-time">November 21, 2024</time></p><h2 class="entry-title"><a href="https://www.designworldonline.com/choosing-the-right-pallet-conveyor-can-maximize-productivity-maintainability-and-overall-roi/">A practical guide to selecting the right pallet conveyor</a></h2><p>Efficient material handling is crucial in optimizing factory automation. Choosing the right pallet conveyor can maximize productivity, maintainability, and overall ROI. By Dan Toynton | Motion Automation Intelligence Because conveyor types abound — especially small asynchronous conveyors— choosing the optimal solution for a specific application can be challenging. Informed decisions depend on well-defined design requirements and […]</p> </header><div class="entry-content"><a class="entry-image-link" href="https://www.designworldonline.com/choosing-the-right-pallet-conveyor-can-maximize-productivity-maintainability-and-overall-roi/" aria-hidden="true" tabindex="-1"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5-268x170.jpg" class="alignleft post-image entry-image wp-image-615236" alt="A practical guide to selecting the right pallet conveyor" decoding="async" /></a></div></article><article class="archive-entry"><header class="entry-header"><p class="entry-meta"><span class="entry-author">By <a href="https://www.designworldonline.com/author/leitel/" class="entry-author-link" rel="author"><span class="entry-author-name">Lisa Eitel</span></a></span> | <time class="entry-time">November 21, 2024</time></p><h2 class="entry-title"><a href="https://www.designworldonline.com/new-motion-controllers-for-four-different-motor-technologies/">New motion controllers for four different motor technologies</a></h2><p>Now, new MC 3602 B and MC 3606 B motion controllers simplify the selection and commissioning of drive systems. With encoders, these compact MC 3602/06 B controllers serve as servodrives in accordance with CiA 402 to command various DC motors, brushless DC motors, and linear motors. The controllers are also compatible with stepper motors (with […]</p> </header><div class="entry-content"><a class="entry-image-link" href="https://www.designworldonline.com/new-motion-controllers-for-four-different-motor-technologies/" aria-hidden="true" tabindex="-1"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/New-motion-controllers-for-four-different-motor-technologies-MC3602B-3606B-268x170.jpg" class="alignleft post-image entry-image wp-image-615225" alt="New motion controllers for four different motor technologies" decoding="async" /></a></div></article><article class="archive-entry"><header class="entry-header"><p class="entry-meta"><span class="entry-author">By <a href="https://www.designworldonline.com/author/hhall/" class="entry-author-link" rel="author"><span class="entry-author-name">Heather Hall</span></a></span> | <time class="entry-time">November 21, 2024</time></p><h2 class="entry-title"><a href="https://www.designworldonline.com/mobile-collaborative-robot-combines-autonomous-mobility-and-precision-arm/">Mobile collaborative robot’s high-payload autonomous mobility and precision arm help advance industrial automation</a></h2>Mobile Industrial Robots (MiR) has announced the MC600 mobile collaborative robot (cobot), the latest addition to its growing list of MiR Go-approved products. Capable of handling payloads up to 600 kg (1322 lb), the MC600 combines the MiR600 mobile robot base with the UR20/UR30 collaborative robot arms from Universal Robots (UR) to automate complex workflows in industrial…</header><div class="entry-content"><a class="entry-image-link" href="https://www.designworldonline.com/mobile-collaborative-robot-combines-autonomous-mobility-and-precision-arm/" aria-hidden="true" tabindex="-1"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/unnamed2-268x170.png" class="alignleft post-image entry-image wp-image-615194" alt="Mobile collaborative robot’s high-payload autonomous mobility and precision arm help advance industrial automation" decoding="async" /></a></div></article><p style="text-align:center;"><a href="https://www.designworldonline.com/design-world-articles/" class="button button-large">Read All Articles ></a></p></div><div class="section section-category-posts style-standard"><h4 class="block-header">Tech Tips <a href="https://www.designworldonline.com/category/linear-motion-components/actuators/">See More ></a></h4><div class="post-listing row"><div class="col-sm-6"><article class="entry-summary large"><a href="https://www.designworldonline.com/servobelt-linear-actuators-now-feature-design-enhancement-molded-belt-tray/" class="entry-image-link"><img width="368" height="207" src="https://www.designworldonline.com/wp-content/uploads/2024/10/ServoBelt-Linear-actuators-now-feature-design-enhancement-molded-belt-tray-368x207.jpg" class="attachment-ea_product size-ea_product wp-image-614420 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/10/ServoBelt-Linear-actuators-now-feature-design-enhancement-molded-belt-tray-368x207.jpg 368w, https://www.designworldonline.com/wp-content/uploads/2024/10/ServoBelt-Linear-actuators-now-feature-design-enhancement-molded-belt-tray-300x169.jpg 300w, https://www.designworldonline.com/wp-content/uploads/2024/10/ServoBelt-Linear-actuators-now-feature-design-enhancement-molded-belt-tray-768x432.jpg 768w, https://www.designworldonline.com/wp-content/uploads/2024/10/ServoBelt-Linear-actuators-now-feature-design-enhancement-molded-belt-tray.jpg 1000w" sizes="(max-width: 368px) 100vw, 368px" /></a><h4 class="entry-title"><a href="https://www.designworldonline.com/servobelt-linear-actuators-now-feature-design-enhancement-molded-belt-tray/">ServoBelt Linear actuators now feature design enhancement, molded belt tray</a></h4><div class="entry-content"><p>Bell-Everman announces that its latest generation of ServoBelt Linear actuators feature a design enhancement that simplifies the assembly and installation of long-travel motion systems including gantry and linear robots. The new design, which involves the lower static toothed belt, also strengthens ServoBelt’s ability to non-destructively withstand high-force events, such as carriage crashes. In earlier designs,…</p> </div></article></div><div class="col-sm-6"><article class="entry-summary"><a href="https://www.designworldonline.com/tolomatic-expands-rsx-high-force-actuator-line-with-new-models/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/10/2024-Tolomatic-expands-RSX-high-force-actuator-line-with-new-models-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-613984 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/tolomatic-expands-rsx-high-force-actuator-line-with-new-models/">Tolomatic expands RSX high-force actuator line with new models</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/pis-motion-amplified-piezo-actuators-and-grippers-are-designed-for-speed/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/10/Flexure-actuators_P-601_P-603_P-604_P900-gripper_PI_highres-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-613956 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/pis-motion-amplified-piezo-actuators-and-grippers-are-designed-for-speed/">PI’s motion-amplified piezo actuators and grippers are designed for speed</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/new-fast-steering-mirror-from-pi-provides-two-degrees-of-freedom/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/08/S-335_2-Axis-Fast-Steering-Mirrors_PI_highres-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-612671 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/new-fast-steering-mirror-from-pi-provides-two-degrees-of-freedom/">New fast steering mirror from PI provides two degrees of freedom</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/emersons-new-motorized-actuator-and-shutoff-valve-improve-safety-and-reliability/" class="entry-image-link"><img width="200" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/04/79515_ASCO_148_149-2-200x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-598309 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/emersons-new-motorized-actuator-and-shutoff-valve-improve-safety-and-reliability/">Emerson’s new motorized actuator and shutoff valve improve safety and reliability</a></h5></article></div></div></div><div class="section section-category-posts style-standard"><h4 class="block-header">SEW-EURODRIVE Sponsored Content <a href="https://www.designworldonline.com/category/sponsored-content/sew-eurodrive-sponsored-content/">See More ></a></h4><div class="post-listing row"><div class="col-sm-6"><article class="entry-summary large"><a href="https://www.designworldonline.com/choosing-the-right-gearmotor-for-your-application/" class="entry-image-link"><img width="368" height="238" src="https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824-368x238.jpg" class="attachment-ea_product size-ea_product wp-image-613035 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824-368x238.jpg 368w, https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824-300x195.jpg 300w, https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824-768x499.jpg 768w, https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824.jpg 770w" sizes="(max-width: 368px) 100vw, 368px" /></a><h4 class="entry-title"><a href="https://www.designworldonline.com/choosing-the-right-gearmotor-for-your-application/">Choosing the Right Gearmotor for Your Application</a></h4><div class="entry-content"><p>Strategic Questions to ask for Efficient and Effective Drive Integration. by Don Congdon, Corporate Trainer, SEW-EURODRIVE Selecting a drive for a new application or replacing an existing one need not be a daunting experience. The key to successful drive selection is methodically asking the right questions to understand the application’s requirements thoroughly. This guide aims…</p> </div></article></div><div class="col-sm-6"><article class="entry-summary"><a href="https://www.designworldonline.com/navigating-servomotor-selection-a-technical-guide/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-3_770x500_0824-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-613026 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/navigating-servomotor-selection-a-technical-guide/">Navigating Servomotor Selection: A Technical Guide</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/flexible-power-and-energy-systems-for-the-evolving-factory/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-2_770x500_0824-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-613023 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/flexible-power-and-energy-systems-for-the-evolving-factory/">Flexible Power and Energy Systems for the Evolving Factory</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/movi-c-a-unified-solution-for-streamlined-automation/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-1_770x500_0824-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-613019 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/movi-c-a-unified-solution-for-streamlined-automation/">MOVI-C®: A Unified Solution for Streamlined Automation</a></h5></article></div></div></div><div class="section section-category-posts style-standard"><h4 class="block-header">Motion Control <a href="https://www.designworldonline.com/category/products-technologies/motion-control-tips/">See More ></a></h4><div class="post-listing row"><div class="col-sm-6"><article class="entry-summary large"><a href="https://www.designworldonline.com/choosing-the-right-pallet-conveyor-can-maximize-productivity-maintainability-and-overall-roi/" class="entry-image-link"><img width="264" height="238" src="https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5-264x238.jpg" class="attachment-ea_product size-ea_product wp-image-615236 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5-264x238.jpg 264w, https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5-300x270.jpg 300w, https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5-1024x922.jpg 1024w, https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5-768x691.jpg 768w, https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5-1536x1382.jpg 1536w, https://www.designworldonline.com/wp-content/uploads/2024/11/pallet-conveyor-for-optimized-factory-automation-5.jpg 2000w" sizes="(max-width: 264px) 100vw, 264px" /></a><h4 class="entry-title"><a href="https://www.designworldonline.com/choosing-the-right-pallet-conveyor-can-maximize-productivity-maintainability-and-overall-roi/">A practical guide to selecting the right pallet conveyor</a></h4><div class="entry-content"><p>Efficient material handling is crucial in optimizing factory automation. Choosing the right pallet conveyor can maximize productivity, maintainability, and overall ROI. By Dan Toynton | Motion Automation Intelligence Because conveyor types abound — especially small asynchronous conveyors— choosing the optimal solution for a specific application can be challenging. Informed decisions depend on well-defined design requirements and […]</p> </div></article></div><div class="col-sm-6"><article class="entry-summary"><a href="https://www.designworldonline.com/new-motion-controllers-for-four-different-motor-technologies/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/New-motion-controllers-for-four-different-motor-technologies-MC3602B-3606B-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-615225 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/new-motion-controllers-for-four-different-motor-technologies/">New motion controllers for four different motor technologies</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/beckhoff-boosts-machine-efficiency-with-ax8820-regen-module/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/Beckhoff-boosts-machine-efficiency-with-AX8820-regen-module-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-615204 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/beckhoff-boosts-machine-efficiency-with-ax8820-regen-module/">Beckhoff boosts machine efficiency with AX8820 regen module</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/pi-expands-for-higher-electronics-manufacturing-capacities-shorter-lead-times/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/2024-PI-expands-for-higher-electronics-manufacturing-capacities-shorter-lead-times-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-615135 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/pi-expands-for-higher-electronics-manufacturing-capacities-shorter-lead-times/">PI expands for higher electronics manufacturing capacities, shorter lead times</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/posital-boosts-resolution-of-ixarc-incremental-rotary-encoders/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/11/Press-Photo_Incremental-Encoder_Web-268x170.jpeg" class="attachment-ea_summary size-ea_summary wp-image-615005 wp-post-image" alt="encoders" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/posital-boosts-resolution-of-ixarc-incremental-rotary-encoders/">POSITAL boosts resolution of IXARC incremental rotary encoders</a></h5></article></div></div></div><div class="section section-videos style-carousel"><h4 class="block-header">Videos <a href="https://www.designworldonline.com/design-world-videos/">See More ></a></h4><div class="slick-slider video-carousel has-border"><div><a href="https://www.youtube.com/watch?v=yDxZwjHCLZ8" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/what-is-a-servo-drive-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-595952" alt="" decoding="async" /></a> <span class="video-title">What is a Servo Drive?</span></div><div><a href="https://www.youtube.com/watch?v=xrVJtwwLKM8" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/thumbnail-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-592179" alt="What is a brushless motor" decoding="async" /></a> <span class="video-title">What is a brushless motor?</span></div><div><a href="https://www.youtube.com/watch?v=izeXcf5qu6s" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/thumbnail-1-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-592180" alt="" decoding="async" /></a> <span class="video-title">What is a linear actuator?</span></div><div><a href="https://www.youtube.com/watch?v=hSobD5SDEqY" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/kubler-268x170.jpeg" class="attachment-ea_summary size-ea_summary wp-image-582769" alt="" decoding="async" /></a> <span class="video-title">Kübler IN88 two-dimensional inclinometer with J-1939 protocol compatibility</span></div><div><a href="https://www.youtube.com/watch?v=KmosSZzt9UA" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/ametek-268x170.jpeg" class="attachment-ea_summary size-ea_summary wp-image-581982" alt="" decoding="async" /></a> <span class="video-title">Taking a Look at AMETEK Dynamic Fluid Solutions’ Nautilair Brushless Blowers</span></div><div><a href="https://www.youtube.com/watch?v=lQi-X5YiEOA" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/hqdefault-268x170.jpeg" class="attachment-ea_summary size-ea_summary wp-image-578070" alt="" decoding="async" /></a> <span class="video-title">Creating individualized, precisely engineered prosthetics</span></div><div><a href="https://www.youtube.com/watch?v=D8GpPTsG8Cw" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/mq3-268x170.jpeg" class="attachment-ea_summary size-ea_summary wp-image-578073" alt="" decoding="async" /></a> <span class="video-title">How to calculate motor output power based on speed and torque: A Motion Control Classroom video</span></div><div><a href="https://www.youtube.com/watch?v=x-TPsFwwFiQ" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/pivot-points-268x170.jpeg" class="attachment-ea_summary size-ea_summary wp-image-578074" alt="" decoding="async" /></a> <span class="video-title">Pivot Point Solutions at Fastener Fair USA</span></div><div><a href="https://www.youtube.com/watch?v=j_9nYTxzrio&t" class="video-popup"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/Screenshot-2023-07-11-at-3.33.40-PM-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-591283" alt="" decoding="async" /></a> <span class="video-title">OptixPanel HMI terminals enabled by Rockwell FactoryTalk</span></div></div></div><div class="section section-wrapper"></div><div class="section section-category-posts style-standard"><h4 class="block-header">Digital Issues <a href="https://www.designworldonline.com/category/digital-issues/">See More ></a></h4><div class="post-listing row"><div class="col-sm-6"><article class="entry-summary large"><a href="https://www.designworldonline.com/november-2024-issue-how-smart-bearings-fit-into-the-future-of-industry-5-0/" class="entry-image-link"><img width="368" height="233" src="https://www.designworldonline.com/wp-content/uploads/2024/11/DW-Nov-2024-cover-368x233.png" class="attachment-ea_product size-ea_product wp-image-615203 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/11/DW-Nov-2024-cover-368x233.png 368w, https://www.designworldonline.com/wp-content/uploads/2024/11/DW-Nov-2024-cover-300x190.png 300w, https://www.designworldonline.com/wp-content/uploads/2024/11/DW-Nov-2024-cover-268x170.png 268w, https://www.designworldonline.com/wp-content/uploads/2024/11/DW-Nov-2024-cover.png 536w" sizes="(max-width: 368px) 100vw, 368px" /></a><h4 class="entry-title"><a href="https://www.designworldonline.com/november-2024-issue-how-smart-bearings-fit-into-the-future-of-industry-5-0/">November 2024 Issue: How smart bearings fit into the future of Industry 5.0</a></h4><div class="entry-content"><p>Congratulations to this year’s LEAP Award winners It’s that season when we recognize and celebrate engineering innovations through our annual LEAP (Leadership in Engineering Achievement Program) Awards. Each year, we receive a sample of the outstanding contributions engineers make to industries worldwide. Our esteemed judging panel, which includes experts from various fields in academia and…</p> </div></article></div><div class="col-sm-6"><article class="entry-summary"><a href="https://www.designworldonline.com/october-2024-issue-edi-engineering-diversity-inclusion/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/10/DW-EDI_OCTOBER24-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-614460 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/10/DW-EDI_OCTOBER24-268x170.png 268w, https://www.designworldonline.com/wp-content/uploads/2024/10/DW-EDI_OCTOBER24-300x190.png 300w, https://www.designworldonline.com/wp-content/uploads/2024/10/DW-EDI_OCTOBER24-368x233.png 368w, https://www.designworldonline.com/wp-content/uploads/2024/10/DW-EDI_OCTOBER24.png 536w" sizes="(max-width: 268px) 100vw, 268px" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/october-2024-issue-edi-engineering-diversity-inclusion/">October 2024 Issue: EDI – Engineering Diversity + Inclusion</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/october-2024-issue-evtols-future-counts-on-interconnect/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/10/Design-World-October-2024-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-614458 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/10/Design-World-October-2024-268x170.png 268w, https://www.designworldonline.com/wp-content/uploads/2024/10/Design-World-October-2024-300x190.png 300w, https://www.designworldonline.com/wp-content/uploads/2024/10/Design-World-October-2024-368x233.png 368w, https://www.designworldonline.com/wp-content/uploads/2024/10/Design-World-October-2024.png 536w" sizes="(max-width: 268px) 100vw, 268px" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/october-2024-issue-evtols-future-counts-on-interconnect/">October 2024 Issue: eVTOL’s future counts on interconnect</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/september-2024-issue-the-difference-between-an-ev-powertrain-and-drivetrain/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/09/DW-September-2024-cover-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-613736 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/09/DW-September-2024-cover-268x170.png 268w, https://www.designworldonline.com/wp-content/uploads/2024/09/DW-September-2024-cover-300x190.png 300w, https://www.designworldonline.com/wp-content/uploads/2024/09/DW-September-2024-cover-368x233.png 368w, https://www.designworldonline.com/wp-content/uploads/2024/09/DW-September-2024-cover.png 536w" sizes="(max-width: 268px) 100vw, 268px" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/september-2024-issue-the-difference-between-an-ev-powertrain-and-drivetrain/">September 2024 Issue: The difference between an EV powertrain and drivetrain</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/august-2024-special-edition-motion-control-handbook/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/2024/08/MCHandbook-2024-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-613638 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/08/MCHandbook-2024-268x170.jpg 268w, https://www.designworldonline.com/wp-content/uploads/2024/08/MCHandbook-2024-300x190.jpg 300w, https://www.designworldonline.com/wp-content/uploads/2024/08/MCHandbook-2024-368x233.jpg 368w, https://www.designworldonline.com/wp-content/uploads/2024/08/MCHandbook-2024.jpg 536w" sizes="(max-width: 268px) 100vw, 268px" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/august-2024-special-edition-motion-control-handbook/">August 2024 Special Edition: Motion Control Handbook</a></h5></article></div></div></div><div class="section section-category-posts style-standard"><h4 class="block-header">Opto 22 Sponsored Content <a href="https://www.designworldonline.com/category/sponsored-content/opto-22-sponsored-content/">See More ></a></h4><div class="post-listing row"><div class="col-sm-6"><article class="entry-summary large"><a href="https://www.designworldonline.com/monitor-machine-health-with-precise-power-data/" class="entry-image-link"><img width="238" height="238" src="https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-featured-image-april2022-article5-238x238.png" class="attachment-ea_product size-ea_product wp-image-579569 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-featured-image-april2022-article5-238x238.png 238w, https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-featured-image-april2022-article5-300x300.png 300w, https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-featured-image-april2022-article5-150x150.png 150w, https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-featured-image-april2022-article5.png 600w" sizes="(max-width: 238px) 100vw, 238px" /></a><h4 class="entry-title"><a href="https://www.designworldonline.com/monitor-machine-health-with-precise-power-data/">Monitor machine health with precise power data</a></h4><div class="entry-content"><p>Product Announcement: New groov RIO EMU (energy monitoring unit) Introducing the latest offering in the groov RIO product line: groov RIO EMU (energy monitoring unit), GRV-R7-I1VAPM-3. Edge I/O for Power The groov RIO series brings you a new kind of I/O product—edge I/O. It doesn’t require a PLC, PAC, or IPC to communicate data to other systems. Instead, this intelligent, distributed…</p> </div></article></div><div class="col-sm-6"><article class="entry-summary"><a href="https://www.designworldonline.com/introduction-to-json-for-node-red/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-featured-image-april2022-article4-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-579567 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/introduction-to-json-for-node-red/">Introduction to JSON for Node-RED</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/how-to-use-context-storage-in-node-red/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-featured-image-april2022-article3-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-579565 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/how-to-use-context-storage-in-node-red/">How to use context storage in Node-RED</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/flexible-low-cost-water-monitoring-with-edge-i-o/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-image1-april2022-article2-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-579563 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/flexible-low-cost-water-monitoring-with-edge-i-o/">Flexible, low-cost water monitoring with edge I/O</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/case-study-using-edge-i-o-to-automate-quality-control/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/opto22-sponsored-image2-april2022-article1-268x170.png" class="attachment-ea_summary size-ea_summary wp-image-579560 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/case-study-using-edge-i-o-to-automate-quality-control/">Case Study: Using Edge I/O to Automate Quality Control</a></h5></article></div></div></div><div class="section section-category-posts style-standard"><h4 class="block-header">maxon Driven <a href="https://www.designworldonline.com/category/sponsored-content/maxon-motor/">See More ></a></h4><div class="post-listing row"><div class="col-sm-6"><article class="entry-summary large"><a href="https://www.designworldonline.com/predicting-future-changes-in-water-quality/" class="entry-image-link"><img width="357" height="238" src="https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article4-357x238.jpg" class="attachment-ea_product size-ea_product wp-image-574323 wp-post-image" alt="" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article4-357x238.jpg 357w, https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article4-300x200.jpg 300w, https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article4-768x512.jpg 768w, https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article4.jpg 770w" sizes="(max-width: 357px) 100vw, 357px" /></a><h4 class="entry-title"><a href="https://www.designworldonline.com/predicting-future-changes-in-water-quality/">Predicting future changes in water quality</a></h4><div class="entry-content"><p>As the impact of climate change and land use continue to harm aquatic environments, it is becoming increasingly important to measure and monitor changes in water quality. When Dublin City University (DCU) Water Institute was developing its new mobile lab technology to help predict future changes in water quality, it turned to precision drive and…</p> </div></article></div><div class="col-sm-6"><article class="entry-summary"><a href="https://www.designworldonline.com/ceramic-at-its-best/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article3-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-574315 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/ceramic-at-its-best/">Ceramic at its best</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/opening-of-maxon-france/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article2-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-574309 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/opening-of-maxon-france/">Opening of maxon France</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/driven-pays-a-visit-to-the-robot-on-four-legs/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/maxon-featured-image-november2021-article1-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-574306 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/driven-pays-a-visit-to-the-robot-on-four-legs/">driven pays a visit to the robot on four legs</a></h5></article><article class="entry-summary"><a href="https://www.designworldonline.com/drone-powered-by-solar-energy/" class="entry-image-link"><img width="268" height="170" src="https://www.designworldonline.com/wp-content/uploads/maxon-featured-august2021-article4-268x170.jpg" class="attachment-ea_summary size-ea_summary wp-image-571567 wp-post-image" alt="" decoding="async" /></a><h5 class="entry-title"><a href="https://www.designworldonline.com/drone-powered-by-solar-energy/">Drone powered by solar energy</a></h5></article></div></div></div></div></main><aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar"><section id="custom_html-32" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><h4 class="widget-title widgettitle">LEARNING CENTER</h4> <div class="textwidget custom-html-widget"><center><div style="display: flex; flex-direction: column; width: 270px;"><a href="https://www.designworldonline.com/learning-center" target="_blank" rel="noopener"><img src="https://www.motioncontroltips.com/wp-content/uploads/2023/05/MotionControlTips-LearningCtr.jpg" alt="Design World Learning Center" style="max-width: 270px;" /></a> <div class="dropdown" style="text-align: center; margin-top: 10px;"> <button class="motion-design-guides">BROWSE CLASSROOMS</button> <div class="dropdown-content"> <a class="motion-design-guide-option" href="https://www.designworldonline.com/cable-carriers-classroom" target="_blank">Cable Carriers</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/gearing-classroom" target="_blank">Gearing</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/miniature-motion-classroom" target="_blank">Miniature Motion</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/power-supplies-classroom" target="_blank">Industrial Power Supplies</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/conveyors-classroom" target="_blank">Conveyors</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/classroom-dc-motors" target="_blank">DC Motors</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/integrated-motors-mc-classroom" target="_blank">Integrated Motors</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/servo-drives-classroom" target="_blank">Servo Drives</a> <a class="motion-design-guide-option" href="https://www.designworldonline.com/vibration-damping-shocks-classroom" target="_blank">Vibration Damping & Shocks</a> </div> </div></div> </center> <center> <div class="dropdown" style="text-align: center; padding-top: 10px;"> <button class="motion-design-guides">Browse Design Guides</button> <div class="dropdown-content"> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_pbcl07/" target="_blank">LINEAR BEARINGS IN CONTEXT</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_defa2353/" target="_blank">Power Supplies</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_delw05/" target="_blank">Crossed-Roller Linear Guides</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa6263/" target="_blank">DC Motors</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_defa3304/" target="_blank">Springs & Retaining Rings</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_gamb12/" target="_blank">Couplings</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa4108/" target="_blank">Linear Bearing Definitions</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_defa2360/" target="_blank">Pulleys & Belt Drives</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_altd03/" target="_blank">ELECTRICAL CONNECTIONS</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_sdps01/" target="_blank">General Motion System Design</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_defa2524/" target="_blank">Linear Position Sensors</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_igus06/" target="_blank">Industrial Cables</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_fest12/" target="_blank">Machine Designs for Packaging</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa5331/" target="_blank">SERVOMOTORS</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa6225/" target="_blank">Industrial Cyber Security</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_defa2347/" target="_blank">Human-Machine Interfaces (HMIs)</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_mits03/" target="_blank">Digital Transformation</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_pbcl01/" target="_blank">Track-Roller Linear Guides</a> <a class="motion-design-guide-option" href="https://dw-resources.designworldonline.com/free/w_defa2349" target="_blank">Encoders</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa5631/" target="_blank">Machine Safety</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_pbcl03/" target="_blank">Ballscrews</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_cana07/" target="_blank">Brushless DC Motors</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa4412/" target="_blank">Linear Actuator</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa4605/" target="_blank">Gearboxes</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_igus18/" target="_blank">Specifying Linear Bearings</a> <a class="motion-design-guide-option" href="https://designworldonline.tradepub.com/free/w_defa7442/" target="_blank">Nanopositioning and Miniature Motion Systems Design</a> </div> </div> </center></div></div></section> <section id="custom_html-15" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><center> <div id='div-gpt-dw_sidebar1'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-dw_sidebar1'); }); </script> </div> </center></div></div></section> <section id="custom_html-14" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><center> <div style="display: flex; flex-direction: column; justify-content: center; width: 300px;"> <div align="center"><a href="/design-world-direct-newsletter-subscription-form/" target="_blank"><img src="https://www.designworldonline.com/wp-content/uploads/DW_300x100.jpg" alt=“dw newsletter”></a></div> <div align="center" style="width: 300px; line-height: 20px; padding-top: 10px;"><span style="font-weight: bold; color: #0c506d; text-align: center; font-size: 20px;">EXPAND YOUR KNOWLEDGE AND STAY CONNECTED</span></div> <div align="center" style="line-height: 16px; padding-top: 5px;"><span style="text-align: center; font-size: 16px;">Get the latest info on technologies, tools and strategies for Design Engineering Professionals. </span></div> <div align="center" style="padding-top: 10px;"><a href="https://www.designworldonline.com/sign-up-for-design-world-email-newsletter/" target="_blank"><button style="background-color: #96c128; color: white; font-weight: bold; border: none; padding: 10px; font-size: 16px; cursor: pointer;">GET THE ENEWSLETTER</button></a></div> </div> </center></div></div></section> <section id="custom_html-10" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><h4 class="widget-title widgettitle">Design World Digital Edition</h4> <div class="textwidget custom-html-widget"><div id="digital" style="padding: 0 15px 10px 15px;"> <a href="/category/digital-issues/"><img align="left" style="padding:0 10px; width: 100px;" src="https://www.designworldonline.com/wp-content/uploads/DWJuly-2023-full.jpg" alt="cover" /></a> <p><a href="/category/digital-issues/" style="text-decoration: underline;">Browse the most current issue</a> of Design World and back issues in an easy to use high quality format. Clip, share and download with the leading design engineering magazine today.</p> <div style="text-align: center; height: 60px; width: 100%; margin: 0 auto;"> <div style="float: left;"> <a href="/category/digital-issues/" target="_parent" rel="nofollow"><button class="greenbutton" style="margin-right: 5px;">View Back Issues</button></a></div> <div style="float: right;"><a href="https://www.designworldonline.com/design-world-digital-edition-form/"><button class="greenbutton">Subscribe</button></a></div> </div> </div></div></div></section> <section id="custom_html-8" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><h4 class="widget-title widgettitle">EDABoard the Forum for Electronics</h4> <div class="textwidget custom-html-widget"><center> <p style="font-size: 12px; margin: 0 15px 10px 15px; padding: 0;">Top global problem solving EE forum covering Microcontrollers, DSP, Networking, Analog and Digital Design, RF, Power Electronics, PCB Routing and much more</p><a href="http://www.edaboard.com/" target="_blank"><img src="/wp-content/uploads/EDA-Board-Ad-1.jpg" width="300" height="200" alt="EDABoard: Forum for electronics" title="EDABoard: Forum for electronics" /></a> </center></div></div></section> <section id="category-posts-2" class="widget cat-post-widget"><div class="widget-wrap"><h4 class="widget-title widgettitle">Sponsored Content</h4> <ul id="category-posts-2-internal" class="category-posts-internal"> <li class='cat-post-item'><div><a class="cat-post-thumbnail cat-post-dark" href="https://www.designworldonline.com/cnc-machining-design-guide/" title="CNC Machining Design Guide"><span class="cat-post-crop cat-post-format cat-post-format-standard"><img width="150" height="95" src="https://www.designworldonline.com/wp-content/uploads/2024/11/fictiv-wp.png" class="attachment- size- wp-image-614982 wp-post-image" alt="" data-cat-posts-width="150" data-cat-posts-height="95" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/11/fictiv-wp.png 300w, https://www.designworldonline.com/wp-content/uploads/2024/11/fictiv-wp-216x168.png 216w" sizes="(max-width: 150px) 100vw, 150px" /></span></a> <a class="cat-post-title" href="https://www.designworldonline.com/cnc-machining-design-guide/" rel="bookmark">CNC Machining Design Guide</a></div></li><li class='cat-post-item'><div><a class="cat-post-thumbnail cat-post-dark" href="https://www.designworldonline.com/the-nb-linear-actuator-bg-type-2/" title="The NB Linear Actuator BG Type"><span class="cat-post-crop cat-post-format cat-post-format-standard"><img width="150" height="95" src="https://www.designworldonline.com/wp-content/uploads/NBCorp-BG-Type-e1634682240552.jpg" class="attachment- size- wp-image-573685 wp-post-image" alt="" data-cat-posts-width="150" data-cat-posts-height="95" decoding="async" /></span></a> <a class="cat-post-title" href="https://www.designworldonline.com/the-nb-linear-actuator-bg-type-2/" rel="bookmark">The NB Linear Actuator BG Type</a></div></li><li class='cat-post-item'><div><a class="cat-post-thumbnail cat-post-dark" href="https://www.designworldonline.com/need-new-food-grade-shock-absorbers-stainless-steel-is-prime/" title="Need new food-grade shock absorbers? Stainless steel is prime"><span class="cat-post-crop cat-post-format cat-post-format-standard"><img width="150" height="95" src="https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-scaled.jpg" class="attachment- size- wp-image-613852 wp-post-image" alt="" data-cat-posts-width="150" data-cat-posts-height="95" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-scaled.jpg 2560w, https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-300x150.jpg 300w, https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-1024x512.jpg 1024w, https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-768x384.jpg 768w, https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-1536x768.jpg 1536w, https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-2048x1024.jpg 2048w, https://www.designworldonline.com/wp-content/uploads/2024/10/ace_products_img_overview-03_rgb-xl-1-368x184.jpg 368w" sizes="(max-width: 150px) 100vw, 150px" /></span></a> <a class="cat-post-title" href="https://www.designworldonline.com/need-new-food-grade-shock-absorbers-stainless-steel-is-prime/" rel="bookmark">Need new food-grade shock absorbers? Stainless steel is prime</a></div></li><li class='cat-post-item'><div><a class="cat-post-thumbnail cat-post-dark" href="https://www.designworldonline.com/household-goods-customized-intelligent-and-sustainable/" title="Household Goods: Customized, Intelligent, and Sustainable"><span class="cat-post-crop cat-post-format cat-post-format-standard"><img width="150" height="95" src="https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-scaled.jpg" class="attachment- size- wp-image-613297 wp-post-image" alt="" data-cat-posts-width="150" data-cat-posts-height="95" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-scaled.jpg 1971w, https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-231x300.jpg 231w, https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-789x1024.jpg 789w, https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-768x997.jpg 768w, https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-1183x1536.jpg 1183w, https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-1577x2048.jpg 1577w, https://www.designworldonline.com/wp-content/uploads/2024/09/Packaging-OEM-Report-Cover-183x238.jpg 183w" sizes="(max-width: 150px) 100vw, 150px" /></span></a> <a class="cat-post-title" href="https://www.designworldonline.com/household-goods-customized-intelligent-and-sustainable/" rel="bookmark">Household Goods: Customized, Intelligent, and Sustainable</a></div></li><li class='cat-post-item'><div><a class="cat-post-thumbnail cat-post-dark" href="https://www.designworldonline.com/reducing-air-purge-usage-with-fortis-encoders-achieving-energy-saving-up-to-91/" title="Reducing air purge usage with FORTiS™ encoders, achieving energy saving up to 91%"><span class="cat-post-crop cat-post-format cat-post-format-standard"><img width="150" height="95" src="https://www.designworldonline.com/wp-content/uploads/2024/08/Hero-image_WTWH-8_19.jpg" class="attachment- size- wp-image-613038 wp-post-image" alt="" data-cat-posts-width="150" data-cat-posts-height="95" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/08/Hero-image_WTWH-8_19.jpg 770w, https://www.designworldonline.com/wp-content/uploads/2024/08/Hero-image_WTWH-8_19-300x214.jpg 300w, https://www.designworldonline.com/wp-content/uploads/2024/08/Hero-image_WTWH-8_19-768x549.jpg 768w, https://www.designworldonline.com/wp-content/uploads/2024/08/Hero-image_WTWH-8_19-333x238.jpg 333w" sizes="(max-width: 150px) 100vw, 150px" /></span></a> <a class="cat-post-title" href="https://www.designworldonline.com/reducing-air-purge-usage-with-fortis-encoders-achieving-energy-saving-up-to-91/" rel="bookmark">Reducing air purge usage with FORTiS™ encoders, achieving energy saving up to 91%</a></div></li><li class='cat-post-item'><div><a class="cat-post-thumbnail cat-post-dark" href="https://www.designworldonline.com/choosing-the-right-gearmotor-for-your-application/" title="Choosing the Right Gearmotor for Your Application"><span class="cat-post-crop cat-post-format cat-post-format-standard"><img width="150" height="95" src="https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824.jpg" class="attachment- size- wp-image-613035 wp-post-image" alt="" data-cat-posts-width="150" data-cat-posts-height="95" decoding="async" srcset="https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824.jpg 770w, https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824-300x195.jpg 300w, https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824-768x499.jpg 768w, https://www.designworldonline.com/wp-content/uploads/2024/08/SEW_WTWH-DW_Native-Content_Header-Image_Article-4_770x500_0824-368x238.jpg 368w" sizes="(max-width: 150px) 100vw, 150px" /></span></a> <a class="cat-post-title" href="https://www.designworldonline.com/choosing-the-right-gearmotor-for-your-application/" rel="bookmark">Choosing the Right Gearmotor for Your Application</a></div></li></ul> </div></section> <section id="custom_html-6" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><div align="center" style="background-color: #ffffff;"><a href="http://www.engineeringexchange.com/" target="_blank"><img src="/wp-content/uploads/2014/07/ex-280x100.jpg" alt="Engineering Exchange" width="280" height="100" /></a><p align="left" style="padding-bottom: 21px;">The Engineering Exchange is a global educational networking community for engineers.<br /><img width="1" height="5" src="https://images.designworldonline.com/newsletters/images/4689e128658b33b7c65b662a289a8653.gif" /><br /><a href="http://www.engineeringexchange.com/" target="_blank" style="font-weight: bold; text-decoration: underline;">Connect, share, and learn today »</a></p></div></div></div></section> <section id="custom_html-13" class="widget_text widget widget_custom_html"><div class="widget_text widget-wrap"><div class="textwidget custom-html-widget"><div align="center"> <div id='div-gpt-dw_sidebarbottom'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-dw_sidebarbottom'); }); </script> </div> </div></div></div></section> </aside></div></div></div><div class="footer-socials"><div class="wrap"><label style="color:#ffffff">Connect with Design World</label> <a href="https://www.facebook.com/DesignWorldNetwork/" target="_blank" rel="noopener noreferrer"><i class="icon-facebook"></i></a><a href="https://twitter.com/designworld" target="_blank" rel="noopener noreferrer"><i class="icon-twitter"></i></a><a href="https://www.linkedin.com/company/11433349" target="_blank" rel="noopener noreferrer"><i class="icon-linkedin"></i></a><a href="https://www.youtube.com/user/DesignWorldVideo" target="_blank" rel="noopener noreferrer"><i class="icon-youtube"></i></a><a href="https://www.instagram.com/designworldnetwork/" target="_blank" rel="noopener noreferrer"><i class="icon-instagram"></i></a></div></div><footer class="site-footer"><div class="wrap"><div class="row"><div class="footer-logo"><a href="https://www.designworldonline.com">Design World</a></div><div class="footer-menu"><div class="menu-secondary-container"><ul id="menu-secondary" class="menu"><li id="menu-item-509481" class="menu-item"><a href="https://www.designworldonline.com/about-us/">About us</a></li> <li id="menu-item-579839" class="menu-item"><a href="https://marketing.wtwhmedia.com/contact-wtwh-media/">Contact</a></li> <li id="menu-item-501898" class="menu-item"><a href="https://www.designworldonline.com/subscribe-manage-design-world-print-subscriptions/">Manage your Design World Subscription</a></li> <li id="menu-item-512905" class="menu-item"><a href="https://www.designworldonline.com/subscribe-to-design-world/">Subscribe</a></li> <li id="menu-item-504398" class="menu-item"><a href="https://www.designworldonline.com/design-world-digital-network/">Design World Digital Network</a></li> <li id="menu-item-501871" class="menu-item"><a href="http://www.engineeringwhitepapers.com">Engineering White Papers</a></li> <li id="menu-item-594581" class="menu-item"><a href="https://www.designworldonline.com/design-world-presents-the-2023-leap-awards-winners-connectivity/">Leap Awards</a></li> </ul></div></div><div class="footer-copyright"><p>Copyright © 2024 WTWH Media LLC. All Rights Reserved. The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of WTWH Media<br /> <a href="http://www.wtwhmedia.com/privacy-policy/" target="_blank">Privacy Policy</a> | <a href="https://marketing.wtwhmedia.com/2024-design-world-media-guide/" target="_blank">Advertising</a> | <a href="/about-us">About Us</a> </p></div></div></div></footer></div><div class="site-search"><div class="wrap"><div class="search-inner"><h2>Search Design World</h2><form class="search-form" method="get" action="https://www.designworldonline.com/" role="search"><input class="search-form-input" type="search" name="s" id="searchform-1" placeholder="Search this website"><input class="search-form-submit" type="submit" value="GO"><meta content="https://www.designworldonline.com/?s={s}"></form></div></div></div> <!-- xyzzy bottom --> </div> <script> var GAMaccountID = 5272491; var GAMnetworkName = 'dw_network'; var GAMadUnitName = 'dw_prestitial'; googletag.slots = googletag.slots || {}; </script> <!-- Google Tag Manager (noscript) Global --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMC9PJ9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRMQ5MS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id='div-gpt-dw_wallpaper'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-dw_wallpaper'); }); </script> </div> <div id='div-gpt-dw_allstreamflex'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-dw_allstreamflex'); }); </script> </div> <div id='div-gpt-dw_allstreamprelude'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-dw_allstreamprelude'); }); </script> </div> <div id="sidr-mobile-menu" class="sidr right"><a class="sidr-menu-close" href="#"><i class="icon-close"></i></a><div class="menu-primary-container"><ul id="menu-primary-1" class="menu"><li class="home menu-item current-menu-item"><a href="https://www.designworldonline.com/" aria-current="page">Home</a></li> <li class="menu-item menu-item-has-children"><a href="https://www.designworldonline.com/design-world-articles/">Technologies</a> <ul class="sub-menu"> <li class="menu-item"><a href="https://www.designworldonline.com/category/electrical-electronic/">ELECTRONICS • ELECTRICAL</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/assembly/fastening-joining/">Fastening • joining</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/fluid-power/">FLUID POWER</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/linear-motion-components/">LINEAR MOTION</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/products-technologies/">MOTION CONTROL</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/sensors/">SENSORS</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/test-measurement/">TEST & MEASUREMENT</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/automation-components/factory-automation/">Factory automation</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/automation-components/warehouseautomation/">Warehouse automation</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/dx/">DIGITAL TRANSFORMATION</a></li> </ul> </li> <li class="menu-item menu-item-has-children"><a>Learn</a> <ul class="sub-menu"> <li class="menu-item"><a href="https://www.designworldonline.com/category/sponsored-content/tech-toolboxes/">Tech Toolboxes</a></li> <li class="menu-item"><a target="_blank" href="https://www.designworldonline.com/learning-center">Learning center</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/sponsored-content/tech-tips-e-books/">eBooks • Tech Tips</a></li> <li class="menu-item"><a href="/category/podcasts/">Podcasts</a></li> <li class="menu-item"><a href="/design-world-videos/">Videos</a></li> <li class="menu-item"><a target="_blank" href="https://gateway.on24.com/wcc/experience/elitewtwhmedia/2927718/4415886/designworld">Webinars • general engineering</a></li> <li class="menu-item"><a target="_blank" href="https://gateway.on24.com/wcc/experience/elitewtwhmedia/2927718/4415858/automated-warehouse">Webinars • Automated warehousing</a></li> </ul> </li> <li class="menu-item"><a href="https://www.designworldonline.com/category/news/awards/leap-awards/">LEAP Awards</a></li> <li class="menu-item menu-item-has-children"><a target="_blank" href="https://leadership.designworldonline.com/">2024 Leadership</a> <ul class="sub-menu"> <li class="menu-item"><a href="https://www.designworldonline.com/2023-leadership-in-engineering-winners/">2023 Winners</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/2022-leadership-in-engineering-winners/">2022 Winners</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/2021-leadership-in-engineering-winners/">2021 Winners</a></li> </ul> </li> <li class="menu-item"><a href="https://www.designworldonline.com/design-guide-library">Design Guides</a></li> <li class="menu-item menu-item-has-children"><a>Resources</a> <ul class="sub-menu"> <li class="menu-item"><a href="https://www.designworldonline.com/subscribe-to-design-world/">Subscribe</a></li> <li class="menu-item menu-item-has-children"><a href="#">3D Cad Models</a> <ul class="sub-menu"> <li class="menu-item"><a href="https://www.designworldonline.com/3d-cad-models-partsolutions/">PARTsolutions</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/3d-cad-models-traceparts/">TraceParts</a></li> </ul> </li> <li class="menu-item menu-item-has-children"><a>Digital Issues</a> <ul class="sub-menu"> <li class="menu-item"><a href="https://www.designworldonline.com/category/digital-issues/">Design World</a></li> <li class="menu-item"><a href="/category/digital-issues/digital-issues-ee/">EE World</a></li> </ul> </li> <li class="menu-item"><a href="https://www.designworldonline.com/category/news/engineering-diversity/">Engineering diversity</a></li> <li class="menu-item"><a href="https://www.designworldonline.com/category/news/design-engineering-trends/">Trends</a></li> </ul> </li> <li class="menu-item"><a href="/suppliers/">Supplier Listings</a></li> </ul></div></div></div> <script type="text/html" id="tmpl-media-frame"> <div class="media-frame-title" id="media-frame-title"></div> <h2 class="media-frame-menu-heading">Actions</h2> <button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false"> Menu <span class="dashicons dashicons-arrow-down" aria-hidden="true"></span> </button> <div class="media-frame-menu"></div> <div class="media-frame-tab-panel"> <div class="media-frame-router"></div> <div class="media-frame-content"></div> </div> <h2 class="media-frame-actions-heading screen-reader-text"> Selected media actions </h2> <div class="media-frame-toolbar"></div> <div class="media-frame-uploader"></div> </script> <script type="text/html" id="tmpl-media-modal"> <div tabindex="0" class="media-modal wp-core-ui" role="dialog" aria-labelledby="media-frame-title"> <# if ( data.hasCloseButton ) { #> <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text"> Close dialog </span></span></button> <# } #> <div class="media-modal-content" role="document"></div> </div> <div class="media-modal-backdrop"></div> </script> <script type="text/html" id="tmpl-uploader-window"> <div class="uploader-window-content"> <div class="uploader-editor-title">Drop files to upload</div> </div> </script> <script type="text/html" id="tmpl-uploader-editor"> <div class="uploader-editor-content"> <div class="uploader-editor-title">Drop files to upload</div> </div> </script> <script type="text/html" id="tmpl-uploader-inline"> <# var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #> <# if ( data.canClose ) { #> <button class="close dashicons dashicons-no"><span class="screen-reader-text"> Close uploader </span></button> <# } #> <div class="uploader-inline-content {{ messageClass }}"> <# if ( data.message ) { #> <h2 class="upload-message">{{ data.message }}</h2> <# } #> <div class="upload-ui"> <h2 class="upload-instructions drop-instructions">Drop files to upload</h2> <p class="upload-instructions drop-instructions">or</p> <button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">Select Files</button> </div> <div class="upload-inline-status"></div> <div class="post-upload-ui" id="post-upload-info"> <p class="max-upload-size"> Maximum upload file size: 50 MB. </p> <# if ( data.suggestedWidth && data.suggestedHeight ) { #> <p class="suggested-dimensions"> Suggested image dimensions: {{data.suggestedWidth}} by {{data.suggestedHeight}} pixels. </p> <# } #> </div> </div> </script> <script type="text/html" id="tmpl-media-library-view-switcher"> <a href="https://www.designworldonline.com/wp-admin/upload.php?mode=list" class="view-list"> <span class="screen-reader-text"> List view </span> </a> <a href="https://www.designworldonline.com/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page"> <span class="screen-reader-text"> Grid view </span> </a> </script> <script type="text/html" id="tmpl-uploader-status"> <h2>Uploading</h2> <div class="media-progress-bar"><div></div></div> <div class="upload-details"> <span class="upload-count"> <span class="upload-index"></span> / <span class="upload-total"></span> </span> <span class="upload-detail-separator">–</span> <span class="upload-filename"></span> </div> <div class="upload-errors"></div> <button type="button" class="button upload-dismiss-errors">Dismiss errors</button> </script> <script type="text/html" id="tmpl-uploader-status-error"> <span class="upload-error-filename">{{{ data.filename }}}</span> <span class="upload-error-message">{{ data.message }}</span> </script> <script type="text/html" id="tmpl-edit-attachment-frame"> <div class="edit-media-header"> <button class="left dashicons"<# if ( ! data.hasPrevious ) { #> disabled<# } #>><span class="screen-reader-text">Edit previous media item</span></button> <button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">Edit next media item</span></button> <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">Close dialog</span></span></button> </div> <div class="media-frame-title"></div> <div class="media-frame-content"></div> </script> <script type="text/html" id="tmpl-attachment-details-two-column"> <div class="attachment-media-view {{ data.orientation }}"> <h2 class="screen-reader-text">Attachment Preview</h2> <div class="thumbnail thumbnail-{{ data.type }}"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div></div></div> <# } else if ( data.sizes && data.sizes.full ) { #> <img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" alt="" /> <# } else if ( data.sizes && data.sizes.large ) { #> <img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" /> <# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #> <img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" /> <# } #> <# if ( 'audio' === data.type ) { #> <div class="wp-media-wrapper wp-audio"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> <source type="{{ data.mime }}" src="{{ data.url }}" /> </audio> </div> <# } else if ( 'video' === data.type ) { var w_rule = ''; if ( data.width ) { w_rule = 'width: ' + data.width + 'px;'; } else if ( wp.media.view.settings.contentWidth ) { w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;'; } #> <div style="{{ w_rule }}" class="wp-media-wrapper wp-video"> <video controls="controls" class="wp-video-shortcode" preload="metadata" <# if ( data.width ) { #>width="{{ data.width }}"<# } #> <# if ( data.height ) { #>height="{{ data.height }}"<# } #> <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> <source type="{{ data.mime }}" src="{{ data.url }}" /> </video> </div> <# } #> <div class="attachment-actions"> <# if ( 'image' === data.type && ! data.uploading && data.sizes && data.can.save ) { #> <button type="button" class="button edit-attachment">Edit Image</button> <# } else if ( 'pdf' === data.subtype && data.sizes ) { #> <p>Document Preview</p> <# } #> </div> </div> </div> <div class="attachment-info"> <span class="settings-save-status" role="status"> <span class="spinner"></span> <span class="saved">Saved.</span> </span> <div class="details"> <h2 class="screen-reader-text"> Details </h2> <div class="uploaded"><strong>Uploaded on:</strong> {{ data.dateFormatted }}</div> <div class="uploaded-by"> <strong>Uploaded by:</strong> <# if ( data.authorLink ) { #> <a href="{{ data.authorLink }}">{{ data.authorName }}</a> <# } else { #> {{ data.authorName }} <# } #> </div> <# if ( data.uploadedToTitle ) { #> <div class="uploaded-to"> <strong>Uploaded to:</strong> <# if ( data.uploadedToLink ) { #> <a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a> <# } else { #> {{ data.uploadedToTitle }} <# } #> </div> <# } #> <div class="filename"><strong>File name:</strong> {{ data.filename }}</div> <div class="file-type"><strong>File type:</strong> {{ data.mime }}</div> <div class="file-size"><strong>File size:</strong> {{ data.filesizeHumanReadable }}</div> <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #> <div class="dimensions"><strong>Dimensions:</strong> {{ data.width }} by {{ data.height }} pixels </div> <# } #> <# if ( data.originalImageURL && data.originalImageName ) { #> <div class="word-wrap-break-word"> <strong>Original image:</strong> <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a> </div> <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #> <div class="file-length"><strong>Length:</strong> <span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span> <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span> </div> <# } #> <# if ( 'audio' === data.type && data.meta.bitrate ) { #> <div class="bitrate"> <strong>Bitrate:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s <# if ( data.meta.bitrate_mode ) { #> {{ ' ' + data.meta.bitrate_mode.toUpperCase() }} <# } #> </div> <# } #> <# if ( data.mediaStates ) { #> <div class="media-states"><strong>Used as:</strong> {{ data.mediaStates }}</div> <# } #> <div class="compat-meta"> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #> </div> </div> <div class="settings"> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> <span class="setting alt-text has-description" data-setting="alt"> <label for="attachment-details-two-column-alt-text" class="name">Alternative Text</label> <textarea id="attachment-details-two-column-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea> </span> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <# } #> <span class="setting" data-setting="title"> <label for="attachment-details-two-column-title" class="name">Title</label> <input type="text" id="attachment-details-two-column-title" value="{{ data.title }}" {{ maybeReadOnly }} /> </span> <# if ( 'audio' === data.type ) { #> <span class="setting" data-setting="artist"> <label for="attachment-details-two-column-artist" class="name">Artist</label> <input type="text" id="attachment-details-two-column-artist" value="{{ data.artist || data.meta.artist || '' }}" /> </span> <span class="setting" data-setting="album"> <label for="attachment-details-two-column-album" class="name">Album</label> <input type="text" id="attachment-details-two-column-album" value="{{ data.album || data.meta.album || '' }}" /> </span> <# } #> <span class="setting" data-setting="caption"> <label for="attachment-details-two-column-caption" class="name">Caption</label> <textarea id="attachment-details-two-column-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea> </span> <span class="setting" data-setting="description"> <label for="attachment-details-two-column-description" class="name">Description</label> <textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }}</textarea> </span> <span class="setting" data-setting="url"> <label for="attachment-details-two-column-copy-link" class="name">File URL:</label> <input type="text" class="attachment-details-copy-link" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly /> <span class="copy-to-clipboard-container"> <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link">Copy URL to clipboard</button> <span class="success hidden" aria-hidden="true">Copied!</span> </span> </span> <div class="attachment-compat"></div> </div> <div class="actions"> <# if ( data.link ) { #> <a class="view-attachment" href="{{ data.link }}">View attachment page</a> <# } #> <# if ( data.can.save ) { #> <# if ( data.link ) { #> <span class="links-separator">|</span> <# } #> <a href="{{ data.editLink }}">Edit more details</a> <# } #> <# if ( data.can.save && data.link ) { #> <span class="links-separator">|</span> <a href="{{ data.url }}" download>Download file</a> <# } #> <# if ( ! data.uploading && data.can.remove ) { #> <# if ( data.link || data.can.save ) { #> <span class="links-separator">|</span> <# } #> <button type="button" class="button-link delete-attachment">Delete permanently</button> <# } #> </div> </div> </script> <script type="text/html" id="tmpl-attachment"> <div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}"> <div class="thumbnail"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div> <# } else if ( 'image' === data.type && data.size && data.size.url ) { #> <div class="centered"> <img src="{{ data.size.url }}" draggable="false" alt="" /> </div> <# } else { #> <div class="centered"> <# if ( data.image && data.image.src && data.image.src !== data.icon ) { #> <img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" /> <# } else if ( data.sizes ) { if ( data.sizes.medium ) { #> <img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" /> <# } else { #> <img src="{{ data.sizes.full.url }}" class="thumbnail" draggable="false" alt="" /> <# } #> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #> </div> <div class="filename"> <div>{{ data.filename }}</div> </div> <# } #> </div> <# if ( data.buttons.close ) { #> <button type="button" class="button-link attachment-close media-modal-icon"><span class="screen-reader-text"> Remove </span></button> <# } #> </div> <# if ( data.buttons.check ) { #> <button type="button" class="check" tabindex="-1"><span class="media-modal-icon"></span><span class="screen-reader-text"> Deselect </span></button> <# } #> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; if ( data.describe ) { if ( 'image' === data.type ) { #> <input type="text" value="{{ data.caption }}" class="describe" data-setting="caption" aria-label="Caption" placeholder="Caption…" {{ maybeReadOnly }} /> <# } else { #> <input type="text" value="{{ data.title }}" class="describe" data-setting="title" <# if ( 'video' === data.type ) { #> aria-label="Video title" placeholder="Video title…" <# } else if ( 'audio' === data.type ) { #> aria-label="Audio title" placeholder="Audio title…" <# } else { #> aria-label="Media title" placeholder="Media title…" <# } #> {{ maybeReadOnly }} /> <# } } #> </script> <script type="text/html" id="tmpl-attachment-details"> <h2> Attachment Details <span class="settings-save-status" role="status"> <span class="spinner"></span> <span class="saved">Saved.</span> </span> </h2> <div class="attachment-info"> <# if ( 'audio' === data.type ) { #> <div class="wp-media-wrapper wp-audio"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> <source type="{{ data.mime }}" src="{{ data.url }}" /> </audio> </div> <# } else if ( 'video' === data.type ) { var w_rule = ''; if ( data.width ) { w_rule = 'width: ' + data.width + 'px;'; } else if ( wp.media.view.settings.contentWidth ) { w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;'; } #> <div style="{{ w_rule }}" class="wp-media-wrapper wp-video"> <video controls="controls" class="wp-video-shortcode" preload="metadata" <# if ( data.width ) { #>width="{{ data.width }}"<# } #> <# if ( data.height ) { #>height="{{ data.height }}"<# } #> <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> <source type="{{ data.mime }}" src="{{ data.url }}" /> </video> </div> <# } else { #> <div class="thumbnail thumbnail-{{ data.type }}"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div></div></div> <# } else if ( 'image' === data.type && data.size && data.size.url ) { #> <img src="{{ data.size.url }}" draggable="false" alt="" /> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #> </div> <# } #> <div class="details"> <div class="filename">{{ data.filename }}</div> <div class="uploaded">{{ data.dateFormatted }}</div> <div class="file-size">{{ data.filesizeHumanReadable }}</div> <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #> <div class="dimensions"> {{ data.width }} by {{ data.height }} pixels </div> <# } #> <# if ( data.originalImageURL && data.originalImageName ) { #> <div class="word-wrap-break-word"> Original image: <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a> </div> <# } #> <# if ( data.can.save && data.sizes ) { #> <a class="edit-attachment" href="{{ data.editLink }}&image-editor" target="_blank">Edit Image</a> <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #> <div class="file-length">Length: <span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span> <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span> </div> <# } #> <# if ( data.mediaStates ) { #> <div class="media-states"><strong>Used as:</strong> {{ data.mediaStates }}</div> <# } #> <# if ( ! data.uploading && data.can.remove ) { #> <button type="button" class="button-link delete-attachment">Delete permanently</button> <# } #> <div class="compat-meta"> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #> </div> </div> </div> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> <span class="setting alt-text has-description" data-setting="alt"> <label for="attachment-details-alt-text" class="name">Alt Text</label> <textarea id="attachment-details-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea> </span> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <# } #> <span class="setting" data-setting="title"> <label for="attachment-details-title" class="name">Title</label> <input type="text" id="attachment-details-title" value="{{ data.title }}" {{ maybeReadOnly }} /> </span> <# if ( 'audio' === data.type ) { #> <span class="setting" data-setting="artist"> <label for="attachment-details-artist" class="name">Artist</label> <input type="text" id="attachment-details-artist" value="{{ data.artist || data.meta.artist || '' }}" /> </span> <span class="setting" data-setting="album"> <label for="attachment-details-album" class="name">Album</label> <input type="text" id="attachment-details-album" value="{{ data.album || data.meta.album || '' }}" /> </span> <# } #> <span class="setting" data-setting="caption"> <label for="attachment-details-caption" class="name">Caption</label> <textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea> </span> <span class="setting" data-setting="description"> <label for="attachment-details-description" class="name">Description</label> <textarea id="attachment-details-description" {{ maybeReadOnly }}>{{ data.description }}</textarea> </span> <span class="setting" data-setting="url"> <label for="attachment-details-copy-link" class="name">File URL:</label> <input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly /> <div class="copy-to-clipboard-container"> <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link">Copy URL to clipboard</button> <span class="success hidden" aria-hidden="true">Copied!</span> </div> </span> </script> <script type="text/html" id="tmpl-media-selection"> <div class="selection-info"> <span class="count"></span> <# if ( data.editable ) { #> <button type="button" class="button-link edit-selection">Edit Selection</button> <# } #> <# if ( data.clearable ) { #> <button type="button" class="button-link clear-selection">Clear</button> <# } #> </div> <div class="selection-view"></div> </script> <script type="text/html" id="tmpl-attachment-display-settings"> <h2>Attachment Display Settings</h2> <# if ( 'image' === data.type ) { #> <span class="setting align"> <label for="attachment-display-settings-alignment" class="name">Alignment</label> <select id="attachment-display-settings-alignment" class="alignment" data-setting="align" <# if ( data.userSettings ) { #> data-user-setting="align" <# } #>> <option value="left"> Left </option> <option value="center"> Center </option> <option value="right"> Right </option> <option value="none" selected> None </option> </select> </span> <# } #> <span class="setting"> <label for="attachment-display-settings-link-to" class="name"> <# if ( data.model.canEmbed ) { #> Embed or Link <# } else { #> Link To <# } #> </label> <select id="attachment-display-settings-link-to" class="link-to" data-setting="link" <# if ( data.userSettings && ! data.model.canEmbed ) { #> data-user-setting="urlbutton" <# } #>> <# if ( data.model.canEmbed ) { #> <option value="embed" selected> Embed Media Player </option> <option value="file"> <# } else { #> <option value="none" selected> None </option> <option value="file"> <# } #> <# if ( data.model.canEmbed ) { #> Link to Media File <# } else { #> Media File <# } #> </option> <option value="post"> <# if ( data.model.canEmbed ) { #> Link to Attachment Page <# } else { #> Attachment Page <# } #> </option> <# if ( 'image' === data.type ) { #> <option value="custom"> Custom URL </option> <# } #> </select> </span> <span class="setting"> <label for="attachment-display-settings-link-to-custom" class="name">URL</label> <input type="text" id="attachment-display-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> </span> <# if ( 'undefined' !== typeof data.sizes ) { #> <span class="setting"> <label for="attachment-display-settings-size" class="name">Size</label> <select id="attachment-display-settings-size" class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <# var size = data.sizes['thumbnail']; if ( size ) { #> <option value="thumbnail" > Thumbnail – {{ size.width }} × {{ size.height }} </option> <# } #> <# var size = data.sizes['medium']; if ( size ) { #> <option value="medium" > Medium – {{ size.width }} × {{ size.height }} </option> <# } #> <# var size = data.sizes['large']; if ( size ) { #> <option value="large" > Large – {{ size.width }} × {{ size.height }} </option> <# } #> <# var size = data.sizes['full']; if ( size ) { #> <option value="full" selected='selected'> Full Size – {{ size.width }} × {{ size.height }} </option> <# } #> </select> </span> <# } #> </script> <script type="text/html" id="tmpl-gallery-settings"> <h2>Gallery Settings</h2> <span class="setting"> <label for="gallery-settings-link-to" class="name">Link To</label> <select id="gallery-settings-link-to" class="link-to" data-setting="link" <# if ( data.userSettings ) { #> data-user-setting="urlbutton" <# } #>> <option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> Attachment Page </option> <option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> Media File </option> <option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> None </option> </select> </span> <span class="setting"> <label for="gallery-settings-columns" class="name select-label-inline">Columns</label> <select id="gallery-settings-columns" class="columns" name="columns" data-setting="columns"> <option value="1" <# if ( 1 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 1 </option> <option value="2" <# if ( 2 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 2 </option> <option value="3" <# if ( 3 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 3 </option> <option value="4" <# if ( 4 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 4 </option> <option value="5" <# if ( 5 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 5 </option> <option value="6" <# if ( 6 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 6 </option> <option value="7" <# if ( 7 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 7 </option> <option value="8" <# if ( 8 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 8 </option> <option value="9" <# if ( 9 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 9 </option> </select> </span> <span class="setting"> <input type="checkbox" id="gallery-settings-random-order" data-setting="_orderbyRandom" /> <label for="gallery-settings-random-order" class="checkbox-label-inline">Random Order</label> </span> <span class="setting size"> <label for="gallery-settings-size" class="name">Size</label> <select id="gallery-settings-size" class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #> > <option value="thumbnail"> Thumbnail </option> <option value="medium"> Medium </option> <option value="large"> Large </option> <option value="full"> Full Size </option> </select> </span> </script> <script type="text/html" id="tmpl-playlist-settings"> <h2>Playlist Settings</h2> <# var emptyModel = _.isEmpty( data.model ), isVideo = 'video' === data.controller.get('library').props.get('type'); #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-list" data-setting="tracklist" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-list" class="checkbox-label-inline"> <# if ( isVideo ) { #> Show Video List <# } else { #> Show Tracklist <# } #> </label> </span> <# if ( ! isVideo ) { #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-artist" data-setting="artists" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-artist" class="checkbox-label-inline"> Show Artist Name in Tracklist </label> </span> <# } #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-images" data-setting="images" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-images" class="checkbox-label-inline"> Show Images </label> </span> </script> <script type="text/html" id="tmpl-embed-link-settings"> <span class="setting link-text"> <label for="embed-link-settings-link-text" class="name">Link Text</label> <input type="text" id="embed-link-settings-link-text" class="alignment" data-setting="linkText" /> </span> <div class="embed-container" style="display: none;"> <div class="embed-preview"></div> </div> </script> <script type="text/html" id="tmpl-embed-image-settings"> <div class="wp-clearfix"> <div class="thumbnail"> <img src="{{ data.model.url }}" draggable="false" alt="" /> </div> </div> <span class="setting alt-text has-description"> <label for="embed-image-settings-alt-text" class="name">Alternative Text</label> <textarea id="embed-image-settings-alt-text" data-setting="alt" aria-describedby="alt-text-description"></textarea> </span> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <span class="setting caption"> <label for="embed-image-settings-caption" class="name">Caption</label> <textarea id="embed-image-settings-caption" data-setting="caption"></textarea> </span> <fieldset class="setting-group"> <legend class="name">Align</legend> <span class="setting align"> <span class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left </button> <button class="button" value="center"> Center </button> <button class="button" value="right"> Right </button> <button class="button active" value="none"> None </button> </span> </span> </fieldset> <fieldset class="setting-group"> <legend class="name">Link To</legend> <span class="setting link-to"> <span class="button-group button-large" data-setting="link"> <button class="button" value="file"> Image URL </button> <button class="button" value="custom"> Custom URL </button> <button class="button active" value="none"> None </button> </span> </span> <span class="setting"> <label for="embed-image-settings-link-to-custom" class="name">URL</label> <input type="text" id="embed-image-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> </span> </fieldset> </script> <script type="text/html" id="tmpl-image-details"> <div class="media-embed"> <div class="embed-media-settings"> <div class="column-settings"> <span class="setting alt-text has-description"> <label for="image-details-alt-text" class="name">Alternative Text</label> <textarea id="image-details-alt-text" data-setting="alt" aria-describedby="alt-text-description">{{ data.model.alt }}</textarea> </span> <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">Learn how to describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab)</span></a>. Leave empty if the image is purely decorative.</p> <span class="setting caption"> <label for="image-details-caption" class="name">Caption</label> <textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea> </span> <h2>Display Settings</h2> <fieldset class="setting-group"> <legend class="legend-inline">Align</legend> <span class="setting align"> <span class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left </button> <button class="button" value="center"> Center </button> <button class="button" value="right"> Right </button> <button class="button active" value="none"> None </button> </span> </span> </fieldset> <# if ( data.attachment ) { #> <# if ( 'undefined' !== typeof data.attachment.sizes ) { #> <span class="setting size"> <label for="image-details-size" class="name">Size</label> <select id="image-details-size" class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <# var size = data.sizes['thumbnail']; if ( size ) { #> <option value="thumbnail"> Thumbnail – {{ size.width }} × {{ size.height }} </option> <# } #> <# var size = data.sizes['medium']; if ( size ) { #> <option value="medium"> Medium – {{ size.width }} × {{ size.height }} </option> <# } #> <# var size = data.sizes['large']; if ( size ) { #> <option value="large"> Large – {{ size.width }} × {{ size.height }} </option> <# } #> <# var size = data.sizes['full']; if ( size ) { #> <option value="full"> Full Size – {{ size.width }} × {{ size.height }} </option> <# } #> <option value="custom"> Custom Size </option> </select> </span> <# } #> <div class="custom-size wp-clearfix<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>"> <span class="custom-size-setting"> <label for="image-details-size-width">Width</label> <input type="number" id="image-details-size-width" aria-describedby="image-size-desc" data-setting="customWidth" step="1" value="{{ data.model.customWidth }}" /> </span> <span class="sep" aria-hidden="true">×</span> <span class="custom-size-setting"> <label for="image-details-size-height">Height</label> <input type="number" id="image-details-size-height" aria-describedby="image-size-desc" data-setting="customHeight" step="1" value="{{ data.model.customHeight }}" /> </span> <p id="image-size-desc" class="description">Image size in pixels</p> </div> <# } #> <span class="setting link-to"> <label for="image-details-link-to" class="name">Link To</label> <select id="image-details-link-to" data-setting="link"> <# if ( data.attachment ) { #> <option value="file"> Media File </option> <option value="post"> Attachment Page </option> <# } else { #> <option value="file"> Image URL </option> <# } #> <option value="custom"> Custom URL </option> <option value="none"> None </option> </select> </span> <span class="setting"> <label for="image-details-link-to-custom" class="name">URL</label> <input type="text" id="image-details-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> </span> <div class="advanced-section"> <h2><button type="button" class="button-link advanced-toggle">Advanced Options</button></h2> <div class="advanced-settings hidden"> <div class="advanced-image"> <span class="setting title-text"> <label for="image-details-title-attribute" class="name">Image Title Attribute</label> <input type="text" id="image-details-title-attribute" data-setting="title" value="{{ data.model.title }}" /> </span> <span class="setting extra-classes"> <label for="image-details-css-class" class="name">Image CSS Class</label> <input type="text" id="image-details-css-class" data-setting="extraClasses" value="{{ data.model.extraClasses }}" /> </span> </div> <div class="advanced-link"> <span class="setting link-target"> <input type="checkbox" id="image-details-link-target" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>> <label for="image-details-link-target" class="checkbox-label">Open link in a new tab</label> </span> <span class="setting link-rel"> <label for="image-details-link-rel" class="name">Link Rel</label> <input type="text" id="image-details-link-rel" data-setting="linkRel" value="{{ data.model.linkRel }}" /> </span> <span class="setting link-class-name"> <label for="image-details-link-css-class" class="name">Link CSS Class</label> <input type="text" id="image-details-link-css-class" data-setting="linkClassName" value="{{ data.model.linkClassName }}" /> </span> </div> </div> </div> </div> <div class="column-image"> <div class="image"> <img src="{{ data.model.url }}" draggable="false" alt="" /> <# if ( data.attachment && window.imageEdit ) { #> <div class="actions"> <input type="button" class="edit-attachment button" value="Edit Original" /> <input type="button" class="replace-attachment button" value="Replace" /> </div> <# } #> </div> </div> </div> </div> </script> <script type="text/html" id="tmpl-image-editor"> <div id="media-head-{{ data.id }}"></div> <div id="image-editor-{{ data.id }}"></div> </script> <script type="text/html" id="tmpl-audio-details"> <# var ext, html5types = { mp3: wp.media.view.settings.embedMimes.mp3, ogg: wp.media.view.settings.embedMimes.ogg }; #> <div class="media-embed media-embed-details"> <div class="embed-media-settings embed-audio-settings"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}" preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay<# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop<# } #> > <# if ( ! _.isEmpty( data.model.src ) ) { #> <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) { #> <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) { #> <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) { #> <source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) { #> <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) { #> <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" /> <# } #> </audio> <# if ( ! _.isEmpty( data.model.src ) ) { ext = data.model.src.split('.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #> <span class="setting"> <label for="audio-details-source" class="name">URL</label> <input type="text" id="audio-details-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) { if ( ! _.isUndefined( html5types.mp3 ) ) { delete html5types.mp3; } #> <span class="setting"> <label for="audio-details-mp3-source" class="name">MP3</label> <input type="text" id="audio-details-mp3-source" readonly data-setting="mp3" value="{{ data.model.mp3 }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) { if ( ! _.isUndefined( html5types.ogg ) ) { delete html5types.ogg; } #> <span class="setting"> <label for="audio-details-ogg-source" class="name">OGG</label> <input type="text" id="audio-details-ogg-source" readonly data-setting="ogg" value="{{ data.model.ogg }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) { if ( ! _.isUndefined( html5types.flac ) ) { delete html5types.flac; } #> <span class="setting"> <label for="audio-details-flac-source" class="name">FLAC</label> <input type="text" id="audio-details-flac-source" readonly data-setting="flac" value="{{ data.model.flac }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) { if ( ! _.isUndefined( html5types.m4a ) ) { delete html5types.m4a; } #> <span class="setting"> <label for="audio-details-m4a-source" class="name">M4A</label> <input type="text" id="audio-details-m4a-source" readonly data-setting="m4a" value="{{ data.model.m4a }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) { if ( ! _.isUndefined( html5types.wav ) ) { delete html5types.wav; } #> <span class="setting"> <label for="audio-details-wav-source" class="name">WAV</label> <input type="text" id="audio-details-wav-source" readonly data-setting="wav" value="{{ data.model.wav }}" /> <button type="button" class="button-link remove-setting">Remove audio source</button> </span> <# } #> <# if ( ! _.isEmpty( html5types ) ) { #> <fieldset class="setting-group"> <legend class="name">Add alternate sources for maximum HTML5 playback</legend> <span class="setting"> <span class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button> <# } ) #> </span> </span> </fieldset> <# } #> <fieldset class="setting-group"> <legend class="name">Preload</legend> <span class="setting preload"> <span class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto</button> <button class="button" value="metadata">Metadata</button> <button class="button active" value="none">None</button> </span> </span> </fieldset> <span class="setting-group"> <span class="setting checkbox-setting autoplay"> <input type="checkbox" id="audio-details-autoplay" data-setting="autoplay" /> <label for="audio-details-autoplay" class="checkbox-label">Autoplay</label> </span> <span class="setting checkbox-setting"> <input type="checkbox" id="audio-details-loop" data-setting="loop" /> <label for="audio-details-loop" class="checkbox-label">Loop</label> </span> </span> </div> </div> </script> <script type="text/html" id="tmpl-video-details"> <# var ext, html5types = { mp4: wp.media.view.settings.embedMimes.mp4, ogv: wp.media.view.settings.embedMimes.ogv, webm: wp.media.view.settings.embedMimes.webm }; #> <div class="media-embed media-embed-details"> <div class="embed-media-settings embed-video-settings"> <div class="wp-video-holder"> <# var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width, h = ! data.model.height ? 360 : data.model.height; if ( data.model.width && w !== data.model.width ) { h = Math.ceil( ( h * w ) / data.model.width ); } #> <# var w_rule = '', classes = [], w, h, settings = wp.media.view.settings, isYouTube = isVimeo = false; if ( ! _.isEmpty( data.model.src ) ) { isYouTube = data.model.src.match(/youtube|youtu\.be/); isVimeo = -1 !== data.model.src.indexOf('vimeo'); } if ( settings.contentWidth && data.model.width >= settings.contentWidth ) { w = settings.contentWidth; } else { w = data.model.width; } if ( w !== data.model.width ) { h = Math.ceil( ( data.model.height * w ) / data.model.width ); } else { h = data.model.height; } if ( w ) { w_rule = 'width: ' + w + 'px; '; } if ( isYouTube ) { classes.push( 'youtube-video' ); } if ( isVimeo ) { classes.push( 'vimeo-video' ); } #> <div style="{{ w_rule }}" class="wp-video"> <video controls class="wp-video-shortcode {{ classes.join( ' ' ) }}" <# if ( w ) { #>width="{{ w }}"<# } #> <# if ( h ) { #>height="{{ h }}"<# } #> <# if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) { #> poster="{{ data.model.poster }}"<# } #> preload ="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay<# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop<# } #> > <# if ( ! _.isEmpty( data.model.src ) ) { if ( isYouTube ) { #> <source src="{{ data.model.src }}" type="video/youtube" /> <# } else if ( isVimeo ) { #> <source src="{{ data.model.src }}" type="video/vimeo" /> <# } else { #> <source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# } } #> <# if ( data.model.mp4 ) { #> <source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" /> <# } #> <# if ( data.model.m4v ) { #> <source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" /> <# } #> <# if ( data.model.webm ) { #> <source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" /> <# } #> <# if ( data.model.ogv ) { #> <source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" /> <# } #> <# if ( data.model.flv ) { #> <source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" /> <# } #> {{{ data.model.content }}} </video> </div> <# if ( ! _.isEmpty( data.model.src ) ) { ext = data.model.src.split('.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #> <span class="setting"> <label for="video-details-source" class="name">URL</label> <input type="text" id="video-details-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.mp4 ) ) { if ( ! _.isUndefined( html5types.mp4 ) ) { delete html5types.mp4; } #> <span class="setting"> <label for="video-details-mp4-source" class="name">MP4</label> <input type="text" id="video-details-mp4-source" readonly data-setting="mp4" value="{{ data.model.mp4 }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.m4v ) ) { if ( ! _.isUndefined( html5types.m4v ) ) { delete html5types.m4v; } #> <span class="setting"> <label for="video-details-m4v-source" class="name">M4V</label> <input type="text" id="video-details-m4v-source" readonly data-setting="m4v" value="{{ data.model.m4v }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.webm ) ) { if ( ! _.isUndefined( html5types.webm ) ) { delete html5types.webm; } #> <span class="setting"> <label for="video-details-webm-source" class="name">WEBM</label> <input type="text" id="video-details-webm-source" readonly data-setting="webm" value="{{ data.model.webm }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.ogv ) ) { if ( ! _.isUndefined( html5types.ogv ) ) { delete html5types.ogv; } #> <span class="setting"> <label for="video-details-ogv-source" class="name">OGV</label> <input type="text" id="video-details-ogv-source" readonly data-setting="ogv" value="{{ data.model.ogv }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> <# if ( ! _.isEmpty( data.model.flv ) ) { if ( ! _.isUndefined( html5types.flv ) ) { delete html5types.flv; } #> <span class="setting"> <label for="video-details-flv-source" class="name">FLV</label> <input type="text" id="video-details-flv-source" readonly data-setting="flv" value="{{ data.model.flv }}" /> <button type="button" class="button-link remove-setting">Remove video source</button> </span> <# } #> </div> <# if ( ! _.isEmpty( html5types ) ) { #> <fieldset class="setting-group"> <legend class="name">Add alternate sources for maximum HTML5 playback</legend> <span class="setting"> <span class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button> <# } ) #> </span> </span> </fieldset> <# } #> <# if ( ! _.isEmpty( data.model.poster ) ) { #> <span class="setting"> <label for="video-details-poster-image" class="name">Poster Image</label> <input type="text" id="video-details-poster-image" readonly data-setting="poster" value="{{ data.model.poster }}" /> <button type="button" class="button-link remove-setting">Remove poster image</button> </span> <# } #> <fieldset class="setting-group"> <legend class="name">Preload</legend> <span class="setting preload"> <span class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto</button> <button class="button" value="metadata">Metadata</button> <button class="button active" value="none">None</button> </span> </span> </fieldset> <span class="setting-group"> <span class="setting checkbox-setting autoplay"> <input type="checkbox" id="video-details-autoplay" data-setting="autoplay" /> <label for="video-details-autoplay" class="checkbox-label">Autoplay</label> </span> <span class="setting checkbox-setting"> <input type="checkbox" id="video-details-loop" data-setting="loop" /> <label for="video-details-loop" class="checkbox-label">Loop</label> </span> </span> <span class="setting" data-setting="content"> <# var content = ''; if ( ! _.isEmpty( data.model.content ) ) { var tracks = jQuery( data.model.content ).filter( 'track' ); _.each( tracks.toArray(), function( track, index ) { content += track.outerHTML; #> <label for="video-details-track-{{ index }}" class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata)</label> <input class="content-track" type="text" id="video-details-track-{{ index }}" aria-describedby="video-details-track-desc-{{ index }}" value="{{ track.outerHTML }}" /> <span class="description" id="video-details-track-desc-{{ index }}"> The srclang, label, and kind values can be edited to set the video track language and kind. </span> <button type="button" class="button-link remove-setting remove-track">Remove video track</button><br /> <# } ); #> <# } else { #> <span class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata)</span><br /> <em>There are no associated subtitles.</em> <# } #> <textarea class="hidden content-setting">{{ content }}</textarea> </span> </div> </div> </script> <script type="text/html" id="tmpl-editor-gallery"> <# if ( data.attachments.length ) { #> <div class="gallery gallery-columns-{{ data.columns }}"> <# _.each( data.attachments, function( attachment, index ) { #> <dl class="gallery-item"> <dt class="gallery-icon"> <# if ( attachment.thumbnail ) { #> <img src="{{ attachment.thumbnail.url }}" width="{{ attachment.thumbnail.width }}" height="{{ attachment.thumbnail.height }}" alt="{{ attachment.alt }}" /> <# } else { #> <img src="{{ attachment.url }}" alt="{{ attachment.alt }}" /> <# } #> </dt> <# if ( attachment.caption ) { #> <dd class="wp-caption-text gallery-caption"> {{{ data.verifyHTML( attachment.caption ) }}} </dd> <# } #> </dl> <# if ( index % data.columns === data.columns - 1 ) { #> <br style="clear: both;" /> <# } #> <# } ); #> </div> <# } else { #> <div class="wpview-error"> <div class="dashicons dashicons-format-gallery"></div><p>No items found.</p> </div> <# } #> </script> <script type="text/html" id="tmpl-crop-content"> <img class="crop-image" src="{{ data.url }}" alt="Image crop area preview. Requires mouse interaction." /> <div class="upload-errors"></div> </script> <script type="text/html" id="tmpl-site-icon-preview-crop"> <style> :root{ --site-icon-url: url( "{{ data.url }}" ); } </style> <h2>Site Icon Preview</h2> <p>As an app icon and a browser icon.</p> <div class="site-icon-preview crop"> <div class="image-preview-wrap app-icon-preview"> <img id="preview-app-icon" src="{{ data.url }}" class="app-icon-preview" alt="Preview as an app icon" /> </div> <div class="site-icon-preview-browser"> <svg role="img" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg" class="browser-buttons"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 20a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm18 0a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm24-6a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z" /></svg> <div class="site-icon-preview-tab"> <div class="image-preview-wrap browser"> <img id="preview-favicon" src="{{ data.url }}" class="browser-icon-preview" alt="Preview as a browser icon" /> </div> <div class="site-icon-preview-site-title" aria-hidden="true"><# print( 'Design World' ) #></div> <svg role="img" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg" class="close-button"> <path d="M12 13.0607L15.7123 16.773L16.773 15.7123L13.0607 12L16.773 8.28772L15.7123 7.22706L12 10.9394L8.28771 7.22705L7.22705 8.28771L10.9394 12L7.22706 15.7123L8.28772 16.773L12 13.0607Z" /> </svg> </div> </div> </div> </div> </script> <script type="text/html" id="yrc-shortcode-instructions"> <div class="yrc-ics"> <div class="yrc-ics-header"> <h2>YourChannel Instructions</h2> <p>We're working on a visual shortcode editor, until then please follow these instructions.</p> <p>Email us to <a href="mailto:support@plugin.builders?subject=YourChannel Shortcode Instructions" target="_blank">support@plugin.builders</a> for any problems, we'll be fast.</p> </div> <div> <div class="yrc-ics-set"> <h3>Show single videos</h3> <div> <h4>Show video by URL or Video ID</h4> <ul> <li>Put <code>[yourchannel user="<em>your username</em>" video="https://www.youtube.com/watch?v=e3dVDn1A4C8"]</code></li> <li>Or <code>[yourchannel user="<em>your username</em>" video="e3dVDn1A4C8"]</code></li> <li>You can also leave the <code>user="..."</code> part, now your shortcode'll look like: <code>[yourchannel video="e3dVDn1A4C8"]</code>. Any styles needed will be taken from the first channel you have in YourChannel page.</li> </ul> <h4 class="yrc-ics-pro">Show video by getting video IDs from URL</h4> <ul class="yrc-ics-pro"> <li>Add <code>?v=<em>https://www.youtube.com/watch?v=e3dVDn1A4C8</em></code> to your site URL and put <code>[yourchannel video_from="url_parameter" url_parameter="<em>v</em>"]</code> in your post. You can use any term in place of the <code>v</code>, they just need to be same in both URL and <code>url_parameter</code> field of shortcode. You can enter multiple video URLs or IDs separated by commas in the URL and YourChannel will show multiple videos one after another.</li> </ul> <h4 class="yrc-ics-pro">Show video from search results</h4> <ul class="yrc-ics-pro"> <li>Add <code>[yourchannel video_from="search" search="<em>what to search</em>"]</code> to the post and it'll show first video from the search results. You can show multiple videos by adding <code>limit="<em>n</em>"</code> to shortcode, replace <code>n</code> with a number.</li> </ul> <h4 class="yrc-ics-pro">Show video from a playlist</h4> <ul class="yrc-ics-pro"> <li>Add <code>[yourchannel video_from="playlist" playlist="<em>https://www.youtube.com/watch?v=e3dVDn1A4C8&list=RDe3dVDn1A4C8</em>"]</code> to the post and it'll show first video from the playlist. You can show multiple videos by adding <code>limit="<em>n</em>"</code> to shortcode, replace <code>n</code> with a number.</li> </ul> </div> </div> <div class="yrc-ics-set"> <h3>Show channels / streams</h3> <div> <h4>Show a channel</h4> <ul> <li>Add <code>[yourchannel user="<em>your username</em>"]</code> to your post. This will show the channel you created in YourChannel page. Copy & Paste the shortcode in YourChannel page.</li> </ul> <h4>Show a different channel</h4> <ul> <li>Add <code>[yourchannel user="<em>your username</em>" channel="<em>https://www.youtube.com/channel/UCnOTVWVaIh3NoJsbwq4Tucg</em>"]</code> to your post. This will show everything (Banner, Videos, Playlists) of this channel in shortcode.</li> </ul> <h4 class="yrc-ics-pro">Show videos from a playlist in Videos tab</h4> <ul class="yrc-ics-pro"> <li>Add <code>playlist="<em>https://www.youtube.com/watch?v=e3dVDn1A4C8&list=RDe3dVDn1A4C8</em>"</code> to the shortcode.</li> </ul> <h4 class="yrc-ics-pro">Show videos by a search term in Videos tab</h4> <ul class="yrc-ics-pro"> <li>Add <code>search="<em>what to search</em>"</code> to the shortcode. Add <code>own="1"</code> to shortcode if you want to restrict the search to your channel. You can also add <code>channel="<em>https://www.youtube.com/channel/UCEkBEbI7ME92qqjMjqvuIQA</em>"</code> to shortcode to search any specific channel.</li> </ul> <h4 class="yrc-ics-pro">Show videos from a custom playlist</h4> <ul class="yrc-ics-pro"> <li>Add <code>custom="<em>custom_playlist_name</em>"</code> to the shortcode. You must have created a custom playlist in YourChannel page with the name <code><em>custom_playlist_name</em></code>. You can also create custom playlists in the shortcode itself, add <code>custom="<em>3pLWskANffo,jNebrSB-r7Q</em>"</code> (video IDs or URLs separated by commas) to shortcode.</li> </ul> </div> </div> <div class="yrc-ics-set"> <h3>Other important options</h3> <div> <h4>Autoplay video</h4> <ul> <li>Add <code>autoplay="1"</code> to the shortcode. Add <code>autoplay=""</code> if the channel has autoplay enabled in its form in YourChannel page and you want to disable it for this shortcode. *This option only works with single videos in Free version.</li> </ul> <h4>Sticky (Floating) player</h4> <ul> <li>Add <code>sticky="1"</code> to shortcode to make player for this shortcode sticky when user scrolls out of view. You can customise more sticky options in <strong>Style > Show Options > Sticky Player</strong> section of YourChannel form.</li> </ul> <h4>Pagination</h4> <ul> <li>Add <code>limit="<em>n</em>"</code> to shortcode to show <code><em>n</em></code> videos per load. Add <code>max="<em>n</em>"</code> to show maximum of <code><em>n</em></code> videos (There'll be no <strong>Load more</strong> button after this many videos are shown).</li> </ul> <h4>Ads</h4> <ul> <li>We use some workarounds to show ads in videos that are autoplayed (YouTube doesn't show ads in videos that are not just <code>iframe</code> embeds without autoplay). Because of this, you might notice sometimes videos don't start playing immediately, add <code>ads=""</code> to shortcode to fix this (you won't see ads). <strong>But you'll generally not notice the delay caused by workaround.</strong></li> </ul> <h4 class="yrc-ics-pro">Video start time</h4> <ul class="yrc-ics-pro"> <li>Add <code>start="n"</code> to the shortcode. Replace <code>n</code> with number of seconds to start at.</li> </ul> <h4 class="yrc-ics-pro">Initial player volume</h4> <ul class="yrc-ics-pro"> <li>Add <code>volume="n"</code> to the shortcode. Replace <code>n</code> with a number between <code>0</code> and <code>100</code>.</li> </ul> <h4 class="yrc-ics-pro">Rich player</h4> <ul class="yrc-ics-pro"> <li>Add <code>show_meta="1"</code> to show player title, uploader & statistics under the player. Add <code>show_desc="1"</code> to show description. And add <code>show_comments="1"</code> to show comments.</li> </ul> <h4 class="yrc-ics-pro">Sorting</h4> <ul class="yrc-ics-pro"> <li>Add <code>sortby="sorting_method"</code> to shortcode to sort videos in a certain way. <code>sorting_method</code> must be one of <code>date</code>, <code>rating</code>, <code>viewCount</code> or <code>title</code>.</li> </ul> </div> </div> </div> </div> </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-content/plugins/prestitial/assets/js/adlogic.js?ver=1.1.0" id="wtwh_prestitial_core_js-js"></script> <script type="text/javascript" id="thickbox-js-extra"> /* <![CDATA[ */ var thickboxL10n = {"next":"Next >","prev":"< Prev","image":"Image","of":"of","close":"Close","noiframes":"This feature requires inline frames. You have iframes disabled or your browser does not support them.","loadingAnimation":"https:\/\/www.designworldonline.com\/wp-includes\/js\/thickbox\/loadingAnimation.gif"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105" id="thickbox-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/shortcode.min.js?ver=6.7.1" id="shortcode-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-admin/js/media-upload.min.js?ver=6.7.1" id="media-upload-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/backbone.min.js?ver=1.6.0" id="backbone-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/wp-util.min.js?ver=6.7.1" id="wp-util-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/wp-backbone.min.js?ver=6.7.1" id="wp-backbone-js"></script> <script type="text/javascript" id="media-models-js-extra"> /* <![CDATA[ */ var _wpMediaModelsL10n = {"settings":{"ajaxurl":"\/wp-admin\/admin-ajax.php","post":{"id":0}}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/media-models.min.js?ver=6.7.1" id="media-models-js"></script> <script type="text/javascript" id="wp-plupload-js-extra"> /* <![CDATA[ */ var pluploadL10n = {"queue_limit_exceeded":"You have attempted to queue too many files.","file_exceeds_size_limit":"%s exceeds the maximum upload size for this site.","zero_byte_file":"This file is empty. Please try another.","invalid_filetype":"Sorry, you are not allowed to upload this file type.","not_an_image":"This file is not an image. Please try another.","image_memory_exceeded":"Memory exceeded. Please try another smaller file.","image_dimensions_exceeded":"This is larger than the maximum size. Please try another.","default_error":"An error occurred in the upload. Please try again later.","missing_upload_url":"There was a configuration error. Please contact the server administrator.","upload_limit_exceeded":"You may only upload 1 file.","http_error":"Unexpected response from the server. The file may have been uploaded successfully. Check in the Media Library or reload the page.","http_error_image":"The server cannot process the image. This can happen if the server is busy or does not have enough resources to complete the task. Uploading a smaller image may help. Suggested maximum size is 2560 pixels.","upload_failed":"Upload failed.","big_upload_failed":"Please try uploading this file with the %1$sbrowser uploader%2$s.","big_upload_queued":"%s exceeds the maximum upload size for the multi-file uploader when used in your browser.","io_error":"IO error.","security_error":"Security error.","file_cancelled":"File canceled.","upload_stopped":"Upload stopped.","dismiss":"Dismiss","crunching":"Crunching\u2026","deleted":"moved to the Trash.","error_uploading":"\u201c%s\u201d has failed to upload.","unsupported_image":"This image cannot be displayed in a web browser. For best results convert it to JPEG before uploading.","noneditable_image":"This image cannot be processed by the web server. Convert it to JPEG or PNG before uploading.","file_url_copied":"The file URL has been copied to your clipboard"}; var _wpPluploadSettings = {"defaults":{"file_data_name":"async-upload","url":"https:\/\/www.designworldonline.com\/wp-admin\/admin-ajax.php","filters":{"max_file_size":"52428800b","mime_types":[{"extensions":"jpg,jpeg,jpe,gif,png,bmp,tiff,tif,webp,avif,ico,heic,heif,heics,heifs,asf,asx,wmv,wmx,wm,avi,divx,flv,mov,qt,mpeg,mpg,mpe,mp4,m4v,ogv,webm,mkv,3gp,3gpp,3g2,3gp2,txt,asc,c,cc,h,srt,csv,tsv,ics,rtx,css,vtt,dfxp,mp3,m4a,m4b,aac,ra,ram,wav,ogg,oga,flac,mid,midi,wma,wax,mka,rtf,pdf,class,tar,zip,gz,gzip,rar,7z,psd,xcf,doc,pot,pps,ppt,wri,xla,xls,xlt,xlw,mdb,mpp,docx,docm,dotx,dotm,xlsx,xlsm,xlsb,xltx,xltm,xlam,pptx,pptm,ppsx,ppsm,potx,potm,ppam,sldx,sldm,onetoc,onetoc2,onetmp,onepkg,oxps,xps,odt,odp,ods,odg,odc,odb,odf,wp,wpd,key,numbers,pages"}]},"chunk_size":"20480kb","max_retries":1,"multipart_params":{"action":"bfu_chunker","_wpnonce":"35880d0a26"}},"browser":{"mobile":false,"supported":true},"limitExceeded":false}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/plupload/wp-plupload.min.js?ver=6.7.1" id="wp-plupload-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3" id="jquery-ui-sortable-js"></script> <script type="text/javascript" id="mediaelement-core-js-before"> /* <![CDATA[ */ var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.7.1" id="mediaelement-migrate-js"></script> <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.7.1" id="wp-mediaelement-js"></script> <script type="text/javascript" id="wp-api-request-js-extra"> /* <![CDATA[ */ var wpApiSettings = {"root":"https:\/\/www.designworldonline.com\/wp-json\/","nonce":"59dad39303","versionString":"wp\/v2\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/api-request.min.js?ver=6.7.1" id="wp-api-request-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/dist/a11y.min.js?ver=3156534cc54473497e14" id="wp-a11y-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/clipboard.min.js?ver=2.0.11" id="clipboard-js"></script> <script type="text/javascript" id="media-views-js-extra"> /* <![CDATA[ */ var _wpMediaViewsL10n = {"mediaFrameDefaultTitle":"Media","url":"URL","addMedia":"Add media","search":"Search","select":"Select","cancel":"Cancel","update":"Update","replace":"Replace","remove":"Remove","back":"Back","selected":"%d selected","dragInfo":"Drag and drop to reorder media files.","uploadFilesTitle":"Upload files","uploadImagesTitle":"Upload images","mediaLibraryTitle":"Media Library","insertMediaTitle":"Add media","createNewGallery":"Create a new gallery","createNewPlaylist":"Create a new playlist","createNewVideoPlaylist":"Create a new video playlist","returnToLibrary":"\u2190 Go to library","allMediaItems":"All media items","allDates":"All dates","noItemsFound":"No items found.","insertIntoPost":"Insert into post","unattached":"Unattached","mine":"Mine","trash":"Trash","uploadedToThisPost":"Uploaded to this post","warnDelete":"You are about to permanently delete this item from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkDelete":"You are about to permanently delete these items from your site.\nThis action cannot be undone.\n 'Cancel' to stop, 'OK' to delete.","warnBulkTrash":"You are about to trash these items.\n 'Cancel' to stop, 'OK' to delete.","bulkSelect":"Bulk select","trashSelected":"Move to Trash","restoreSelected":"Restore from Trash","deletePermanently":"Delete permanently","errorDeleting":"Error in deleting the attachment.","apply":"Apply","filterByDate":"Filter by date","filterByType":"Filter by type","searchLabel":"Search media","searchMediaLabel":"Search media","searchMediaPlaceholder":"Search media items...","mediaFound":"Number of media items found: %d","noMedia":"No media items found.","noMediaTryNewSearch":"No media items found. Try a different search.","attachmentDetails":"Attachment details","insertFromUrlTitle":"Insert from URL","setFeaturedImageTitle":"Featured image","setFeaturedImage":"Set featured image","createGalleryTitle":"Create gallery","editGalleryTitle":"Edit gallery","cancelGalleryTitle":"\u2190 Cancel gallery","insertGallery":"Insert gallery","updateGallery":"Update gallery","addToGallery":"Add to gallery","addToGalleryTitle":"Add to gallery","reverseOrder":"Reverse order","imageDetailsTitle":"Image details","imageReplaceTitle":"Replace image","imageDetailsCancel":"Cancel edit","editImage":"Edit image","chooseImage":"Choose image","selectAndCrop":"Select and crop","skipCropping":"Skip cropping","cropImage":"Crop image","cropYourImage":"Crop your image","cropping":"Cropping\u2026","suggestedDimensions":"Suggested image dimensions: %1$s by %2$s pixels.","cropError":"There has been an error cropping your image.","audioDetailsTitle":"Audio details","audioReplaceTitle":"Replace audio","audioAddSourceTitle":"Add audio source","audioDetailsCancel":"Cancel edit","videoDetailsTitle":"Video details","videoReplaceTitle":"Replace video","videoAddSourceTitle":"Add video source","videoDetailsCancel":"Cancel edit","videoSelectPosterImageTitle":"Select poster image","videoAddTrackTitle":"Add subtitles","playlistDragInfo":"Drag and drop to reorder tracks.","createPlaylistTitle":"Create audio playlist","editPlaylistTitle":"Edit audio playlist","cancelPlaylistTitle":"\u2190 Cancel audio playlist","insertPlaylist":"Insert audio playlist","updatePlaylist":"Update audio playlist","addToPlaylist":"Add to audio playlist","addToPlaylistTitle":"Add to Audio Playlist","videoPlaylistDragInfo":"Drag and drop to reorder videos.","createVideoPlaylistTitle":"Create video playlist","editVideoPlaylistTitle":"Edit video playlist","cancelVideoPlaylistTitle":"\u2190 Cancel video playlist","insertVideoPlaylist":"Insert video playlist","updateVideoPlaylist":"Update video playlist","addToVideoPlaylist":"Add to video playlist","addToVideoPlaylistTitle":"Add to video Playlist","filterAttachments":"Filter media","attachmentsList":"Media list","settings":{"tabs":[],"tabUrl":"https:\/\/www.designworldonline.com\/wp-admin\/media-upload.php?chromeless=1","mimeTypes":{"image":"Images","audio":"Audio","video":"Video","application\/msword,application\/vnd.openxmlformats-officedocument.wordprocessingml.document,application\/vnd.ms-word.document.macroEnabled.12,application\/vnd.ms-word.template.macroEnabled.12,application\/vnd.oasis.opendocument.text,application\/vnd.apple.pages,application\/pdf,application\/vnd.ms-xpsdocument,application\/oxps,application\/rtf,application\/wordperfect,application\/octet-stream":"Documents","application\/vnd.apple.numbers,application\/vnd.oasis.opendocument.spreadsheet,application\/vnd.ms-excel,application\/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application\/vnd.ms-excel.sheet.macroEnabled.12,application\/vnd.ms-excel.sheet.binary.macroEnabled.12":"Spreadsheets","application\/x-gzip,application\/rar,application\/x-tar,application\/zip,application\/x-7z-compressed":"Archives"},"captions":true,"nonce":{"sendToEditor":"8466f8b766","setAttachmentThumbnail":"d56b53642e"},"post":{"id":0},"defaultProps":{"link":"none","align":"","size":""},"attachmentCounts":{"audio":1,"video":1},"oEmbedProxyUrl":"https:\/\/www.designworldonline.com\/wp-json\/oembed\/1.0\/proxy","embedExts":["mp3","ogg","flac","m4a","wav","mp4","m4v","webm","ogv","flv"],"embedMimes":{"mp3":"audio\/mpeg","ogg":"audio\/ogg","flac":"audio\/flac","m4a":"audio\/mpeg","wav":"audio\/wav","mp4":"video\/mp4","m4v":"video\/mp4","webm":"video\/webm","ogv":"video\/ogg","flv":"video\/x-flv"},"contentWidth":740,"months":[{"year":"2024","month":"11","text":"November 2024"},{"year":"2024","month":"10","text":"October 2024"},{"year":"2024","month":"9","text":"September 2024"},{"year":"2024","month":"8","text":"August 2024"},{"year":"2024","month":"7","text":"July 2024"},{"year":"2024","month":"6","text":"June 2024"},{"year":"2024","month":"5","text":"May 2024"},{"year":"2024","month":"4","text":"April 2024"},{"year":"2024","month":"3","text":"March 2024"},{"year":"2024","month":"2","text":"February 2024"},{"year":"2024","month":"1","text":"January 2024"},{"year":"2023","month":"12","text":"December 2023"},{"year":"2023","month":"11","text":"November 2023"},{"year":"2023","month":"10","text":"October 2023"},{"year":"2023","month":"9","text":"September 2023"},{"year":"2023","month":"8","text":"August 2023"},{"year":"2023","month":"7","text":"July 2023"},{"year":"2023","month":"6","text":"June 2023"},{"year":"2023","month":"5","text":"May 2023"},{"year":"2023","month":"4","text":"April 2023"},{"year":"2023","month":"3","text":"March 2023"},{"year":"2023","month":"2","text":"February 2023"},{"year":"2023","month":"1","text":"January 2023"},{"year":"2022","month":"12","text":"December 2022"},{"year":"2022","month":"11","text":"November 2022"},{"year":"2022","month":"10","text":"October 2022"},{"year":"2022","month":"9","text":"September 2022"},{"year":"2022","month":"8","text":"August 2022"},{"year":"2022","month":"7","text":"July 2022"},{"year":"2022","month":"6","text":"June 2022"},{"year":"2022","month":"5","text":"May 2022"},{"year":"2022","month":"4","text":"April 2022"},{"year":"2022","month":"3","text":"March 2022"},{"year":"2022","month":"2","text":"February 2022"},{"year":"2022","month":"1","text":"January 2022"},{"year":"2021","month":"12","text":"December 2021"},{"year":"2021","month":"11","text":"November 2021"},{"year":"2021","month":"10","text":"October 2021"},{"year":"2021","month":"9","text":"September 2021"},{"year":"2021","month":"8","text":"August 2021"},{"year":"2021","month":"7","text":"July 2021"},{"year":"2021","month":"6","text":"June 2021"},{"year":"2021","month":"5","text":"May 2021"},{"year":"2021","month":"4","text":"April 2021"},{"year":"2021","month":"3","text":"March 2021"},{"year":"2021","month":"2","text":"February 2021"},{"year":"2021","month":"1","text":"January 2021"},{"year":"2020","month":"12","text":"December 2020"},{"year":"2020","month":"11","text":"November 2020"},{"year":"2020","month":"10","text":"October 2020"},{"year":"2020","month":"9","text":"September 2020"},{"year":"2020","month":"8","text":"August 2020"},{"year":"2020","month":"7","text":"July 2020"},{"year":"2020","month":"6","text":"June 2020"},{"year":"2020","month":"5","text":"May 2020"},{"year":"2020","month":"4","text":"April 2020"},{"year":"2020","month":"3","text":"March 2020"},{"year":"2020","month":"2","text":"February 2020"},{"year":"2020","month":"1","text":"January 2020"},{"year":"2019","month":"12","text":"December 2019"},{"year":"2019","month":"11","text":"November 2019"},{"year":"2019","month":"10","text":"October 2019"},{"year":"2019","month":"9","text":"September 2019"},{"year":"2019","month":"8","text":"August 2019"},{"year":"2019","month":"7","text":"July 2019"},{"year":"2019","month":"6","text":"June 2019"},{"year":"2019","month":"5","text":"May 2019"},{"year":"2019","month":"4","text":"April 2019"},{"year":"2019","month":"3","text":"March 2019"},{"year":"2019","month":"2","text":"February 2019"},{"year":"2019","month":"1","text":"January 2019"},{"year":"2018","month":"12","text":"December 2018"},{"year":"2018","month":"11","text":"November 2018"},{"year":"2018","month":"10","text":"October 2018"},{"year":"2018","month":"9","text":"September 2018"},{"year":"2018","month":"8","text":"August 2018"},{"year":"2018","month":"7","text":"July 2018"},{"year":"2018","month":"6","text":"June 2018"},{"year":"2018","month":"5","text":"May 2018"},{"year":"2018","month":"4","text":"April 2018"},{"year":"2018","month":"3","text":"March 2018"},{"year":"2018","month":"2","text":"February 2018"},{"year":"2018","month":"1","text":"January 2018"},{"year":"2017","month":"12","text":"December 2017"},{"year":"2017","month":"11","text":"November 2017"},{"year":"2017","month":"10","text":"October 2017"},{"year":"2017","month":"9","text":"September 2017"},{"year":"2017","month":"8","text":"August 2017"},{"year":"2017","month":"7","text":"July 2017"},{"year":"2017","month":"6","text":"June 2017"},{"year":"2017","month":"5","text":"May 2017"},{"year":"2017","month":"4","text":"April 2017"},{"year":"2017","month":"3","text":"March 2017"},{"year":"2017","month":"2","text":"February 2017"},{"year":"2017","month":"1","text":"January 2017"},{"year":"2016","month":"12","text":"December 2016"},{"year":"2016","month":"11","text":"November 2016"},{"year":"2016","month":"10","text":"October 2016"},{"year":"2016","month":"9","text":"September 2016"},{"year":"2016","month":"8","text":"August 2016"},{"year":"2016","month":"7","text":"July 2016"},{"year":"2016","month":"6","text":"June 2016"},{"year":"2016","month":"5","text":"May 2016"},{"year":"2016","month":"4","text":"April 2016"},{"year":"2016","month":"3","text":"March 2016"},{"year":"2016","month":"2","text":"February 2016"},{"year":"2016","month":"1","text":"January 2016"},{"year":"2015","month":"12","text":"December 2015"},{"year":"2015","month":"11","text":"November 2015"},{"year":"2015","month":"10","text":"October 2015"},{"year":"2015","month":"9","text":"September 2015"},{"year":"2015","month":"8","text":"August 2015"},{"year":"2015","month":"7","text":"July 2015"},{"year":"2015","month":"6","text":"June 2015"},{"year":"2015","month":"5","text":"May 2015"},{"year":"2015","month":"4","text":"April 2015"},{"year":"2015","month":"3","text":"March 2015"},{"year":"2015","month":"2","text":"February 2015"},{"year":"2015","month":"1","text":"January 2015"},{"year":"2014","month":"12","text":"December 2014"},{"year":"2014","month":"11","text":"November 2014"},{"year":"2014","month":"10","text":"October 2014"},{"year":"2014","month":"9","text":"September 2014"},{"year":"2014","month":"8","text":"August 2014"},{"year":"2014","month":"7","text":"July 2014"},{"year":"2014","month":"6","text":"June 2014"},{"year":"2014","month":"5","text":"May 2014"},{"year":"2014","month":"4","text":"April 2014"},{"year":"2014","month":"3","text":"March 2014"},{"year":"2014","month":"2","text":"February 2014"},{"year":"2014","month":"1","text":"January 2014"},{"year":"2013","month":"12","text":"December 2013"},{"year":"2013","month":"11","text":"November 2013"},{"year":"2013","month":"10","text":"October 2013"},{"year":"2013","month":"9","text":"September 2013"},{"year":"2013","month":"8","text":"August 2013"},{"year":"2013","month":"7","text":"July 2013"},{"year":"2013","month":"6","text":"June 2013"},{"year":"2013","month":"5","text":"May 2013"},{"year":"2013","month":"4","text":"April 2013"},{"year":"2013","month":"3","text":"March 2013"},{"year":"2013","month":"2","text":"February 2013"},{"year":"2013","month":"1","text":"January 2013"},{"year":"2012","month":"12","text":"December 2012"},{"year":"2012","month":"11","text":"November 2012"},{"year":"2012","month":"10","text":"October 2012"},{"year":"2012","month":"9","text":"September 2012"},{"year":"2012","month":"8","text":"August 2012"},{"year":"2012","month":"7","text":"July 2012"},{"year":"2012","month":"6","text":"June 2012"},{"year":"2012","month":"5","text":"May 2012"}],"mediaTrash":0,"infiniteScrolling":0}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/media-views.min.js?ver=6.7.1" id="media-views-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/media-editor.min.js?ver=6.7.1" id="media-editor-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-includes/js/media-audiovideo.min.js?ver=6.7.1" id="media-audiovideo-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-content/plugins/widget-options/assets/js/widgetopts.resize.js?ver=4.0.8" id="widgetopts-resize-script-js"></script> <script type="text/javascript" src="https://www.designworldonline.com/wp-content/themes/ThemeWTWH/assets/js/global-min.js?ver=1708465383" id="ea-global-js"></script> <script>"undefined"!=typeof jQuery&&jQuery(document).ready(function(){"objectFit"in document.documentElement.style==!1&&(jQuery(".cat-post-item figure").removeClass("cat-post-crop"),jQuery(".cat-post-item figure").addClass("cat-post-crop-not-supported")),(document.documentMode||/Edge/.test(navigator.userAgent))&&(jQuery(".cat-post-item figure img").height("+=1"),window.setTimeout(function(){jQuery(".cat-post-item figure img").height("-=1")},0))});</script> <script type="text/javascript"> if (typeof jQuery !== 'undefined') { var cat_posts_namespace = window.cat_posts_namespace || {}; cat_posts_namespace.layout_wrap_text = cat_posts_namespace.layout_wrap_text || {}; cat_posts_namespace.layout_img_size = cat_posts_namespace.layout_img_size || {}; cat_posts_namespace.layout_wrap_text = { preWrap : function (widget) { jQuery(widget).find('.cat-post-item').each(function(){ var _that = jQuery(this); _that.find('p.cpwp-excerpt-text').addClass('cpwp-wrap-text'); _that.find('p.cpwp-excerpt-text').closest('div').wrap('<div class="cpwp-wrap-text-stage"></div>'); }); return; }, add : function(_this){ var _that = jQuery(_this); if (_that.find('p.cpwp-excerpt-text').height() < _that.find('.cat-post-thumbnail').height()) { _that.find('p.cpwp-excerpt-text').closest('.cpwp-wrap-text-stage').removeClass( "cpwp-wrap-text" ); _that.find('p.cpwp-excerpt-text').addClass( "cpwp-wrap-text" ); }else{ _that.find('p.cpwp-excerpt-text').removeClass( "cpwp-wrap-text" ); _that.find('p.cpwp-excerpt-text').closest('.cpwp-wrap-text-stage').addClass( "cpwp-wrap-text" ); } return; }, handleLazyLoading : function(_this) { var width = jQuery(_this).find('img').width(); if( 0 !== width ){ cat_posts_namespace.layout_wrap_text.add(_this); } else { jQuery(_this).find('img').one("load", function(){ cat_posts_namespace.layout_wrap_text.add(_this); }); } return; }, setClass : function (widget) { // var _widget = jQuery(widget); jQuery(widget).find('.cat-post-item').each(function(){ cat_posts_namespace.layout_wrap_text.handleLazyLoading(this); }); return; } } cat_posts_namespace.layout_img_size = { replace : function(_this){ var _that = jQuery(_this), resp_w = _that.width(), resp_h = _that.height(), orig_w = _that.data('cat-posts-width'), orig_h = _that.data('cat-posts-height'); if( resp_w < orig_w ){ _that.height( resp_w * orig_h / orig_w ); } else { _that.height( '' ); } return; }, handleLazyLoading : function(_this) { var width = jQuery(_this).width(); if( 0 !== width ){ cat_posts_namespace.layout_img_size.replace(_this); } else { jQuery(_this).one("load", function(){ cat_posts_namespace.layout_img_size.replace(_this); }); } return; }, setHeight : function (widget) { jQuery(widget).find('.cat-post-item img').each(function(){ cat_posts_namespace.layout_img_size.handleLazyLoading(this); }); return; } } let widget = jQuery('#category-posts-2-internal'); jQuery( document ).ready(function () { cat_posts_namespace.layout_wrap_text.setClass(widget); cat_posts_namespace.layout_img_size.setHeight(widget); }); jQuery(window).on('load resize', function() { cat_posts_namespace.layout_wrap_text.setClass(widget); cat_posts_namespace.layout_img_size.setHeight(widget); }); // low-end mobile cat_posts_namespace.layout_wrap_text.preWrap(widget); cat_posts_namespace.layout_wrap_text.setClass(widget); cat_posts_namespace.layout_img_size.setHeight(widget); } </script> </body></html>