@charset "UTF-8";
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 90px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 5px;
display: block;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}
       #sidebar-scroll {
position: static;
top: auto;
align-self: auto;
margin-top: 0;
padding-top: 0;
}
#sidebar-scroll > .widget-sidebar-scroll {
position: relative;
margin-top: 0 !important;
padding-top: 0 !important;
}
#sidebar-scroll > .widget-sidebar-scroll:first-child,
#sidebar-scroll.is-fixed > .widget-sidebar-scroll:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
#sidebar-scroll.is-fixed {
z-index: 20;
}
.sidebar-scroll-placeholder {
display: none;
height: 0;
margin: 0;
padding: 0;
}
#sidebar-scroll > aside.widget,
#sidebar-scroll > .widget {
margin-top: 0 !important;
padding-top: 0 !important;
}
#sidebar-scroll > aside.widget:first-child,
#sidebar-scroll > .widget:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
#sidebar-scroll .textwidget,
#sidebar-scroll .textwidget > *:first-child,
#sidebar-scroll .textwidget p:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
} #sidebar-scroll #toc-3 {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
#sidebar-scroll .toc,
#sidebar-scroll .toc-center,
#sidebar-scroll .toc.border-element,
#sidebar-scroll .toc-nt-number,
#sidebar-scroll .toc-widget-box {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: auto !important;
max-width: 100% !important;
transform: none !important;
margin-left: 0 !important;
} body.single .logo-header {
padding: 6px 0 6px;
}
body.single #content {
margin-top: 0;
}
body.single #main {
margin-top: 0;
padding-top: 0;
}
body.single #sidebar {
padding-top: 0;
} body.single .pr-label {
position: relative;
top: auto;
left: auto;
display: block;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 1.4;
} @media screen and (max-width: 480px) {
body.single #content,
body.single .content {
padding-top: 58px;
}
} .entry-content,
.entry-content > *,
.article,
.article .entry-content {
min-width: 0;
}
.entry-content {
overflow-wrap: anywhere;
word-break: break-word;
}
.entry-content img,
.entry-content video,
.entry-content canvas,
.entry-content svg,
.entry-content iframe,
.entry-content embed,
.entry-content object,
.entry-content .wp-block-image img,
.entry-content .wp-block-cover img,
.entry-content .wp-block-media-text__media img,
.entry-content .instagram-media,
.entry-content .twitter-tweet,
.entry-content .wp-block-embed,
.entry-content .wp-block-embed__wrapper,
.entry-content .wp-block-table,
.entry-content .scrollable-table,
.entry-content .booklink-box,
.entry-content .kaerebalink-box,
.entry-content .tomarebalink-box,
.entry-content .product-item-box,
.entry-content .blogcard-wrap,
.entry-content .video-container,
.entry-content .caption-box,
.entry-content .tab-caption-box,
.entry-content .label-box,
.entry-content .toggle-wrap,
.entry-content .speech-wrap,
.entry-content .wp-block-group,
.entry-content .wp-block-columns {
max-width: 100% !important;
}
.entry-content iframe,
.entry-content embed,
.entry-content object {
display: block;
}
.entry-content table,
.entry-content pre,
.entry-content code,
.entry-content .scrollable-table,
.entry-content .wp-block-table,
.entry-content .wp-block-code,
.entry-content .wp-block-preformatted {
max-width: 100%;
}
.entry-content table,
.entry-content pre,
.entry-content .scrollable-table,
.entry-content .wp-block-table,
.entry-content .wp-block-code,
.entry-content .wp-block-preformatted {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.entry-content pre,
.entry-content code,
.entry-content .wp-block-code code,
.entry-content .wp-block-preformatted {
white-space: pre-wrap;
overflow-wrap: anywhere;
word-break: break-word;
}
.entry-content .wp-block-columns,
.entry-content .wp-block-media-text {
max-width: 100%;
} .owm-sidebar-toggle-slot {
display: block;
width: 100%;
margin: 0 0 12px;
padding: 0;
}
.owm-sidebar-toggle-slot.is-hidden {
display: none !important;
}
.owm-sidebar-toggle {
width: 100%;
z-index: 120;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45em;
min-height: 42px;
max-width: 100%;
padding: 0 16px;
border: 1px solid #c7b299;
border-radius: 999px;
background: rgba(255, 248, 240, 0.96);
color: #5a4635;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
box-shadow: 0 8px 24px rgba(60, 42, 26, 0.14);
}
.owm-sidebar-toggle:hover,
.owm-sidebar-toggle:focus {
background: #fffaf4;
color: #3c2a1a;
} body.owm-sidebar-collapsed #sidebar-scroll,
body.owm-sidebar-collapsed #sidebar > .widget,
body.owm-sidebar-collapsed #sidebar > aside {
display: none !important;
}
body.owm-sidebar-collapsed #sidebar,
body.owm-sidebar-collapsed .sidebar {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 0 !important;
overflow: hidden !important;
}
body.owm-sidebar-collapsed .owm-sidebar-toggle-slot:not(.is-hidden) {
position: sticky !important;
top: 60px;
width: 40px;
z-index: 50;
}
body.owm-sidebar-collapsed #main,
body.owm-sidebar-collapsed .main {
flex: 1 1 auto !important;
width: auto !important;
margin-right: 8px !important;
} body.owm-sidebar-collapsed .owm-sidebar-toggle {
writing-mode: vertical-rl;
text-orientation: mixed;
min-height: 0 !important;
height: auto;
width: auto !important;
max-width: none !important;
padding: 14px 10px;
font-size: 12px;
border-radius: 8px;
white-space: nowrap;
}
@media screen and (max-width: 480px) {
#sidebar,
.sidebar,
.owm-sidebar-toggle-slot,
.owm-sidebar-toggle {
display: none !important;
}
} .mobile-header-menu-buttons.mobile-menu-buttons {
z-index: 9999 !important;
}  .mobile-menu-buttons {
display: flex !important;
align-items: stretch;
} body.mblt-header-and-footer-mobile-buttons {
margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + 50px) !important;
} body.mblt-header-and-footer-mobile-buttons .content,
body.mblt-header-and-footer-mobile-buttons #content {
margin-bottom: 50px;
}  #header-container-in {
display: flex !important;
flex-direction: column !important;
}
#navi {
order: -1 !important;
} #navi {
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important; -webkit-overflow-scrolling: touch; }
#navi::-webkit-scrollbar {
display: none; } #navi-in {
max-width: none !important;
width: max-content !important;
min-width: 100%;
overflow: visible !important;
padding: 0 16px;
}  #navi-in > ul {
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important; list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#navi-in > ul > li {
flex: 0 0 auto !important;
width: auto !important; height: auto !important; min-width: 0 !important;
} #navi .item-description,
#navi .sub-caption {
display: none !important;
} #navi-in > ul > li > a {
display: flex !important;
align-items: center !important;
height: 44px;
padding: 0 12px !important;
white-space: nowrap !important;
text-decoration: none;
} #navi .sub-menu {
display: none !important;
} @media screen and (min-width: 1024px) { body.mblt-header-and-footer-mobile-buttons {
margin-top: 0 !important;
} body.home .logo.logo-header.logo-image {
padding-top: 100px !important;
box-sizing: border-box !important;
} body.home #navi,
body.home #navi-in,
body.home #navi .menu-header {
min-height: 50px !important;
height: auto !important;
} #navi {
padding-top: 0;
} body.archive:not(.home):not(.front-page) nav#navi,
body.single:not(.home):not(.front-page) nav#navi,
body.page:not(.home):not(.front-page) nav#navi {
top: calc(var(--wp-admin--admin-bar--height, 0px) + 50px) !important;
} body.archive #content > #content-in,
body.single #content > #content-in,
body.page #content > #content-in {
padding-top: 0 !important;
} body.single:not(.home):not(.front-page) .pr-label-s {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 3 !important;
} #navi-in {
width: 100% !important;
max-width: 1255px !important;
min-width: unset !important;
margin: 0 auto !important;
padding: 0 16px !important;
} .mobile-header-menu-buttons.mobile-menu-buttons {
justify-content: flex-start !important;
padding: 0 max(16px, calc((100% - 1255px) / 2)) !important;
gap: 0;
} .mobile-header-menu-buttons .logo-menu-button {
flex: 1 1 auto !important;
}
.mobile-header-menu-buttons .logo-menu-button .menu-button-in {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 0 !important;
}  .mobile-header-menu-buttons .logo-menu-button img.site-logo-image {
display: block !important;
height: 38px !important;
width: auto !important;
max-width: none !important;
object-fit: contain;
} .mobile-header-menu-buttons .navi-menu-button,
.mobile-header-menu-buttons .sidebar-menu-button {
flex: 0 0 auto !important;
min-width: 48px;
} .mobile-header-menu-buttons .navi-menu-button .fa,
.mobile-header-menu-buttons .sidebar-menu-button .fa {
font-size: 24px !important;
}
} @media screen and (max-width: 767px) { body.home.mblt-header-and-footer-mobile-buttons #header-in,
body.home.mblt-header-mobile-buttons #header-in {
display: none !important;
} body.home.mblt-header-and-footer-mobile-buttons #header-container,
body.home.mblt-header-mobile-buttons #header-container {
min-height: 44px !important;
padding-bottom: 0 !important;
}
body.home.mblt-header-and-footer-mobile-buttons #content,
body.home.mblt-header-mobile-buttons #content {
padding-top: 14px !important;
}
}
@media screen and (max-width: 1023px) { #navi-in {
padding: 0 !important;
} body.home #content,
body.home #content-in,
body.home .content {
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.home #main,
body.home .main {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.home #sidebar,
body.home .sidebar {
display: none !important;
} body.archive:not(.home):not(.front-page) #content,
body.single:not(.home):not(.front-page) #content,
body.page:not(.home):not(.front-page) #content {
padding-top: 44px !important;
}
body.archive:not(.home):not(.front-page) #content > #content-in,
body.single:not(.home):not(.front-page) #content > #content-in,
body.page:not(.home):not(.front-page) #content > #content-in {
padding-top: 0 !important;
} body.archive:not(.home):not(.front-page) #main,
body.page:not(.home):not(.front-page) #main {
padding-top: 0 !important;
margin-top: 0 !important;
} body.single:not(.home):not(.front-page) .pr-label-s {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 3 !important;
}
} @media screen and (max-width: 834px) {
#navi .navi-in > .menu-mobile {
display: flex !important;
}
} .sidebar-menu-content .owm-mobile-sidebar-widget {
display: block !important;
width: 100% !important;
margin: 0 0 8px !important;
padding: 8px 12px !important;
box-sizing: border-box;
}
.sidebar-menu-content .owm-mobile-sidebar-widget .widget-sidebar-scroll,
.sidebar-menu-content .owm-mobile-sidebar-widget .toc,
.sidebar-menu-content .owm-mobile-sidebar-widget .textwidget {
position: static !important;
width: auto !important;
max-width: 100% !important;
}
.sidebar-menu-content .owm-mobile-sidebar-widget img {
max-width: 100% !important;
height: auto !important; image-rendering: auto;
} .sidebar-menu-content .owm-mobile-sidebar-widget form.wp-block-search,
.sidebar-menu-content .owm-mobile-sidebar-widget .wp-block-search {
margin-bottom: 0 !important;
} .sidebar-menu-content .owm-mobile-sidebar-widget .textwidget img {
width: auto !important;
max-width: 100% !important;
}
@media screen and (min-width: 481px) and (max-width: 1260px) {
.content,
.content-in,
body #content-in {
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-start;
}
#main,
.main,
#sidebar,
.sidebar {
float: none !important;
}
#main,
.main {
width: calc(100% - 280px) !important;
flex: 1 1 auto !important;
min-width: 0 !important;
margin-right: 24px !important;
}
#sidebar,
.sidebar {
display: block !important;
width: 256px !important;
flex: 0 0 256px !important;
margin-top: 0 !important;
clear: none !important;
min-width: 0 !important;
}
.owm-sidebar-toggle-slot:not(.is-hidden) {
position: sticky;
z-index: 50;
}
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
#main,
.main {
width: calc(100% - 304px) !important;
}
#sidebar,
.sidebar {
width: 280px !important;
flex-basis: 280px !important;
}
}
@media screen and (min-width: 1261px) { .content,
.content-in,
body #content-in {
flex-wrap: nowrap !important;
align-items: flex-start !important;
} .owm-sidebar-toggle-slot {
display: none !important;
}
} .oisy-slide a {
position: relative;
display: block;
}
.oisy-slide-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
padding: 32px 24px 40px; display: flex;
flex-direction: column;
gap: 4px;
pointer-events: none;
z-index: 2;
} .oisy-slide-overlay {
display: none; }
.oisy-slide-overlay-title {
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.oisy-slide-overlay-desc {
color: rgba(255, 255, 255, 0.85);
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 480px) {
.oisy-slide-overlay {
padding: 20px 12px 10px;
}
.oisy-slide-overlay-title {
font-size: 15px;
}
.oisy-slide-overlay-desc {
font-size: 12px;
}
#oisy-slider-wrap .oisy-dots {
display: none !important;
}
} .owm-level-nav {
margin: 0 0 2rem;
padding: 0;
}
.owm-level-nav__heading {
display: block;
text-align: left;
padding-left: 0.6rem;
background: #26292b !important;
color: #ffffff !important;
font-size: 0.85rem;
font-weight: bold;
letter-spacing: 0.05em;
padding: 0.3rem 0 !important;
margin: 0.1rem 0 0 !important;
}
.owm-level-nav__grid {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 8px;
column-gap: 8px;
}
.owm-level-nav__card {
display: block;
overflow: hidden;
border-radius: 8px;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
}
.owm-level-nav__card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.owm-level-nav__video {
width: 100%;
height: auto;
display: block;
}
.owm-level-nav__label {
background: #CBD2D2;
text-align: center;
padding: 0.4rem 0.5rem 0.5rem;
font-size: 0.8rem;
font-weight: bold;
color: #3c2a1a;
line-height: 1.4;
margin: 0 !important;
border-radius: 0 0 8px 8px;
} .owm-carousel-section {
margin: 2rem 0;
overflow: hidden;
}
.owm-carousel-title {
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 0.75rem;
padding: 0 0 0 0.75rem;
border-left: 4px solid #c7b299;
color: #3c2a1a;
line-height: 1.4; border-bottom: none;
background: none;
}
.owm-carousel-row {
display: flex;
gap: 12px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
padding-bottom: 12px;
} .owm-carousel-row::-webkit-scrollbar {
height: 4px;
}
.owm-carousel-row::-webkit-scrollbar-track {
background: #f5f0eb;
border-radius: 2px;
}
.owm-carousel-row::-webkit-scrollbar-thumb {
background: #c7b299;
border-radius: 2px;
}
.owm-card {
flex: 0 0 130px;
width: 130px;
text-decoration: none;
color: inherit;
border-radius: 8px;
overflow: hidden;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
scroll-snap-align: start;
transition: transform 0.2s, box-shadow 0.2s;
display: block;
}
.owm-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
text-decoration: none;
color: inherit;
} .owm-card-thumb {
width: 100%;
aspect-ratio: 3 / 4;
overflow: hidden;
background: #e8e0d8;
}
.owm-card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.owm-card-thumb__placeholder {
width: 100%;
height: 100%;
background: #e8e0d8;
}
.owm-card-title {
padding: 8px 10px 10px;
margin: 0;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
color: #3c2a1a;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.owm-card {
flex: 0 0 160px;
width: 160px;
}
.owm-carousel-title {
font-size: 1.2rem;
}
.owm-card-title {
font-size: 13px;
}
} #oisy-slider-wrap{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;aspect-ratio:1200/630;background:#111;}
#oisy-slider-wrap .oisy-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease;pointer-events:none;}
#oisy-slider-wrap .oisy-slide.active{opacity:1;pointer-events:auto;}
#oisy-slider-wrap .oisy-slide img{width:100%;height:100%;object-fit:cover;display:block;}
#oisy-slider-wrap .oisy-slide a{display:block;width:100%;height:100%;}
.oisy-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.18);border:none;color:rgba(255,255,255,.9);font-size:18px;width:36px;height:36px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s;border-radius:50%;padding:0;}
.oisy-arrow:hover{background:rgba(0,0,0,.45);}
@media(max-width:480px){.oisy-arrow{width:28px;height:28px;font-size:13px;background:rgba(0,0,0,.12);}#oisy-arrow-prev{left:4px;}#oisy-arrow-next{right:4px;}}
#oisy-arrow-prev{left:8px;}
#oisy-arrow-next{right:8px;}
.oisy-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10;}
.oisy-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;padding:0;transition:background .2s;}
.oisy-dot.active{background:#fff;}
#oisy-slider-wrap{margin-bottom:2rem;} h1,
.entry-content h1,
.article h1,
.wp-block-heading h1 {
font-family: 'Zen Kaku Gothic Antique', sans-serif !important;
font-weight: 900 !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
}
.entry-title,
.page-title,
.archive-title {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
.entry-title::before,
.entry-title::after,
.page-title::before,
.page-title::after,
.archive-title::before,
.archive-title::after,
.entry-content h1::before,
.entry-content h1::after,
.article h1::before,
.article h1::after {
display: none !important;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
} .home .entry-content h1 {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
border-left: none !important;
margin-bottom: 0.3em !important;
text-indent: 0 !important;
}
.home .entry-content h1::before,
.home .entry-content h1::after {
display: none !important;
}
body.home #main,
body.front-top-page #main {
background: transparent !important;
background-color: transparent !important;
} .owm-intro-row {
display: flex;
align-items: flex-end;
gap: 1rem;
margin-bottom: 1.5rem;
}
.owm-intro-text {
flex: 1;
margin: 0 !important;
padding: 0 !important;
line-height: 1.8;
}
.owm-intro-btn {
display: inline-block;
white-space: nowrap;
background: #363a3c;
color: #fff !important;
text-decoration: none;
padding: 0.6em 1.4em;
border-radius: 999px;
font-size: 1rem;
font-weight: bold;
margin: 0;
align-self: flex-end;
margin-bottom: 0.15em;
}
.owm-intro-btn:hover {
background: #26292b;
} @media (max-width: 480px) {
.home .entry-content h1 {
font-size: 1.5rem !important;
}
.owm-intro-text {
font-size: 0.875rem;
}
.owm-intro-btn {
font-size: 0.8rem;
padding: 0.5em 1em;
}
} body.home.page-id-4016 .entry-content h2.wp-block-heading {
background: transparent !important;
background-color: transparent !important;
border: none !important;
border-left: 3px solid #c7b299 !important;
border-radius: 0 !important;
padding-left: 14px !important; } .wp-block-search__input::placeholder {
font-family: "凸版文久見出しゴシック", "ToppanBunkyuMidashiGothicStdN-ExtraBold", "Noto Sans JP", sans-serif;
}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery) body.front-top-page #appeal {
position: relative !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
box-shadow:
inset 520px 0 220px -220px rgba(16, 12, 8, 0.62),
inset 220px 0 140px -120px rgba(16, 12, 8, 0.22) !important;
}
body.front-top-page #appeal::before {
content: none !important;
display: none !important;
}
body.front-top-page .appeal-in {
position: relative;
z-index: 1;
display: flex;
align-items: flex-end;
min-height: 500px;
padding: 32px !important;
}
body.front-top-page .appeal-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
width: min(420px, calc(100% - 32px));
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
body.front-top-page .appeal-title,
body.front-top-page .appeal-title h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(24px, 3vw, 36px) !important;
line-height: 1.08 !important;
font-weight: 800 !important;
letter-spacing: 0.02em;
text-shadow: 0 2px 20px rgba(0, 0, 0, 0.22);
}
body.front-top-page .appeal-message {
margin: 0 !important;
color: rgba(255, 248, 242, 0.96) !important;
font-size: clamp(14px, 1.35vw, 18px) !important;
line-height: 1.75 !important;
max-width: 32ch;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.18);
}
body.front-top-page .appeal-content .appeal-button {
margin-top: 10px !important;
padding: 13px 22px !important;
border: 1px solid rgba(255, 255, 255, 0.38) !important;
border-radius: 999px !important;
background: rgba(255, 246, 238, 0.94) !important;
color: #2d211b !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
body.front-top-page .appeal-content .appeal-button:hover {
transform: translateY(-1px);
background: #fff !important;
}
@media screen and (min-width: 768px) {
body.front-top-page #appeal {
position: relative !important;
overflow: hidden !important;
box-shadow:
inset 520px 0 220px -220px rgba(16, 12, 8, 0.62),
inset 220px 0 140px -120px rgba(16, 12, 8, 0.22) !important;
}
}
@media screen and (max-width: 767px) {
body.front-top-page #appeal {
background-position: 56% center !important;
box-shadow: inset 0 180px 120px -110px rgba(16, 12, 8, 0.42) !important;
}
body.front-top-page #appeal::before {
content: none !important;
display: none !important;
}
body.front-top-page .appeal-in {
min-height: 360px;
padding: 18px !important;
align-items: flex-end;
}
body.front-top-page .appeal-content {
width: 100%;
gap: 10px;
}
body.front-top-page .appeal-title,
body.front-top-page .appeal-title h1 {
font-size: 22px !important;
}
body.front-top-page .appeal-message {
font-size: 14px !important;
max-width: none;
}
body.front-top-page .appeal-content .appeal-button {
width: auto;
min-width: 132px;
text-align: center;
}
}
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}
</textarea>
<input type="hidden" name="action" value="update" />
<input type="hidden" name="file" value="style.css" />
<input type="hidden" name="theme" value="cocoon-child-master" />
</div>
<div>
<div class="editor-notices">
</div>
<p class="submit">
<input type="submit" name="submit" id="submit" class="button button-primary" value="ファイルを更新"  />					<span class="spinner"></span>
</p>
</div>
<script type="text/html" id="tmpl-wp-file-editor-notice">
<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
<# if ( 'php_error' === data.code ) { #>
<p>
{{ data.file }} ファイルの{{ data.line }}行目でエラーが発生したため、PHP コードの変更が適用されませんでした。修正して再度保存してください。				</p>
<pre>{{ data.message }}</pre>
<# } else if ( 'file_not_writable' === data.code ) { #>
<p>
変更を保存するには事前にこのファイルを書き込み可能にする必要があります。詳しい情報は <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">ファイルパーミッションの変更</a> を参照してください。				</p>
<# } else { #>
<p>{{ data.message || data.code }}</p>
<# if ( 'lint_errors' === data.code ) { #>
<p>
<# var elementId = 'el-' + String( Math.random() ); #>
<input id="{{ elementId }}"  type="checkbox">
<label for="{{ elementId }}">サイトを壊してしまうかもしれませんが、それでもアップデートしますか ?</label>
</p>
<# } #>
<# } #>
<# if ( data.dismissible ) { #>
<button type="button" class="notice-dismiss"><span class="screen-reader-text">
非表示				</span></button>
<# } #>
</div>
</script>
</form>
<br class="clear" />
</div>
<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
<div class="notification-dialog-background"></div>
<div class="notification-dialog">
<div class="file-editor-warning-content">
<div class="file-editor-warning-message">
<h1>注意 !</h1>
<p>
WordPress ダッシュボードでテーマを直接編集しているようですが、これは推奨されていません。テーマを直接編集するとサイトが破損したり、将来の更新で変更が失われたりする可能性があります。					</p>
<p>どうしても直接編集に進もうと決めた場合には、ファイルマネージャーを使って新しい名前でファイルのコピーを作成し、元のファイルを手放さないでください。 そのようにすれば、何かがうまく行かない場合でも、機能するバージョンのファイルを再び有効化できます。</p>
</div>
<p>
<a class="button file-editor-warning-go-back" href="https://ranp.jp/owm/wp-admin/">戻る</a>
<button type="button" class="file-editor-warning-dismiss button button-primary">理解しました</button>
</p>
</div>
</div>
</div>
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->
<div id="wpfooter" role="contentinfo">
<p id="footer-left" class="alignleft">
<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>	</p>
<p id="footer-upgrade" class="alignright">
バージョン 6.9.4	</p>
<div class="clear"></div>
</div>
<script type="text/javascript">
(function ( $ ) {
$( '.fs-submenu-item' ).each( function () {
var $this = $( this ),
$parent = $this.parent(),
externalLink = $this.data( 'fs-external-url' ),
isOpensInNewTab = $this.data( 'fs-new-tab' );
if ( externalLink ) {
$parent.attr( 'href', externalLink );
}
if ( isOpensInNewTab ) {
$parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
}
} );
} )( jQuery );
</script>
<div id="analyst-opt-out-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 600px">
<div class="analyst-disable-modal-mask" id="analyst-disable-opt-out-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 120px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_question.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">By opting out, we cannot alert you anymore  in case of important security updates.</strong>
<p class="analyst-install-description-text">
In addition, we won’t get pointers how to further improve the plugin based on your integration with our plugin.
</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success opt-out-modal-close">Ok, don't opt out</button>
</div>
<div class="analyst-modal-def-top-padding" style="text-align: center;">
<button class="analyst-btn-secondary-ghost" id="opt-out-action">Opt out</button>
</div>
<div id="analyst-opt-out-error" class="analyst-modal-def-top-padding" style="display: none;">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var isOptingOut = false
$('#analyst-opt-out-modal').appendTo($('body'))
$(document).on('click', '.analyst-opt-out', function() {
var pluginId = $(this).attr('analyst-plugin-id')
$('#analyst-opt-out-modal')
.attr({'analyst-plugin-id': pluginId})
.show()
})
$('.opt-out-modal-close').click(function () {
$('#analyst-opt-out-modal').hide()
})
$('#opt-out-action').click(function () {
if (isOptingOut) return
var $mask = $('#analyst-disable-opt-out-modal-mask')
var $error = $('#analyst-opt-out-error')
var pluginId = $('#analyst-opt-out-modal').attr('analyst-plugin-id')
$mask.show()
$error.hide()
var self = this
isOptingOut = true
$(self).text('Opting out...')
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_out_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
$(self).text('Opt out')
if (data && !data.success) {
$('#analyst-opt-out-modal').hide()
return
}
$error.hide()
$('#analyst-opt-out-modal').hide()
isOptingOut = false
var optInAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-in',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt In')
$('.analyst-opt-out[analyst-plugin-id="'+ pluginId +'"').replaceWith(optInAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 0)
$mask.hide()
},
error: function () {
$('#analyst-opt-out-error').show()
$(self).text('Opt out')
}
}).done(function () {
$mask.hide()
isOptingOut = false
})
})
})(jQuery)
</script>
<script type="text/javascript">
(function ($) {
var isOptingIn = false
$('#analyst-opt-in-modal').appendTo($('body'))
var makeOptIn = function (pluginId) {
if (isOptingIn) return
isOptingIn = true
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_opt_in_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function () {
$('#analyst-opt-in-modal').hide()
isOptingIn = false
var optOutAction = $('<a />').attr({
class: 'analyst-action-opt analyst-opt-out',
'analyst-plugin-id': pluginId,
'analyst-plugin-signed': '1'
})
.text('Opt Out')
$('.analyst-opt-in[analyst-plugin-id="'+ pluginId +'"').replaceWith(optOutAction)
$('[analyst-plugin-id="' + pluginId + '"').attr('analyst-plugin-opted-in', 1)
}
})
}
$(document).on('click', '.analyst-opt-in:not([loading])', function() {
var pluginId = $(this).attr('analyst-plugin-id')
var isSigned = $(this).attr('analyst-plugin-signed') === '1'
if (!isSigned) {
$('#analyst-install-modal')
.attr('analyst-plugin-id', pluginId)
.show()
return;
}
$('#analyst-install-modal').attr({'analyst-plugin-id': pluginId})
$(this).attr('loading', true).text('Opting In...')
makeOptIn(pluginId);
})
$('.opt-in-modal-close').click(function () {
$('#analyst-opt-in-modal').hide()
})
})(jQuery)
</script>
<div id="analyst-deactivate-modal" class="analyst-modal" style="display: none">
<div class="analyst-modal-content" style="width: 500px">
<div class="analyst-disable-modal-mask" id="analyst-disable-deactivate-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block" style="width: 80px">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/pencil.png"/>
</div>
<div class="analyst-install-description-block" style="padding-left: 20px">
<strong class="analyst-modal-header">Why do you deactivate?</strong>
<div class="analyst-install-description-text" style="padding-top: 2px">
Please let us know, so we can improve it! Thank you <img class="analyst-smile-image" src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/smile.png" alt="">
</div>
</div>
</div>
<div>
<ul id="analyst-deactivation-reasons">
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I couldn't understand how to make it work">I couldn't understand how to make it work</span>
</label>
</li>
<li data-input-type="textarea" data-input-placeholder="What should have worked, but didn’t?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="The plugin didn't work as expected">The plugin didn't work as expected</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="input" data-input-placeholder="What is the plugin name?">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="I found a better plugin">I found a better plugin</span>
</label>
<div class="question-answer"></div>
</li>
<li>
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="It's a temporary deactivation">It's a temporary deactivation</span>
</label>
<div class="question-answer"></div>
</li>
<li data-input-type="textarea" data-input-placeholder="Please provide the reason of deactivation">
<label>
<span>
<input type="radio" name="deactivation-reason">
</span>
<span class="question" data-question="Other">Other</span>
</label>
<div class="question-answer"></div>
</li>
</ul>
<p id="analyst-deactivation-error" style="color: #dc3232; font-size: 16px; display: none">Please let us know the reason for de-activation. Thank you!</p>
</div>
<div>
<button class="analyst-btn-grey" id="analyst-disabled-plugin-action">Deactivate</button>
</div>
<div class="" style="text-align: center; font-size: 18px; padding-top: 10px">
<button class="analyst-btn-secondary-ghost analyst-deactivate-modal-close" style="color: #cccccc">Cancel</button>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
$('.deactivate').click(function (e) {
var anchor = $(this).find('[analyst-plugin-id]')
var pluginId = anchor.attr('analyst-plugin-id')
var isOptedIn = anchor.attr('analyst-plugin-opted-in') === '1'
// Do not ask for reason if not opted in
if (!isOptedIn) {
return
}
e.preventDefault()
$('#analyst-deactivate-modal')
.attr({
'analyst-plugin-id': pluginId,
'analyst-redirect-url': $(this).find('a').attr('href')
})
.show()
})
$('.analyst-deactivate-modal-close').click(function () {
$('#analyst-deactivate-modal').hide()
})
$('#analyst-deactivation-reasons input[name="deactivation-reason"]').change(function () {
$('.question-answer').empty()
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li')
$('#analyst-deactivation-error').hide()
if (!root.attr('data-input-type')) return
var reasonInput = $('<' + root.attr('data-input-type') + '/>').attr({placeholder: root.attr('data-input-placeholder'), class: 'reason-answer'})
root.find('.question-answer').append(reasonInput)
})
$('#analyst-disabled-plugin-action').click(function () {
var pluginId = $('#analyst-deactivate-modal').attr('analyst-plugin-id')
var pluginDeactivationUrl = $('#analyst-deactivate-modal').attr('analyst-redirect-url')
var root = $('#analyst-deactivation-reasons input[name="deactivation-reason"]:checked').parents('li');
var reason = root.find('.question-answer .reason-answer').val();
var question = root.find('.question').attr('data-question').trim()
var $errorBlock = $('#analyst-deactivation-error')
if (!question) {
return $errorBlock.show()
}
$errorBlock.hide()
var data = {
action: 'analyst_plugin_deactivate_' + pluginId,
question: question,
analyst_nonce: analyst_opt_localize.analyst_nonce
}
if (reason) {
data['reason'] = reason.trim();
}
$(this).attr('disabled', true).text('Deactivating...');
$('#analyst-disable-deactivate-modal-mask').show();
$.ajax({
url: ajaxurl,
method: 'POST',
data: data
}).done(function () {
window.location.href = pluginDeactivationUrl
$('#analyst-disable-deactivate-modal-mask').hide();
})
})
})(jQuery)
</script>
<div id="analyst-install-modal" class="analyst-modal" style="display: none" analyst-plugin-id="">
<div class="analyst-modal-content" style="width: 450px">
<div class="analyst-disable-modal-mask" id="analyst-disable-install-modal-mask" style="display: none"></div>
<div style="display: flex">
<div class="analyst-install-image-block">
<img src="https://ranp.jp/owm/wp-content/plugins/copy-delete-posts/analyst/assets/img/shield_success.png"/>
</div>
<div class="analyst-install-description-block">
<strong class="analyst-modal-header">Stay on the safe side</strong>
<p class="analyst-install-description-text">Receive our plugin’s alerts in
case of <strong>critical security</strong>, feature & special deal
updates and allow non-sensitive
diagnostic tracking.</p>
</div>
</div>
<div class="analyst-modal-def-top-padding">
<button class="analyst-btn-success" id="analyst-install-action">Allow & Continue ></button>
</div>
<div class="analyst-modal-def-top-padding" id="analyst-permissions-block" style="display: none">
<span>You’re granting these permissions:</span>
<ul class="analyst-install-permissions-list">
<li><strong>Your profile information</strong> (name and email) </li>
<li><strong>Your site information</strong> (URL, WP version, PHP info, plugins & themes)</li>
<li><strong>Plugin notices</strong> (updates, announcements, marketing, no spam)</li>
<li><strong>Plugin events</strong> (activation, deactivation and uninstall)</li>
</ul>
</div>
<div class="analyst-install-footer analyst-modal-def-top-padding">
<span class="analyst-action-text" id="analyst-permissions-toggle">Learn more</span>
<span id="analyst-powered-by" style="display: none;">Powered by <a href="https://sellcodes.com/blog/wordpress-feedback-system-for-plugin-creators/?utm_source=optin_screen" target="_blank" class="analyst-link">Sellcodes.com</a></span>
<span class="analyst-action-text analyst-install-modal-close" id="analyst-install-skip">Skip</span>
</div>
<div id="analyst-install-error" class="analyst-modal-def-top-padding" style="display: none; text-align: center">
<span style="color: #dc3232; font-size: 16px">Service unavailable. Please try again later</span>
</div>
</div>
</div>
<script type="text/javascript">
(function ($) {
var installPlugin = function (pluginId) {
var $error = $('#analyst-install-error')
$error.hide()
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'analyst_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
},
success: function (data) {
if (data && !data.success) {
//error
$('#analyst-install-modal').hide()
return
}
window.location.reload()
},
error: function () {
$('#analyst-install-modal').hide()
}
}).done(function () {
$('#analyst-disable-install-modal-mask').hide()
$('#analyst-install-action')
.attr('disabled', false)
.text('Allow & Continue >')
})
}
if ($('#analyst-install-modal').attr('analyst-plugin-id')) {
$('#analyst-install-modal').show()
}
$('.analyst-install-modal-close').click(function () {
$('#analyst-install-modal').hide()
})
$('#analyst-install-action').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$('#analyst-install-action')
.attr('disabled', true)
.text('Please wait...')
$('#analyst-disable-install-modal-mask').show()
installPlugin(pluginId)
})
$('#analyst-permissions-toggle').click(function () {
var isVisible = $('#analyst-permissions-block').toggle().is(':visible')
isVisible ? $(this).text('Close section') : $(this).text('Learn more')
var poweredBy = $('#analyst-powered-by')
isVisible ? poweredBy.show() : poweredBy.hide()
})
$('#analyst-install-skip').click(function () {
var pluginId = $('#analyst-install-modal').attr('analyst-plugin-id')
$.post(ajaxurl, {
action: 'analyst_skip_install_' + pluginId,
analyst_nonce: analyst_opt_localize.analyst_nonce
}).done(function () {
$('#analyst-install-modal').hide()
})
})
})(jQuery)
</script>
<script type="text/html" id="tmpl-media-frame">
<div class="media-frame-title" id="media-frame-title"></div>
<h2 class="media-frame-menu-heading">アクション</h2>
<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
メニュー			<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">
選択されたメディアアクション		</h2>
<div class="media-frame-toolbar"></div>
<div class="media-frame-uploader"></div>
</script>
<script type="text/html" id="tmpl-media-modal">
<div id="wp-media-modal" 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" aria-hidden="true"></span><span class="screen-reader-text">
ダイアログを閉じる				</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">ファイルをドロップしてアップロード</div>
</div>
</script>
<script type="text/html" id="tmpl-uploader-editor">
<div class="uploader-editor-content">
<div class="uploader-editor-title">ファイルをドロップしてアップロード</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">
アップローダーを閉じる		</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">ファイルをドロップしてアップロード</h2>
<p class="upload-instructions drop-instructions">または</p>
<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">ファイルを選択</button>
</div>
<div class="upload-inline-status"></div>
<div class="post-upload-ui" id="post-upload-info">
<p class="max-upload-size">
最大アップロードサイズ: 1 GB。				</p>
<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
<p class="suggested-dimensions">
推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。					</p>
<# } #>
</div>
</div>
</script>
<script type="text/html" id="tmpl-media-library-view-switcher">
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=list" class="view-list">
<span class="screen-reader-text">
リスト表示			</span>
</a>
<a href="https://ranp.jp/owm/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
<span class="screen-reader-text">
グリッド表示			</span>
</a>
</script>
<script type="text/html" id="tmpl-uploader-status">
<h2>アップロード中</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">&ndash;</span>
<span class="upload-filename"></span>
</div>
<div class="upload-errors"></div>
<button type="button" class="button upload-dismiss-errors">エラーを非表示</button>
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-filename word-wrap-break-word">{{{ 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">前のメディア項目を編集</span></button>
<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">次のメディア項目を編集</span></button>
<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">ダイアログを閉じる</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">添付ファイルのプレビュー</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">画像を編集</button>
<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
<p>ドキュメントプレビュー</p>
<# } #>
</div>
</div>
</div>
<div class="attachment-info">
<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="saved">保存しました。</span>
</span>
<div class="details">
<h2 class="screen-reader-text">
詳細				</h2>
<div class="uploaded"><strong>更新日:</strong> {{ data.dateFormatted }}</div>
<div class="uploaded-by word-wrap-break-word">
<strong>アップロード:</strong>
<# if ( data.authorLink ) { #>
<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
<# } else { #>
{{ data.authorName }}
<# } #>
</div>
<# if ( data.uploadedToTitle ) { #>
<div class="uploaded-to">
<strong>アップロード先:</strong>
<# if ( data.uploadedToLink ) { #>
<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
<# } else { #>
{{ data.uploadedToTitle }}
<# } #>
</div>
<# } #>
<div class="filename"><strong>ファイル名:</strong> {{ data.filename }}</div>
<div class="file-type"><strong>ファイルタイプ:</strong> {{ data.mime }}</div>
<div class="file-size"><strong>ファイルサイズ:</strong> {{ data.filesizeHumanReadable }}</div>
<# if ( 'image' === data.type && ! data.uploading ) { #>
<# if ( data.width && data.height ) { #>
<div class="dimensions"><strong>サイズ:</strong>
{{ data.width }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
<strong>元の画像:</strong>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-length"><strong>長さ:</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>ビットレート:</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>使用先:</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-two-column-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</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">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</span>
</span>
</span>
<div class="attachment-compat"></div>
</div>
<div class="actions">
<# if ( data.link ) { #>
<a class="view-attachment" href="{{ data.link }}">メディアファイルを表示</a>
<# } #>
<# if ( data.can.save ) { #>
<# if ( data.link ) { #>
<span class="links-separator">|</span>
<# } #>
<a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if ( data.can.save && data.link ) { #>
<span class="links-separator">|</span>
<a href="{{ data.url }}" download>ファイルをダウンロード</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">完全に削除する</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"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
削除				</span></button>
<# } #>
</div>
<# if ( data.buttons.check ) { #>
<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
選択を解除			</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="キャプション"
placeholder="キャプション&hellip;" {{ maybeReadOnly }} />
<# } else { #>
<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
<# if ( 'video' === data.type ) { #>
aria-label="動画のタイトル"
placeholder="動画のタイトル&hellip;"
<# } else if ( 'audio' === data.type ) { #>
aria-label="音声ファイルのタイトル"
placeholder="音声ファイルのタイトル&hellip;"
<# } else { #>
aria-label="メディアのタイトル"
placeholder="メディアのタイトル&hellip;"
<# } #> {{ maybeReadOnly }} />
<# }
} #>
</script>
<script type="text/html" id="tmpl-attachment-details">
<h2>
添付ファイルの詳細			<span class="settings-save-status" role="status">
<span class="spinner"></span>
<span class="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 }} x {{ data.height }} ピクセル						</div>
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<div class="word-wrap-break-word">
元の画像:							<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">画像を編集</a>
<# } #>
<# } #>
<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
<div class="file-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>使用先:</strong> {{ data.mediaStates }}</div>
<# } #>
<# if ( ! data.uploading && data.can.remove ) { #>
<button type="button" class="button-link delete-attachment">完全に削除する</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<# } #>
<span class="setting" data-setting="title">
<label for="attachment-details-title" class="name">タイトル</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">アーティスト</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">アルバム</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">キャプション</label>
<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
</span>
<span class="setting" data-setting="description">
<label for="attachment-details-description" class="name">説明</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">ファイルの 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">URL をクリップボードにコピー</button>
<span class="success hidden" aria-hidden="true">コピーしました。</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">選択範囲を編集</button>
<# } #>
<# if ( data.clearable ) { #>
<button type="button" class="button-link clear-selection">クリア</button>
<# } #>
</div>
<div class="selection-view"></div>
</script>
<script type="text/html" id="tmpl-attachment-display-settings">
<h2>添付ファイルの表示設定</h2>
<# if ( 'image' === data.type ) { #>
<span class="setting align">
<label for="attachment-display-settings-alignment" class="name">配置</label>
<select id="attachment-display-settings-alignment" class="alignment"
data-setting="align"
<# if ( data.userSettings ) { #>
data-user-setting="align"
<# } #>>
<option value="left">
左					</option>
<option value="center">
中央					</option>
<option value="right">
右					</option>
<option value="none" selected>
なし					</option>
</select>
</span>
<# } #>
<span class="setting">
<label for="attachment-display-settings-link-to" class="name">
<# if ( data.model.canEmbed ) { #>
埋め込みまたはリンク				<# } else { #>
リンク先				<# } #>
</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>
メディアプレイヤーを埋め込む				</option>
<option value="file">
<# } else { #>
<option value="none" selected>
なし				</option>
<option value="file">
<# } #>
<# if ( data.model.canEmbed ) { #>
メディアファイルへのリンク				<# } else { #>
メディアファイル				<# } #>
</option>
<option value="post">
<# if ( data.model.canEmbed ) { #>
添付ファイルページへのリンク				<# } else { #>
添付ファイルのページ				<# } #>
</option>
<# if ( 'image' === data.type ) { #>
<option value="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">サイズ</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" >
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium" >
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large" >
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full"  selected='selected'>
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
</select>
</span>
<# } #>
</script>
<script type="text/html" id="tmpl-gallery-settings">
<h2>ギャラリーの設定</h2>
<span class="setting">
<label for="gallery-settings-link-to" class="name">リンク先</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"<# }
#>>
添付ファイルのページ				</option>
<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
メディアファイル				</option>
<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
なし				</option>
</select>
</span>
<span class="setting">
<label for="gallery-settings-columns" class="name select-label-inline">カラム</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">ランダム</label>
</span>
<span class="setting size">
<label for="gallery-settings-size" class="name">サイズ</label>
<select id="gallery-settings-size" class="size" name="size"
data-setting="size"
<# if ( data.userSettings ) { #>
data-user-setting="imgsize"
<# } #>
>
<option value="thumbnail">
サムネイル					</option>
<option value="medium">
中					</option>
<option value="large">
大					</option>
<option value="full">
フルサイズ					</option>
</select>
</span>
</script>
<script type="text/html" id="tmpl-playlist-settings">
<h2>プレイリスト設定</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 ) { #>
動画一覧を表示				<# } else { #>
トラックリストを表示				<# } #>
</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">
トラックリストにアーティスト名を表示			</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">
画像を表示			</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">リンク文字列</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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="embed-image-settings-caption" class="name">キャプション</label>
<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
</span>
<fieldset class="setting-group">
<legend class="name">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左					</button>
<button class="button" value="center">
中央					</button>
<button class="button" value="right">
右					</button>
<button class="button active" value="none">
なし					</button>
</span>
</span>
</fieldset>
<fieldset class="setting-group">
<legend class="name">リンク先</legend>
<span class="setting link-to">
<span class="button-group button-large" data-setting="link">
<button class="button" value="file">
画像 URL					</button>
<button class="button" value="custom">
カスタム URL					</button>
<button class="button active" value="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">代替テキスト</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">画像の目的を説明する方法について、詳しくはこちらをご覧ください<span class="screen-reader-text"> (新しいタブで開く)</span></a>。装飾のみが目的の画像であれば、空欄にしてください。</p>
<span class="setting caption">
<label for="image-details-caption" class="name">キャプション</label>
<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
</span>
<h2>表示設定</h2>
<fieldset class="setting-group">
<legend class="legend-inline">配置</legend>
<span class="setting align">
<span class="button-group button-large" data-setting="align">
<button class="button" value="left">
左								</button>
<button class="button" value="center">
中央								</button>
<button class="button" value="right">
右								</button>
<button class="button active" value="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">サイズ</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">
サムネイル &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['medium'];
if ( size ) { #>
<option value="medium">
中 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['large'];
if ( size ) { #>
<option value="large">
大 &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<#
var size = data.sizes['full'];
if ( size ) { #>
<option value="full">
フルサイズ &ndash; {{ size.width }} &times; {{ size.height }}
</option>
<# } #>
<option value="custom">
カスタムサイズ									</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">幅</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">&times;</span>
<span class="custom-size-setting">
<label for="image-details-size-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">ピクセル単位の画像サイズ</p>
</div>
<# } #>
<span class="setting link-to">
<label for="image-details-link-to" class="name">リンク先</label>
<select id="image-details-link-to" data-setting="link">
<# if ( data.attachment ) { #>
<option value="file">
メディアファイル							</option>
<option value="post">
添付ファイルのページ							</option>
<# } else { #>
<option value="file">
画像 URL							</option>
<# } #>
<option value="custom">
カスタム URL							</option>
<option value="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">上級者向け設定</button></h2>
<div class="advanced-settings hidden">
<div class="advanced-image">
<span class="setting title-text">
<label for="image-details-title-attribute" class="name">画像タイトル属性</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">画像 CSS クラス</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">リンクを新しいタブで開く</label>
</span>
<span class="setting link-rel">
<label for="image-details-link-rel" class="name">リンク 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">リンク CSS クラス</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="オリジナルを編集" />
<input type="button" class="replace-attachment button" value="置換" />
</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</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">音声ソースを削除</button>
</span>
<# } #>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</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">映像ソースを削除</button>
</span>
<# } #>
</div>
<# if ( ! _.isEmpty( html5types ) ) { #>
<fieldset class="setting-group">
<legend class="name">最速 HTML5 再生のための別ソースを追加</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">ポスター画像</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">ポスター画像を削除</button>
</span>
<# } #>
<fieldset class="setting-group">
<legend class="name">先読み</legend>
<span class="setting preload">
<span class="button-group button-large" data-setting="preload">
<button class="button" value="auto">自動</button>
<button class="button" value="metadata">メタデータ</button>
<button class="button active" value="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">自動再生</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">ループ</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">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</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 }}">
srclang、label、kind の値で動画の言語と種類を設定できます。						</span>
<button type="button" class="button-link remove-setting remove-track">動画トラックを削除</button><br />
<# } ); #>
<# } else { #>
<span class="name">トラック (字幕、キャプション、説明、チャプター、またはメタ情報)</span><br />
<em>関連付けられた字幕がありません。</em>
<# } #>
<textarea class="hidden content-setting">{{ content }}