responsive-coming-soon：プラグイン設定画面(HTML)

解析コード：<head>～</head>
解析コード：1：非表示中の管理メニュー
解析コード：2：プラグインが表示する管理メニュー
解析コード：3：コンフィグメニュー
解析コード：4：コンフィグ設定画面：[DASHBOARD]
解析コード：5：コンフィグ設定画面：[TEMPLATES]
解析コード：6：コンフィグ設定画面：[SETTINGS] – [PAGE SETTINGS]
解析コード：7：コンフィグ設定画面：[SETTINGS] – [HEADER SETTINGS]
解析コード：8：コンフィグ設定画面：[SETTINGS] – [COUNTDOWN SETTINGS]
解析コード：9：コンフィグ設定画面：[DESIGN] – [BACKGROUND]
解析コード：10：コンフィグ設定画面：[DESIGN] – [TEXT AND COLOR]
解析コード：11：コンフィグ設定画面：[DESIGN] – [CUSTOM CSS CODES]
解析コード：12：コンフィグ設定画面：[SOCIAL PROFILE]
解析コード：13：コンフィグ設定画面：[ABOUT US SECTION]
解析コード：14：コンフィグ設定画面：[CONTACT INFO]
解析コード：15：コンフィグ設定画面：[NEWSLETTER AND SUBSCRIBER SETTINGS] – [NEWSLETTER SETTINGS]
解析コード：16：コンフィグ設定画面：[NEWSLETTER AND SUBSCRIBER SETTINGS] – [SUBSCRIPTION FIELD SETTINGS]
解析コード：17：コンフィグ設定画面：[HELP & SUPPORT]
解析コード：18：コンフィグ設定画面：[PRO FEATURES]
解析コード：19：コンテンツ下部の共通設定：１
解析コード：20：コンテンツ下部の共通設定：２

解析コード：<head>～</head>

<!DOCTYPE html>
<html class="wp-toolbar" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Responsive Coming Soon - 螻蛄街道 - WordPress</title>

<script type="text/javascript">
addLoadEvent = function(func) {
    if (typeof jQuery!=='undefined') {
        jQuery(document).ready(func);
    } else if (typeof wpOnload!=='function') {
        wpOnload = func;
    } else {
        var oldonload = wpOnload;
        wpOnload = function() {
            oldonload();
            func();
        }
    }
};
var ajaxurl            = '/wp-admin/admin-ajax.php',
    pagenow            = 'toplevel_page_wpsm_responsive_coming_soon',
    typenow            = '',
    adminpage          = 'toplevel_page_wpsm_responsive_coming_soon',
    thousandsSeparator = ',',
    decimalPoint       = '.',
    isRtl              = 0;
</script>

<link rel='dns-prefetch' href='//s.w.org' />

<style type="text/css">
img.wp-smiley,
img.emoji {
    display:                                                inline !important;
    border:                                                 none !important;
    box-shadow:                                             none !important;
    height:                                                 1em !important;
    width:                                                  1em !important;
    margin:                                                 0 .07em !important;
    vertical-align:                                         -0.1em !important;
    background:                                             none !important;
    padding:                                                0 !important;
}
</style>

<link rel='stylesheet' href='https://wp4.okera-literacy.com/wp-admin/load-styles.php?
c                 = 0&amp;
dir               = ltr&amp;
load%5Bchunk_0%5D = dashicons,
                    admin-bar,
                    common,
                    forms,
                    admin-menu,
                    dashboard,
                    list-tables,
                    edit,
                    revisions,
                    media,
                    themes,
                    about,
                    nav-menus,
                    wp-pointer,
                    widgets&amp;
load%5Bchunk_1%5D = ,
                    site-icon,
                    l10n,
                    buttons,
                    wp-auth-check,
                    media-views,
                    wp-color-picker&amp;
ver               = 5.5.1' type="text/css" media='all' />
<link rel='stylesheet' id='arconix-faq-admin-css'            href='https://wp4.okera-literacy.com/wp-content/plugins/arconix-faq/includes/css/admin.css?ver=1.9.1' media='all' />
<link rel='stylesheet' id='wpmp-admin-custom-css'            href='https://wp4.okera-literacy.com/wp-content/plugins/wp-multibyte-patch/ext/ja/admin.css?ver=20131223' media='all' />
<link rel='stylesheet' id='mediaelement-css'                 href='https://wp4.okera-literacy.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.13-9993131' media='all' />
<link rel='stylesheet' id='wp-mediaelement-css'              href='https://wp4.okera-literacy.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='imgareaselect-css'                href='https://wp4.okera-literacy.com/wp-includes/js/imgareaselect/imgareaselect.css?ver=0.9.8' media='all' />
<!-- Responsive Coming Soon Start ： script.php -->
<link rel='stylesheet' id='thickbox-css'                     href='https://wp4.okera-literacy.com/wp-includes/js/thickbox/thickbox.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-bootstrap_css-css'       href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/bootstrap.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-smartech_css-css'        href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/smartech.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-font-awesome_min-css'    href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/font-awesome/css/font-awesome.min.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-font-awesome-picker-css' href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/fontawesome-iconpicker.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-dialog-css'              href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/dialog/dialog.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-dialog-box-style-css'    href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/dialog/dialog-box-style.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-dialog-wilma-css'        href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/dialog/dialog-jamie.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-fv-css'                  href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/fv.css?ver=5.5.1' media='all' />
<link rel='stylesheet' id='wpsm_rcs-jquery-ui-css-css'       href='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/css/rcsp_jquery-ui.css?ver=5.5.1' media='all' />
<!-- Responsive Coming Soon End ： script.php -->

<script type="text/javascript">
window._wpemojiSettings = {
    "baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/72x72\/",
    "ext"    :".png",
    "svgUrl" :"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/svg\/",
    "svgExt" :".svg",
    "source" : {"concatemoji":"https:\/\/wp4.okera-literacy.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.5.1"}};

!function(e, a, t) {
    var r, n, o, i, p = a.createElement("canvas"),
                    s = p.getContext&&p.getContext("2d");

    function c(e, t) {
        var  a = String.fromCharCode;
             s.clearRect(0,
                         0,
                         p.width,
                         p.height),
                         s.fillText(a.apply(this, e),
                         0,
                         0);
        var r = p.toDataURL();
        return s.clearRect(0,
                           0,
                           p.width,
                           p.height),
               s.fillText(a.apply(this,t),
                          0,
                          0),
               r === p.toDataURL()
    }

    function l(e) {
        if (!s || !s.fillText) {
            return!1;
        }

        switch (s.textBaseline="top", s.font="600 32px Arial", e) {
        case "flag":
            return!c([127987,65039,8205,9895,65039],
                     [127987,65039,8203,9895,65039]) && (!c([55356,56826,55356,56819],
                                                            [55356,56826,8203,55356,56819]) 
                                                      && !c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],
                                                            [55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));
        case "emoji":
            return!c([55357,56424,8205,55356,57212],
                     [55357,56424,8203,55356,57212])
        }
        return!1
    }

    function d(e) {
        var t = a.createElement("script");
        t.src = e,
        t.defer = t.type = "text/javascript",
        a.getElementsByTagName("head")[0].appendChild(t)
    }

    i = Array("flag",
              "emoji");
    t.supports = {everything:!0,
                  everythingExceptFlag:!0};
    for (o = 0; o < i.length; o++) {
        t.supports[i[o]]      = l(i[o]),
        t.supports.everything = t.supports.everything&&t.supports[i[o]],
        "flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);
    }

    t.supports.everythingExceptFlag = t.supports.everythingExceptFlag&&!t.supports.flag,
    t.DOMReady                      = !1,
    t.readyCallback                 = function(){t.DOMReady=!0},
    t.supports.everything || (n=function(){t.readyCallback()},
                              a.addEventListener
                              ?
                                (a.addEventListener("DOMContentLoaded",
                                                    n,
                                                    !1),
                                e.addEventListener("load",
                                                   n,
                                                   !1))
                              :
                                (e.attachEvent("onload",
                                               n),
                                 a.attachEvent("onreadystatechange",
                                               function() {"complete"===a.readyState&&t.readyCallback()})),
                              (r=t.source||{}).concatemoji
                              ?
                                d(r.concatemoji)
                              :
                                r.wpemoji&&r.twemoji&&(d(r.twemoji),
                                                       d(r.wpemoji))
                             )
} (window,
   document,
   window._wpemojiSettings);
</script>

<script type='text/javascript'>
/* <![CDATA[ */
var userSettings = {"url":             "\/",
                    "uid":             "1",
                    "time":            "1599292505",
                    "secure":          "1"};
var thickboxL10n = {"next":            "\u6b21\u3078 >",
                    "prev":            "< \u524d\u3078",
                    "image":           "\u753b\u50cf",
                    "of":              "\/",
                    "close":           "\u9589\u3058\u308b",
                    "noiframes":       "\u3053\u306e\u6a5f\u80fd\u3067\u306f iframe
                                        \u304c\u5fc5\u8981\u3067\u3059\u3002\u73fe\u5728 iframe
                                        \u3092\u7121\u52b9\u5316\u3057\u3066\u3044\u308b\u304b\u3001
                                        \u5bfe\u5fdc\u3057\u3066\u3044\u306a\u3044\u30d6\u30e9\u30a6
                                        \u30b6\u30fc\u3092\u4f7f\u3063\u3066\u3044\u308b\u3088\u3046\u3067\u3059\u3002",
                    "loadingAnimation":"https:\/\/wp4.okera-literacy.com\/wp-includes\/js\/thickbox\/loadingAnimation.gif"};
/* ]]> */
</script>

<script type='text/javascript' src='https://wp4.okera-literacy.com/wp-admin/load-scripts.php?c=0&amp;
                                                                                             load%5Bchunk_0%5D=jquery-core,
                                                                                                               utils,
                                                                                                               underscore,
                                                                                                               shortcode,
                                                                                                               moxiejs,
                                                                                                               plupload,
                                                                                                               jquery-ui-core,
                                                                                                               thickbox,
                                                                                                               media-upload,
                                                                                                               jquery-ui-datepicker&amp;
                                                                                             ver=5.5.1'></script>

<!--[if lt IE 8]>
<script src='https://wp4.okera-literacy.com/wp-includes/js/json2.min.js?ver=2015-05-03' id='json2-js'></script>
<![endif]-->

<!-- Responsive Coming Soon Start ： script.php -->
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/media-upload-script.js?ver=5.5.1'             id='wpsm_rcs-media-uploads-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/jquery-ui-timepicker.js?ver=5.5.1'            id='wpsm_rcs-time-picker-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/popper.js?ver=5.5.1'                          id='wpsm_rcs-popper-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/bootstrap.min.js?ver=5.5.1'                   id='wpsm_rcs-bootstrap_min_js-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/plugins/metisMenu/metisMenu.min.js?ver=5.5.1' id='wpsm_rcs-metisMenu-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/smartech.js?ver=5.5.1'                        id='wpsm_rcs-smartech-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/rcsp_sidebar_nav.js?ver=5.5.1'                id='wpsm_rcs-sidebar_nav-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/fontawesome-iconpicker.js?ver=5.5.1'          id='wpsm_rcs-font-icon-picker-js-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/chosen.jquery.js?ver=5.5.1'                   id='wpsm_rcs-bootstrap-multiselect-js-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/rcsp-option-data-save.js?ver=5.5.1'           id='wpsm_rcs-rcsp-option-data-save-js-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/validator.js?ver=5.5.1'                       id='wpsm_rcs-rcsp-validator-js-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/dialog/snap.svg-min.js?ver=5.5.1'             id='wpsm_rcs-snap-svg-min-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/dialog/modernizr.custom.js?ver=5.5.1'         id='wpsm_rcs-modernizr-custom-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/dialog/classie.js?ver=5.5.1'                  id='wpsm_rcs-classie-js'></script>
<script src='https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/js/dialog/dialogFx.js?ver=5.5.1'                 id='wpsm_rcs-dialogFx-js'></script>
<!-- Responsive Coming Soon End ： script.php -->

<link id="wp-admin-canonical" rel="canonical" href="https://wp4.okera-literacy.com/wp-admin/admin.php?page=wpsm_responsive_coming_soon" />

<script>
if (window.history.replaceState) {
    window.history.replaceState(null,
                                null,
                                document.getElementById('wp-admin-canonical').href + window.location.hash);
}
</script>

<script type="text/javascript">
    var _wpColorScheme = {"icons":{"base":   "#a0a5aa",
                                   "focus":  "#00a0d2",
                                   "current":"#fff"}};
</script>

<meta name="viewport" content="width=device-width,initial-scale=1.0">

<!-- Ozh' Admin Drop Down Menu Start -->
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<link rel=  'stylesheet'
      href= 'https://wp4.okera-literacy.com/wp-content/plugins/ozh-admin-drop-down-menu/inc/adminmenu.css.php?v=3.7.1&
                                                                                                              p=%2Fwp-content%2Fplugins%2Fozh-admin-drop-down-menu%2Finc%2F&
                                                                                                              a=%2Fwp-admin%2F&
                                                                                                              i=1&
                                                                                                              w=1&
                                                                                                              m=1&
                                                                                                              c=0&
                                                                                                              h=1&
                                                                                                              g=%233838a3&
                                                                                                              n=0&
                                                                                                              d=left'
      type= 'text/css'
      media='all' />

<script type="text/javascript">
<!--//-->
<![CDATA[//>
<!--
var oam_toomanypluygins = 30;
var oam_adminmenu       = false;
jQuery(document).ready(function() {
    // Do we need to init everything ?
    var ozhmenu_uselesslinks = jQuery('#user_info p').html();
    if (ozhmenu_uselesslinks) {
        oam_adminmenu = true;
    }
})
//-->
<!]]>
</script>
<script src="https://wp4.okera-literacy.com/wp-content/plugins/ozh-admin-drop-down-menu/inc/js/adminmenu.js?v=3.7.1" type="text/javascript"></script>
<!-- Ozh' Admin Drop Down Menu End -->
</head>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

<!DOCTYPE html>

<head>

<title>Responsive Coming Soon - 螻蛄街道 - WordPress</title>

addLoadEvent = function(func) {

if (typeof jQuery!=='undefined') {

jQuery(document).ready(func);

} else if (typeof wpOnload!=='function') {

wpOnload = func;

} else {

var oldonload = wpOnload;

wpOnload = function() {

oldonload();

func();

}

};

var ajaxurl = '/wp-admin/admin-ajax.php',

pagenow = 'toplevel_page_wpsm_responsive_coming_soon',

typenow = '',

adminpage = 'toplevel_page_wpsm_responsive_coming_soon',

thousandsSeparator = ',',

decimalPoint = '.',

isRtl = 0;

</script>

img.wp-smiley,

img.emoji {

display: inline !important;

border: none !important;

box-shadow: none !important;

height: 1em !important;

width: 1em !important;

margin: 0 .07em !important;

vertical-align: -0.1em !important;

background: none !important;

padding: 0 !important;

}

</style>

c = 0&

dir = ltr&

load%5Bchunk_0%5D = dashicons,

admin-bar,

common,

forms,

admin-menu,

dashboard,

list-tables,

edit,

revisions,

media,

themes,

about,

nav-menus,

wp-pointer,

widgets&

load%5Bchunk_1%5D = ,

site-icon,

l10n,

buttons,

wp-auth-check,

media-views,

wp-color-picker&

ver = 5.5.1' type="text/css" media='all' />

window._wpemojiSettings = {

"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/72x72\/",

"ext" :".png",

"svgUrl" :"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/svg\/",

"svgExt" :".svg",

"source" : {"concatemoji":"https:\/\/wp4.okera-literacy.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.5.1"}};

!function(e, a, t) {

var r, n, o, i, p = a.createElement("canvas"),

s = p.getContext&&p.getContext("2d");

function c(e, t) {

var a = String.fromCharCode;

s.clearRect(0,

p.width,

p.height),

s.fillText(a.apply(this, e),

0);

var r = p.toDataURL();

return s.clearRect(0,

p.width,

p.height),

s.fillText(a.apply(this,t),

0),

r === p.toDataURL()

}

function l(e) {

if (!s || !s.fillText) {

return!1;

}

switch (s.textBaseline="top", s.font="600 32px Arial", e) {

case "flag":

return!c([127987,65039,8205,9895,65039],

[127987,65039,8203,9895,65039]) && (!c([55356,56826,55356,56819],

[55356,56826,8203,55356,56819])

&& !c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],

[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));

case "emoji":

return!c([55357,56424,8205,55356,57212],

[55357,56424,8203,55356,57212])

}

return!1

}

function d(e) {

var t = a.createElement("script");

t.src = e,

t.defer = t.type = "text/javascript",

a.getElementsByTagName("head")[0].appendChild(t)

}

i = Array("flag",

"emoji");

t.supports = {everything:!0,

everythingExceptFlag:!0};

for (o = 0; o < i.length; o++) {

t.supports[i[o]] = l(i[o]),

t.supports.everything = t.supports.everything&&t.supports[i[o]],

"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);

}

t.supports.everythingExceptFlag = t.supports.everythingExceptFlag&&!t.supports.flag,

t.DOMReady = !1,

t.readyCallback = function(){t.DOMReady=!0},

t.supports.everything || (n=function(){t.readyCallback()},

a.addEventListener

(a.addEventListener("DOMContentLoaded",

!1),

e.addEventListener("load",

!1))

(e.attachEvent("onload",

n),

a.attachEvent("onreadystatechange",

function() {"complete"===a.readyState&&t.readyCallback()})),

(r=t.source||{}).concatemoji

d(r.concatemoji)

r.wpemoji&&r.twemoji&&(d(r.twemoji),

d(r.wpemoji))

)

} (window,

document,

window._wpemojiSettings);

</script>

/* <![CDATA[ */

var userSettings = {"url": "\/",

"uid": "1",

"time": "1599292505",

"secure": "1"};

var thickboxL10n = {"next": "\u6b21\u3078 >",

"prev": "< \u524d\u3078",

"image": "\u753b\u50cf",

"of": "\/",

"close": "\u9589\u3058\u308b",

"noiframes": "\u3053\u306e\u6a5f\u80fd\u3067\u306f iframe

\u304c\u5fc5\u8981\u3067\u3059\u3002\u73fe\u5728 iframe

\u3092\u7121\u52b9\u5316\u3057\u3066\u3044\u308b\u304b\u3001

\u5bfe\u5fdc\u3057\u3066\u3044\u306a\u3044\u30d6\u30e9\u30a6

\u30b6\u30fc\u3092\u4f7f\u3063\u3066\u3044\u308b\u3088\u3046\u3067\u3059\u3002",

"loadingAnimation":"https:\/\/wp4.okera-literacy.com\/wp-includes\/js\/thickbox\/loadingAnimation.gif"};

/* ]]> */

</script>

load%5Bchunk_0%5D=jquery-core,

utils,

underscore,

shortcode,

moxiejs,

plupload,

jquery-ui-core,

thickbox,

media-upload,

jquery-ui-datepicker&

ver=5.5.1'></script>

<!--[if lt IE 8]>

<![endif]-->

if (window.history.replaceState) {

window.history.replaceState(null,

null,

document.getElementById('wp-admin-canonical').href + window.location.hash);

}

</script>

var _wpColorScheme = {"icons":{"base": "#a0a5aa",

"focus": "#00a0d2",

"current":"#fff"}};

</script>

href= 'https://wp4.okera-literacy.com/wp-content/plugins/ozh-admin-drop-down-menu/inc/adminmenu.css.php?v=3.7.1&

p=%2Fwp-content%2Fplugins%2Fozh-admin-drop-down-menu%2Finc%2F&

a=%2Fwp-admin%2F&

i=1&

w=1&

m=1&

c=0&

h=1&

g=%233838a3&

n=0&

d=left'

type= 'text/css'

media='all' />

<![CDATA[//>

<!--

var oam_toomanypluygins = 30;

var oam_adminmenu = false;

jQuery(document).ready(function() {

// Do we need to init everything ?

var ozhmenu_uselesslinks = jQuery('#user_info p').html();

if (ozhmenu_uselesslinks) {

oam_adminmenu = true;

}

})

//-->

<!]]>

</script>

</head>

解析コード：1：非表示中の管理メニュー

<body class="wp-admin
             wp-core-ui
             no-js
             toplevel_page_wpsm_responsive_coming_soon
             auto-fold
             admin-bar
             branch-5-5
             version-5-5-1
             admin-color-fresh
             locale-ja
             no-customize-support
             no-svg">
<script type="text/javascript">
document.body.className = document.body.className.replace('no-js',
                                                          'js');
</script>
<script type="text/javascript">
(function() {
    var request,
        b   = document.body,
        c   = 'className',
        cs  = 'customize-support',
        rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');

    request = true;
    b[c]    = b[c].replace(rcs,
                           ' ');
    // The customizer requires postMessage and CORS (if the site is cross domain).
    b[c] += (window.postMessage && request ? ' ' : ' no-') + cs;
}());
</script>

<!-- 非表示中の管理メニュー Start -->
<div id="wpwrap">
  <div id="adminmenumain" role="navigation" aria-label="メインメニュー">
    <a href="#wpbody-content" class="screen-reader-shortcut">メインコンテンツへスキップ</a>
    <a href="#wp-toolbar"     class="screen-reader-shortcut">ツールバーへスキップ</a>
      <div id="adminmenuback"></div>
      <div id="adminmenuwrap">
        <ul id="adminmenu">
          <li class="wp-first-item wp-has-submenu wp-not-current-submenu menu-top menu-top-first menu-icon-dashboard menu-top-last" id="menu-dashboard">
            <a href='index.php' class="wp-first-item wp-has-submenu wp-not-current-submenu menu-top menu-top-first menu-icon-dashboard menu-top-last" aria-haspopup="true">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-dashboard'><br /></div>
              <div class='wp-menu-name'>ダッシュボード</div>
            </a>
            <ul class='wp-submenu wp-submenu-wrap'>
              <li class='wp-submenu-head' aria-hidden='true'>ダッシュボード</li>
              <li class="wp-first-item"><a href='index.php' class="wp-first-item">ホーム</a></li>
              <li><a href='update-core.php'>更新 <span class="update-plugins count-0"><span class="update-count">0</span></span></a></li>
            </ul>
          </li>
          <li class="wp-not-current-submenu wp-menu-separator" aria-hidden="true">
            <div class="separator"></div>
          </li>
          <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-post open-if-no-js menu-top-first" id="menu-posts">
            <a href='edit.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-post open-if-no-js menu-top-first" aria-haspopup="true">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-admin-post'><br /></div>
              <div class='wp-menu-name'>投稿</div>
            </a>
            <ul class='wp-submenu wp-submenu-wrap'>
              <li class='wp-submenu-head' aria-hidden='true'>投稿</li>
              <li class="wp-first-item"><a href='edit.php' class="wp-first-item">投稿一覧</a></li>
              <li><a href='post-new.php'>新規追加</a></li>
              <li><a href='edit-tags.php?taxonomy=category'>カテゴリー</a></li>
              <li><a href='edit-tags.php?taxonomy=post_tag'>タグ</a></li>
            </ul>
          </li>
          <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-media" id="menu-media">
            <a href='upload.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-media" aria-haspopup="true">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-admin-media'><br /></div>
              <div class='wp-menu-name'>メディア</div>
            </a>
            <ul class='wp-submenu wp-submenu-wrap'>
              <li class='wp-submenu-head' aria-hidden='true'>メディア</li>
              <li class="wp-first-item"><a href='upload.php' class="wp-first-item">ライブラリ</a></li>
              <li><a href='media-new.php'>新規追加</a></li>
            </ul>
          </li>
          <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-page" id="menu-pages">
            <a href='edit.php?post_type=page' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-page" aria-haspopup="true">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-admin-page'><br /></div>
              <div class='wp-menu-name'>固定ページ</div>
            </a>
            <ul class='wp-submenu wp-submenu-wrap'>
              <li class='wp-submenu-head' aria-hidden='true'>固定ページ</li>
              <li class="wp-first-item"><a href='edit.php?post_type=page' class="wp-first-item">固定ページ一覧</a></li>
              <li><a href='post-new.php?post_type=page'>新規追加</a></li>
            </ul>
          </li>
          <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-faq" id="menu-posts-faq">
            <a href='edit.php?post_type=faq' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-faq" aria-haspopup="true">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-editor-help'><br /></div>
              <div class='wp-menu-name'>FAQ</div>
            </a>
            <ul class='wp-submenu wp-submenu-wrap'>
              <li class='wp-submenu-head' aria-hidden='true'>FAQ</li>
              <li class="wp-first-item"><a href='edit.php?post_type=faq' class="wp-first-item">FAQ</a></li>
              <li><a href='post-new.php?post_type=faq'>Add New</a></li>
              <li><a href='edit-tags.php?taxonomy=group&amp;post_type=faq'>Groups</a></li>
              <li><a href='edit.php?post_type=faq&#038;page=faq_support_page'>FAQ &#038; Support</a></li>
            </ul>
          </li>
          <li class="wp-not-current-submenu menu-top menu-icon-comments menu-top-last" id="menu-comments">
            <a href='edit-comments.php' class="wp-not-current-submenu menu-top menu-icon-comments menu-top-last">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-admin-comments'><br /></div>
              <div class='wp-menu-name'>コメント <span class="awaiting-mod count-0"><span class="pending-count" aria-hidden="true">0</span><span class="comments-in-moderation-text screen-reader-text">0件のコメントが承認待ちです</span></span></div>
            </a>
          </li>
          <li class="wp-not-current-submenu wp-menu-separator" aria-hidden="true">
            <div class="separator"></div>
          </li>
          <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-appearance menu-top-first" id="menu-appearance">
          <a href='themes.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-appearance menu-top-first" aria-haspopup="true">
            <div class="wp-menu-arrow"><div></div></div>
            <div class='wp-menu-image dashicons-before dashicons-admin-appearance'><br /></div>
            <div class='wp-menu-name'>外観</div>
          </a>
          <ul class='wp-submenu wp-submenu-wrap'>
            <li class='wp-submenu-head' aria-hidden='true'>外観</li>
            <li class="wp-first-item"><a href='themes.php' class="wp-first-item">テーマ</a></li>
            <li class="hide-if-no-customize"><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon' class="hide-if-no-customize">カスタマイズ</a></li>
            <li><a href='widgets.php'>ウィジェット</a></li>
            <li><a href='nav-menus.php'>メニュー</a></li>
            <li class="hide-if-no-customize"><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon&#038;autofocus%5Bcontrol%5D=header_image' class="hide-if-no-customize">ヘッダー</a></li>
            <li class="hide-if-no-customize"><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon&#038;autofocus%5Bcontrol%5D=background_image' class="hide-if-no-customize">背景</a></li>
            <li><a href='edit.php?post_type=coblocks_pattern'>Block Patterns</a></li>
            <li><a href='themes.php?page=newsup-getting-started'>About Newsup <span class="awaiting-mod action-count">1</span></a></li>
            <li><a href='themes.php?page=custom-header'>ヘッダー</a></li>
            <li><a href='themes.php?page=custom-background'>背景</a></li>
            <li><a href='theme-editor.php'>テーマエディター</a></li>
          </ul>
        </li>
        <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-plugins" id="menu-plugins">
          <a href='plugins.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-plugins" aria-haspopup="true">
            <div class="wp-menu-arrow"><div></div></div>
            <div class='wp-menu-image dashicons-before dashicons-admin-plugins'><br /></div>
            <div class='wp-menu-name'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></div>
          </a>
          <ul class='wp-submenu wp-submenu-wrap'>
            <li class='wp-submenu-head' aria-hidden='true'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></li>
            <li class="wp-first-item"><a href='plugins.php' class="wp-first-item">インストール済みプラグイン</a></li>
            <li><a href='plugin-install.php'>新規追加</a></li>
            <li><a href='plugin-editor.php'>プラグインエディター</a></li>
          </ul>
        </li>
        <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-users" id="menu-users">
          <a href='users.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-users" aria-haspopup="true">
            <div class="wp-menu-arrow"><div></div></div>
            <div class='wp-menu-image dashicons-before dashicons-admin-users'><br /></div>
            <div class='wp-menu-name'>ユーザー</div>
          </a>
          <ul class='wp-submenu wp-submenu-wrap'>
            <li class='wp-submenu-head' aria-hidden='true'>ユーザー</li>
            <li class="wp-first-item"><a href='users.php' class="wp-first-item">ユーザー一覧</a></li>
            <li><a href='user-new.php'>新規追加</a></li>
            <li><a href='profile.php'>プロフィール</a></li>
            <li><a href='ozh_admin_menu_logout'>ログアウト</a></li>
          </ul>
        </li>
        <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-tools" id="menu-tools">
          <a href='tools.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-tools" aria-haspopup="true">
            <div class="wp-menu-arrow"><div></div></div>
            <div class='wp-menu-image dashicons-before dashicons-admin-tools'><br /></div> 
            <div class='wp-menu-name'>ツール</div></a>
            <ul class='wp-submenu wp-submenu-wrap'>
              <li class='wp-submenu-head' aria-hidden='true'>ツール</li>
              <li class="wp-first-item"><a href='tools.php' class="wp-first-item">利用可能なツール</a></li>
              <li><a href='import.php'>インポート</a></li>
              <li><a href='export.php'>エクスポート</a></li>
              <li><a href='site-health.php'>サイトヘルス</a></li>
              <li><a href='export-personal-data.php'>個人データのエクスポート</a></li>
              <li><a href='erase-personal-data.php'>個人データの消去</a></li>
              <li><a href='tools.php?page=view-broken-links'>リンクエラー <span class="update-plugins"><span class="update-count blc-menu-bubble">1</span></span></a></li>
            </ul>
          </li>
          <li class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-settings menu-top-last" id="menu-settings">
            <a href='options-general.php' class="wp-has-submenu wp-not-current-submenu menu-top menu-icon-settings menu-top-last" aria-haspopup="true">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-admin-settings'><br /></div>
              <div class='wp-menu-name'>設定</div>
            </a>
            <ul class='wp-submenu wp-submenu-wrap'>
              <li class='wp-submenu-head' aria-hidden='true'>設定</li>
              <li class="wp-first-item"><a href='options-general.php' class="wp-first-item">一般</a></li>
              <li><a href='options-writing.php'>投稿設定</a></li>
              <li><a href='options-reading.php'>表示設定</a></li>
              <li><a href='options-discussion.php'>ディスカッション</a></li>
              <li><a href='options-media.php'>メディア</a></li>
              <li><a href='options-permalink.php'>パーマリンク設定</a></li>
              <li><a href='options-privacy.php'>プライバシー</a></li>
              <li><a href='options-general.php?page=ozh_admin_menu'>Admin Menu</a></li>
              <li><a href='options-general.php?page=bbq_settings'>BBQ Firewall</a></li>
              <li><a href='options-general.php?page=tinymce-advanced'>TinyMCE Advanced</a></li>
              <li><a href='options-general.php?page=urvanov_syntax_highlighter_settings'>Crayon</a></li>
              <li><a href='options-general.php?page=breadcrumb-navxt'>Breadcrumb NavXT</a></li>
              <li><a href='options-general.php?page=link-checker-settings'>リンクチェッカー</a></li>
            </ul>
          </li>
          <li class="wp-not-current-submenu wp-menu-separator" aria-hidden="true">
            <div class="separator"></div>
          </li>
          <li class="current menu-top toplevel_page_wpsm_responsive_coming_soon menu-top-first menu-top-last" id="toplevel_page_wpsm_responsive_coming_soon">
            <a href='admin.php?page=wpsm_responsive_coming_soon' class="current menu-top toplevel_page_wpsm_responsive_coming_soon menu-top-first menu-top-last" aria-current="page">
              <div class="wp-menu-arrow"><div></div></div>
              <div class='wp-menu-image dashicons-before dashicons-welcome-view-site'><br /></div>
              <div class='wp-menu-name'>Responsive Coming Soon</div>
            </a>
          </li>
          <li id="collapse-menu" class="hide-if-no-js">
            <button type="button" id="collapse-button" aria-label="メインメニューを折りたたむ" aria-expanded="true">
              <span class="collapse-button-icon" aria-hidden="true"></span><span class="collapse-button-label">メニューを閉じる</span>
            </button>
          </li>
        </ul>
      </div>
    </div>
<!-- 非表示中の管理メニュー End -->

1001

1002

1003

1004

1005

1006

1007

1008

1009

1010

1011

1012

1013

1014

1015

1016

1017

1018

1019

1020

1021

1022

1023

1024

1025

1026

1027

1028

1029

1030

1031

1032

1033

1034

1035

1036

1037

1038

1039

1040

1041

1042

1043

1044

1045

1046

1047

1048

1049

1050

1051

1052

1053

1054

1055

1056

1057

1058

1059

1060

1061

1062

1063

1064

1065

1066

1067

1068

1069

1070

1071

1072

1073

1074

1075

1076

1077

1078

1079

1080

1081

1082

1083

1084

1085

1086

1087

1088

1089

1090

1091

1092

1093

1094

1095

1096

1097

1098

1099

1100

1101

1102

1103

1104

1105

1106

1107

1108

1109

1110

1111

1112

1113

1114

1115

1116

1117

1118

1119

1120

1121

1122

1123

1124

1125

1126

1127

1128

1129

1130

1131

1132

1133

1134

1135

1136

1137

1138

1139

1140

1141

1142

1143

1144

1145

1146

1147

1148

1149

1150

1151

1152

1153

1154

1155

1156

1157

1158

1159

1160

1161

1162

1163

1164

1165

1166

1167

1168

1169

1170

1171

1172

1173

1174

1175

1176

1177

1178

1179

1180

1181

1182

1183

1184

1185

1186

1187

1188

1189

1190

1191

1192

1193

1194

1195

1196

1197

1198

1199

1200

1201

1202

1203

1204

1205

1206

1207

1208

1209

1210

1211

1212

1213

1214

1215

1216

1217

1218

1219

1220

1221

1222

1223

<body class="wp-admin

wp-core-ui

no-js

toplevel_page_wpsm_responsive_coming_soon

auto-fold

admin-bar

branch-5-5

version-5-5-1

admin-color-fresh

locale-ja

no-customize-support

no-svg">

document.body.className = document.body.className.replace('no-js',

'js');

</script>

(function() {

var request,

b = document.body,

c = 'className',

cs = 'customize-support',

rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');

request = true;

b[c] = b[c].replace(rcs,

' ');

// The customizer requires postMessage and CORS (if the site is cross domain).

b[c] += (window.postMessage && request ? ' ' : ' no-') + cs;

}());

</script>

<a href="#wpbody-content" class="screen-reader-shortcut">メインコンテンツへスキップ</a>

<a href="#wp-toolbar" class="screen-reader-shortcut">ツールバーへスキップ</a>

<div class='wp-menu-name'>ダッシュボード</div>

</a>

<li class='wp-submenu-head' aria-hidden='true'>ダッシュボード</li>

</ul>

</li>

</li>

</a>

<li><a href='edit-tags.php?taxonomy=category'>カテゴリー</a></li>

</ul>

</li>

</a>

<li class="wp-first-item"><a href='upload.php' class="wp-first-item">ライブラリ</a></li>

</ul>

</li>

<div class='wp-menu-name'>固定ページ</div>

</a>

<li class='wp-submenu-head' aria-hidden='true'>固定ページ</li>

<li class="wp-first-item"><a href='edit.php?post_type=page' class="wp-first-item">固定ページ一覧</a></li>

</ul>

</li>

</a>

<li><a href='edit-tags.php?taxonomy=group&post_type=faq'>Groups</a></li>

<li><a href='edit.php?post_type=faq&page=faq_support_page'>FAQ & Support</a></li>

</ul>

</li>

<div class='wp-menu-name'>コメント <span class="awaiting-mod count-0"><span class="pending-count" aria-hidden="true">0</span><span class="comments-in-moderation-text screen-reader-text">0件のコメントが承認待ちです</span></span></div>

</a>

</li>

</li>

</a>

<li class="hide-if-no-customize"><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon' class="hide-if-no-customize">カスタマイズ</a></li>

<li><a href='widgets.php'>ウィジェット</a></li>

<li><a href='edit.php?post_type=coblocks_pattern'>Block Patterns</a></li>

<li><a href='themes.php?page=newsup-getting-started'>About Newsup <span class="awaiting-mod action-count">1</span></a></li>

<li><a href='theme-editor.php'>テーマエディター</a></li>

</ul>

</li>

<div class='wp-menu-name'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></div>

</a>

<li class='wp-submenu-head' aria-hidden='true'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></li>

<li class="wp-first-item"><a href='plugins.php' class="wp-first-item">インストール済みプラグイン</a></li>

<li><a href='plugin-editor.php'>プラグインエディター</a></li>

</ul>

</li>

</a>

<li class="wp-first-item"><a href='users.php' class="wp-first-item">ユーザー一覧</a></li>

<li><a href='profile.php'>プロフィール</a></li>

<li><a href='ozh_admin_menu_logout'>ログアウト</a></li>

</ul>

</li>

<li class="wp-first-item"><a href='tools.php' class="wp-first-item">利用可能なツール</a></li>

<li><a href='import.php'>インポート</a></li>

<li><a href='export.php'>エクスポート</a></li>

<li><a href='site-health.php'>サイトヘルス</a></li>

<li><a href='export-personal-data.php'>個人データのエクスポート</a></li>

<li><a href='erase-personal-data.php'>個人データの消去</a></li>

<li><a href='tools.php?page=view-broken-links'>リンクエラー <span class="update-plugins"><span class="update-count blc-menu-bubble">1</span></span></a></li>

</ul>

</li>

</a>

<li><a href='options-discussion.php'>ディスカッション</a></li>

<li><a href='options-permalink.php'>パーマリンク設定</a></li>

<li><a href='options-privacy.php'>プライバシー</a></li>

<li><a href='options-general.php?page=ozh_admin_menu'>Admin Menu</a></li>

<li><a href='options-general.php?page=bbq_settings'>BBQ Firewall</a></li>

<li><a href='options-general.php?page=tinymce-advanced'>TinyMCE Advanced</a></li>

<li><a href='options-general.php?page=urvanov_syntax_highlighter_settings'>Crayon</a></li>

<li><a href='options-general.php?page=breadcrumb-navxt'>Breadcrumb NavXT</a></li>

<li><a href='options-general.php?page=link-checker-settings'>リンクチェッカー</a></li>

</ul>

</li>

</li>

<div class='wp-menu-name'>Responsive Coming Soon</div>

</a>

</li>

<span class="collapse-button-icon" aria-hidden="true"></span><span class="collapse-button-label">メニューを閉じる</span>

</button>

</li>

</ul>

</div>

解析コード：2：プラグインが表示する管理メニュー

    <div id="wpcontent">

<!-- Ozh' Admin Drop Down Menu Start -->
<style type="text/css">
#oamsub_ozh_admin_menu a {
    background:                                             url(https://wp4.okera-literacy.com/wp-content/plugins/ozh-admin-drop-down-menu/inc/images/ozh.png) center left no-repeat;
}
</style>

      <div id="ozhmenu_wrap">
        <ul id="ozhmenu">
          <li id="oam_bloglink" class="ozhmenu_toplevel">
            <a href='https://wp4.okera-literacy.com/' title='サイトを表示'>螻蛄街道 &raquo;</a>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-dashboard'>
            <a href='index.php' class="wp-first-item wp-has-submenu menu-top menu-top-first menu-icon-dashboard menu-top-last">
              <div class="wp-menu-image dashicons-before dashicons-dashboard"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>ダッシュボード</span>
            </a>
            <ul>
              <li class='toplevel_label'>ダッシュボード</li>
              <li class='ozhmenu_sublevel ' id='oamsub_index'><a href='index.php' class="wp-first-item">ホーム</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_update-core'><a href='update-core.php'>更新 0</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-posts'>
            <a href='edit.php' class="wp-has-submenu menu-top menu-icon-post open-if-no-js menu-top-first">
              <div class="wp-menu-image dashicons-before dashicons-admin-post"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>投稿</span>
            </a>
            <ul>
              <li class='toplevel_label'>投稿</li>
              <li class='ozhmenu_sublevel ' id='oamsub_edit'><a href='edit.php' class="wp-first-item">投稿一覧</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_post-new'><a href='post-new.php'>新規追加</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_edit-tags_taxonomy_category'><a href='edit-tags.php?taxonomy=category'>カテゴリー</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_edit-tags_taxonomy_post_tag'><a href='edit-tags.php?taxonomy=post_tag'>タグ</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-media'>
            <a href='upload.php' class="wp-has-submenu menu-top menu-icon-media">
              <div class="wp-menu-image dashicons-before dashicons-admin-media"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>メディア</span>
            </a>
            <ul>
              <li class='toplevel_label'>メディア</li>
              <li class='ozhmenu_sublevel ' id='oamsub_upload'><a href='upload.php' class="wp-first-item">ライブラリ</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_media-new'><a href='media-new.php'>新規追加</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-pages'>
            <a href='edit.php?post_type=page' class="wp-has-submenu menu-top menu-icon-page">
              <div class="wp-menu-image dashicons-before dashicons-admin-page"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>固定ページ</span>
            </a>
            <ul>
              <li class='toplevel_label'>固定ページ</li>
              <li class='ozhmenu_sublevel ' id='oamsub_edit_post_type_page'><a href='edit.php?post_type=page' class="wp-first-item">固定ページ一覧</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_post-new_post_type_page'><a href='post-new.php?post_type=page'>新規追加</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-posts-faq'>
            <a href='edit.php?post_type=faq' class="wp-has-submenu menu-top menu-icon-faq">
              <div class="wp-menu-image dashicons-before dashicons-editor-help"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>FAQ</span>
            </a>
            <ul>
              <li class='toplevel_label'>FAQ</li>
              <li class='ozhmenu_sublevel ' id='oamsub_edit_post_type_faq'><a href='edit.php?post_type=faq' class="wp-first-item">FAQ</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_post-new_post_type_faq'><a href='post-new.php?post_type=faq'>Add New</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_edit-tags_taxonomy_group&amp;post_type_faq'><a href='edit-tags.php?taxonomy=group&amp;post_type=faq'>Groups</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_faq_support_page'><a href='admin.php?page=faq_support_page'>FAQ & Support</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-comments'>
            <a href='edit-comments.php' class="menu-top menu-icon-comments menu-top-last">
              <div class="wp-menu-image dashicons-before dashicons-admin-comments"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span>
              <span class='full' style='display:inline'>コメント <span class="awaiting-mod count-0"><span class="pending-count" aria-hidden="true">0</span>
              <span class="comments-in-moderation-text screen-reader-text">0件のコメントが承認待ちです</span></span></span>
            </a>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-appearance'>
            <a href='themes.php' class="wp-has-submenu menu-top menu-icon-appearance menu-top-first">
              <div class="wp-menu-image dashicons-before dashicons-admin-appearance"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>外観</span>
            </a>
            <ul>
              <li class='toplevel_label'>外観</li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_themes'><a href='themes.php' class="wp-first-item">テーマ</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_customize'><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon'>カスタマイズ</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_widgets'><a href='widgets.php'>ウィジェット</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_nav-menus'><a href='nav-menus.php'>メニュー</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_customize'><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon&#038;autofocus%5Bcontrol%5D=background_image'>背景</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_customize'><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon&#038;autofocus%5Bcontrol%5D=header_image'>ヘッダー</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_edit_post_type_coblocks_pattern'><a href='edit.php?post_type=coblocks_pattern'>Block Patterns</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_newsup-getting-started'><a href='themes.php?page=newsup-getting-started'>About Newsup 1</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_custom-header'><a href='themes.php?page=custom-header'>ヘッダー</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_custom-background'><a href='themes.php?page=custom-background'>背景</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_theme-editor'><a href='theme-editor.php'>テーマエディター</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-plugins'>
            <a href='plugins.php' class="wp-has-submenu menu-top menu-icon-plugins">
              <div class="wp-menu-image dashicons-before dashicons-admin-plugins"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span>
              <span class='full' style='display:inline'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></span>
            </a>
            <ul>
              <li class='toplevel_label'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_plugins'><a href='plugins.php' class="wp-first-item">インストール済みプラグイン</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_plugin-install'><a href='plugin-install.php'>新規追加</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_plugin-editor'><a href='plugin-editor.php'>プラグインエディター</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-users'>
            <a href='users.php' class="wp-has-submenu menu-top menu-icon-users">
              <div class="wp-menu-image dashicons-before dashicons-admin-users"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>ユーザー</span>
            </a>
            <ul>
              <li class='toplevel_label'>ユーザー</li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_users'><a href='users.php' class="wp-first-item">ユーザー一覧</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_user-new'><a href='user-new.php'>新規追加</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_profile'><a href='profile.php'>プロフィール</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_ozh_admin_menu_logout'><a href='https://wp4.okera-literacy.com/wp-login.php?action=logout&amp;_wpnonce=84f9483cdc'>ログアウト</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-tools'>
            <a href='tools.php' class="wp-has-submenu menu-top menu-icon-tools">
              <div class="wp-menu-image dashicons-before dashicons-admin-tools"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>ツール</span>
            </a>
            <ul>
              <li class='toplevel_label'>ツール</li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_tools'><a href='tools.php' class="wp-first-item">利用可能なツール</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_import'><a href='import.php'>インポート</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_export'><a href='export.php'>エクスポート</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_site-health'><a href='site-health.php'>サイトヘルス</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_export-personal-data'><a href='export-personal-data.php'>個人データのエクスポート</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_erase-personal-data'><a href='erase-personal-data.php'>個人データの消去</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_view-broken-links'><a href='tools.php?page=view-broken-links'>リンクエラー 1</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_menu-settings'>
            <a href='options-general.php' class="wp-has-submenu menu-top menu-icon-settings menu-top-last">
              <div class="wp-menu-image dashicons-before dashicons-admin-settings"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>設定</span>
            </a>
            <ul>
              <li class='toplevel_label'>設定</li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-general'><a href='options-general.php' class="wp-first-item">一般</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-writing'><a href='options-writing.php'>投稿設定</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-reading'><a href='options-reading.php'>表示設定</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-discussion'><a href='options-discussion.php'>ディスカッション</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-media'><a href='options-media.php'>メディア</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-permalink'><a href='options-permalink.php'>パーマリンク設定</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-privacy'><a href='options-privacy.php'>プライバシー</a></li>
              <li class='ozhmenu_sublevel ' id='oamsub_ozh_admin_menu'><a href='options-general.php?page=ozh_admin_menu'>Admin Menu</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_bbq_settings'><a href='options-general.php?page=bbq_settings'>BBQ Firewall</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_tinymce-advanced'><a href='options-general.php?page=tinymce-advanced'>TinyMCE Advanced</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_urvanov_syntax_highlighter_settings'><a href='options-general.php?page=urvanov_syntax_highlighter_settings'>Crayon</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_breadcrumb-navxt'><a href='options-general.php?page=breadcrumb-navxt'>Breadcrumb NavXT</a></li>
              <li class='ozhmenu_sublevel oam_plugin' id='oamsub_link-checker-settings'><a href='options-general.php?page=link-checker-settings'>リンクチェッカー</a></li>
            </ul>
          </li>
          <li class='ozhmenu_toplevel' id='oam_toplevel_page_wpsm_responsive_coming_soon'>      
            <a href='admin.php?page=wpsm_responsive_coming_soon' class="current menu-top toplevel_page_wpsm_responsive_coming_soon menu-top-first menu-top-last">
              <div class="wp-menu-image dashicons-before dashicons-welcome-view-site"><br /></div>
              <span class='compact' style='display:none'>&nbsp;</span><span class='full' style='display:inline'>Responsive Coming Soon</span>
            </a>
          </li>
        </ul>
      </div>
      <div id="wpadminbar" class="nojq nojs">
        <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="ツールバー">
          <ul id='wp-admin-bar-root-default' class="ab-top-menu">
            <li id='wp-admin-bar-menu-toggle'>
              <a class='ab-item' href='#'>
                <span class="ab-icon"></span><span class="screen-reader-text">メニュー</span>
              </a>
            </li>
            <li id='wp-admin-bar-wp-logo' class="menupop">
              <a class='ab-item' aria-haspopup="true" href='https://wp4.okera-literacy.com/wp-admin/about.php'>
                <span class="ab-icon"></span><span class="screen-reader-text">WordPress について</span>
              </a>
              <div class="ab-sub-wrapper">
                <ul id='wp-admin-bar-wp-logo-default' class="ab-submenu">
                  <li id='wp-admin-bar-about'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/about.php'>WordPress について</a>
                  </li>
                </ul>
                <ul id='wp-admin-bar-wp-logo-external' class="ab-sub-secondary ab-submenu">
                  <li id='wp-admin-bar-wporg'>
                    <a class='ab-item' href='https://ja.wordpress.org/'>WordPress.org</a>
                  </li>
                  <li id='wp-admin-bar-documentation'>
                    <a class='ab-item' href='http://wpdocs.osdn.jp/'>ドキュメンテーション</a>
                  </li>
                  <li id='wp-admin-bar-support-forums'>
                    <a class='ab-item' href='https://ja.wordpress.org/support/'>サポート</a>
                  </li>
                  <li id='wp-admin-bar-feedback'>
                    <a class='ab-item' href='https://ja.wordpress.org/support/forum/feedback/'>フィードバック</a>
                  </li>
                </ul>
              </div>
            </li>
            <li id='wp-admin-bar-site-name' class="menupop">
              <a class='ab-item' aria-haspopup="true" href='https://wp4.okera-literacy.com/'>螻蛄街道</a>
              <div class="ab-sub-wrapper">
                <ul id='wp-admin-bar-site-name-default' class="ab-submenu">
                  <li id='wp-admin-bar-view-site'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/'>サイトを表示</a>
                  </li>
                </ul>
              </div>
            </li>
            <li id='wp-admin-bar-comments'>
              <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/edit-comments.php'>
                <span class="ab-icon"></span><span class="ab-label awaiting-mod pending-count count-0" aria-hidden="true">0</span>
                <span class="screen-reader-text comments-in-moderation-text">0件のコメントが承認待ちです</span>
              </a>
            </li>
            <li id='wp-admin-bar-new-content' class="menupop">
              <a class='ab-item' aria-haspopup="true" href='https://wp4.okera-literacy.com/wp-admin/post-new.php'>
                <span class="ab-icon"></span><span class="ab-label">新規</span>
              </a>
              <div class="ab-sub-wrapper">
                <ul id='wp-admin-bar-new-content-default' class="ab-submenu">
                  <li id='wp-admin-bar-new-post'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/post-new.php'>投稿</a>
                  </li>
                  <li id='wp-admin-bar-new-media'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/media-new.php'>メディア</a>
                  </li>
                  <li id='wp-admin-bar-new-page'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/post-new.php?post_type=page'>固定ページ</a>
                  </li>
                  <li id='wp-admin-bar-new-faq'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/post-new.php?post_type=faq'>FAQ</a>
                  </li>
                  <li id='wp-admin-bar-new-user'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/user-new.php'>ユーザー</a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <ul id='wp-admin-bar-top-secondary' class="ab-top-secondary ab-top-menu">
            <li id='wp-admin-bar-my-account' class="menupop with-avatar">
              <a class='ab-item' aria-haspopup="true" href='https://wp4.okera-literacy.com/wp-admin/profile.php'>
                こんにちは、<span class="display-name">WordPressMaster</span> さん
                <img alt='' src='https://secure.gravatar.com/avatar/6e6c78a5e1575c48e4191a1ca9d5f02e?s=26&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/6e6c78a5e1575c48e4191a1ca9d5f02e?s=52&#038;d=mm&#038;r=g 2x' class='avatar avatar-26 photo' height='26' width='26' loading='lazy'/>
              </a>
              <div class="ab-sub-wrapper">
                <ul id='wp-admin-bar-user-actions' class="ab-submenu">
                  <li id='wp-admin-bar-user-info'>
                    <a class='ab-item' tabindex="-1" href='https://wp4.okera-literacy.com/wp-admin/profile.php'>
                      <img alt='' src='https://secure.gravatar.com/avatar/6e6c78a5e1575c48e4191a1ca9d5f02e?s=64&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/6e6c78a5e1575c48e4191a1ca9d5f02e?s=128&#038;d=mm&#038;r=g 2x' class='avatar avatar-64 photo' height='64' width='64' loading='lazy'/>
                      <span class='display-name'>WordPressMaster</span>
                    </a>
                  </li>
                  <li id='wp-admin-bar-edit-profile'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/profile.php'>プロフィールを編集</a>
                  </li>
                  <li id='wp-admin-bar-logout'>
                    <a class='ab-item' href='https://wp4.okera-literacy.com/wp-login.php?action=logout&#038;_wpnonce=84f9483cdc'>ログアウト</a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
        <a class="screen-reader-shortcut" href="https://wp4.okera-literacy.com/wp-login.php?action=logout&#038;_wpnonce=84f9483cdc">ログアウト</a>
      </div>
<!-- Ozh' Admin Drop Down Menu End -->

2001

2002

2003

2004

2005

2006

2007

2008

2009

2010

2011

2012

2013

2014

2015

2016

2017

2018

2019

2020

2021

2022

2023

2024

2025

2026

2027

2028

2029

2030

2031

2032

2033

2034

2035

2036

2037

2038

2039

2040

2041

2042

2043

2044

2045

2046

2047

2048

2049

2050

2051

2052

2053

2054

2055

2056

2057

2058

2059

2060

2061

2062

2063

2064

2065

2066

2067

2068

2069

2070

2071

2072

2073

2074

2075

2076

2077

2078

2079

2080

2081

2082

2083

2084

2085

2086

2087

2088

2089

2090

2091

2092

2093

2094

2095

2096

2097

2098

2099

2100

2101

2102

2103

2104

2105

2106

2107

2108

2109

2110

2111

2112

2113

2114

2115

2116

2117

2118

2119

2120

2121

2122

2123

2124

2125

2126

2127

2128

2129

2130

2131

2132

2133

2134

2135

2136

2137

2138

2139

2140

2141

2142

2143

2144

2145

2146

2147

2148

2149

2150

2151

2152

2153

2154

2155

2156

2157

2158

2159

2160

2161

2162

2163

2164

2165

2166

2167

2168

2169

2170

2171

2172

2173

2174

2175

2176

2177

2178

2179

2180

2181

2182

2183

2184

2185

2186

2187

2188

2189

2190

2191

2192

2193

2194

2195

2196

2197

2198

2199

2200

2201

2202

2203

2204

2205

2206

2207

2208

2209

2210

2211

2212

2213

2214

2215

2216

2217

2218

2219

2220

2221

2222

2223

2224

2225

2226

2227

2228

2229

2230

2231

2232

2233

2234

2235

2236

2237

2238

2239

2240

2241

2242

2243

2244

2245

2246

2247

2248

2249

2250

2251

2252

2253

2254

2255

2256

2257

2258

2259

2260

2261

2262

2263

2264

2265

2266

2267

2268

2269

2270

2271

2272

2273

2274

2275

2276

#oamsub_ozh_admin_menu a {

background: url(https://wp4.okera-literacy.com/wp-content/plugins/ozh-admin-drop-down-menu/inc/images/ozh.png) center left no-repeat;

}

</style>

</li>

<span class='compact' style='display:none'> </span><span class='full' style='display:inline'>ダッシュボード</span>

</a>

<ul>

<li class='toplevel_label'>ダッシュボード</li>

</ul>

</li>

</a>

<ul>

<li class='ozhmenu_sublevel ' id='oamsub_edit-tags_taxonomy_category'><a href='edit-tags.php?taxonomy=category'>カテゴリー</a></li>

</ul>

</li>

</a>

<ul>

<li class='ozhmenu_sublevel ' id='oamsub_upload'><a href='upload.php' class="wp-first-item">ライブラリ</a></li>

</ul>

</li>

<span class='compact' style='display:none'> </span><span class='full' style='display:inline'>固定ページ</span>

</a>

<ul>

<li class='toplevel_label'>固定ページ</li>

<li class='ozhmenu_sublevel ' id='oamsub_edit_post_type_page'><a href='edit.php?post_type=page' class="wp-first-item">固定ページ一覧</a></li>

</ul>

</li>

</a>

<ul>

<li class='ozhmenu_sublevel ' id='oamsub_edit-tags_taxonomy_group&post_type_faq'><a href='edit-tags.php?taxonomy=group&post_type=faq'>Groups</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_faq_support_page'><a href='admin.php?page=faq_support_page'>FAQ & Support</a></li>

</ul>

</li>

<span class="comments-in-moderation-text screen-reader-text">0件のコメントが承認待ちです</span></span></span>

</a>

</li>

</a>

<ul>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_customize'><a href='customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Dwpsm_responsive_coming_soon'>カスタマイズ</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_widgets'><a href='widgets.php'>ウィジェット</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_edit_post_type_coblocks_pattern'><a href='edit.php?post_type=coblocks_pattern'>Block Patterns</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_newsup-getting-started'><a href='themes.php?page=newsup-getting-started'>About Newsup 1</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_theme-editor'><a href='theme-editor.php'>テーマエディター</a></li>

</ul>

</li>

<span class='full' style='display:inline'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></span>

</a>

<ul>

<li class='toplevel_label'>プラグイン <span class="update-plugins count-0"><span class="plugin-count">0</span></span></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_plugins'><a href='plugins.php' class="wp-first-item">インストール済みプラグイン</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_plugin-editor'><a href='plugin-editor.php'>プラグインエディター</a></li>

</ul>

</li>

</a>

<ul>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_users'><a href='users.php' class="wp-first-item">ユーザー一覧</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_profile'><a href='profile.php'>プロフィール</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_ozh_admin_menu_logout'><a href='https://wp4.okera-literacy.com/wp-login.php?action=logout&_wpnonce=84f9483cdc'>ログアウト</a></li>

</ul>

</li>

</a>

<ul>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_tools'><a href='tools.php' class="wp-first-item">利用可能なツール</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_import'><a href='import.php'>インポート</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_export'><a href='export.php'>エクスポート</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_site-health'><a href='site-health.php'>サイトヘルス</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_export-personal-data'><a href='export-personal-data.php'>個人データのエクスポート</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_erase-personal-data'><a href='erase-personal-data.php'>個人データの消去</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_view-broken-links'><a href='tools.php?page=view-broken-links'>リンクエラー 1</a></li>

</ul>

</li>

</a>

<ul>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-discussion'><a href='options-discussion.php'>ディスカッション</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-permalink'><a href='options-permalink.php'>パーマリンク設定</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_options-privacy'><a href='options-privacy.php'>プライバシー</a></li>

<li class='ozhmenu_sublevel ' id='oamsub_ozh_admin_menu'><a href='options-general.php?page=ozh_admin_menu'>Admin Menu</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_bbq_settings'><a href='options-general.php?page=bbq_settings'>BBQ Firewall</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_tinymce-advanced'><a href='options-general.php?page=tinymce-advanced'>TinyMCE Advanced</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_urvanov_syntax_highlighter_settings'><a href='options-general.php?page=urvanov_syntax_highlighter_settings'>Crayon</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_breadcrumb-navxt'><a href='options-general.php?page=breadcrumb-navxt'>Breadcrumb NavXT</a></li>

<li class='ozhmenu_sublevel oam_plugin' id='oamsub_link-checker-settings'><a href='options-general.php?page=link-checker-settings'>リンクチェッカー</a></li>

</ul>

</li>

<span class='compact' style='display:none'> </span><span class='full' style='display:inline'>Responsive Coming Soon</span>

</a>

</li>

</ul>

</div>

</a>

</li>

<span class="ab-icon"></span><span class="screen-reader-text">WordPress について</span>

</a>

<a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/about.php'>WordPress について</a>

</li>

</ul>

<a class='ab-item' href='https://ja.wordpress.org/'>WordPress.org</a>

</li>

<a class='ab-item' href='http://wpdocs.osdn.jp/'>ドキュメンテーション</a>

</li>

</li>

<a class='ab-item' href='https://ja.wordpress.org/support/forum/feedback/'>フィードバック</a>

</li>

</ul>

</div>

</li>

<a class='ab-item' href='https://wp4.okera-literacy.com/'>サイトを表示</a>

</li>

</ul>

</div>

</li>

<span class="screen-reader-text comments-in-moderation-text">0件のコメントが承認待ちです</span>

</a>

</li>

</a>

</li>

</li>

<a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/post-new.php?post_type=page'>固定ページ</a>

</li>

</li>

</li>

</ul>

</div>

</li>

</ul>

こんにちは、<span class="display-name">WordPressMaster</span> さん

</a>

<span class='display-name'>WordPressMaster</span>

</a>

</li>

<a class='ab-item' href='https://wp4.okera-literacy.com/wp-admin/profile.php'>プロフィールを編集</a>

</li>

<a class='ab-item' href='https://wp4.okera-literacy.com/wp-login.php?action=logout&_wpnonce=84f9483cdc'>ログアウト</a>

</li>

</ul>

</div>

</li>

</ul>

</div>

<a class="screen-reader-shortcut" href="https://wp4.okera-literacy.com/wp-login.php?action=logout&_wpnonce=84f9483cdc">ログアウト</a>

</div>

解析コード：3：コンフィグメニュー

<!-- Responsive Coming Soon Start ： XXX -->
    <div id="wpbody" role="main">
      <div id="wpbody-content">
        <div id="screen-meta" class="metabox-prefs">
          <div id="contextual-help-wrap" class="hidden no-sidebar" tabindex="-1" aria-label="コンテクストヘルプタブ">
            <div id="contextual-help-back"></div>
            <div id="contextual-help-columns">
              <div class="contextual-help-tabs">
                <ul></ul>
              </div>
              <div class="contextual-help-tabs-wrap"></div>
            </div>
          </div>
        </div>
        <input type="hidden" id="admin_url" value="https://wp4.okera-literacy.com/wp-admin/"/>

<style>
#post-social-5 {
  background:                                               #dcdcdc;
  background-position:                                      50% 0 !important;
  color:                                                    #000;
}
</style>

        <div id="load"></div>

<style>
#wpcontent {
    padding-left:                                           0px !important
}

.coming-soon-top {
    padding-top:                                            20px;
    padding-bottom:                                         20px;
}

.wpsm_ac_h_i {
    -webkit-box-shadow:                                     0px 13px 21px -10px rgba(128,128,128,1);
    -moz-box-shadow:                                        0px 13px 21px -10px rgba(128,128,128,1);
    box-shadow:                                             0px 13px 21px -10px rgba(128,128,128,1);
/*  margin-left:                                            -20px; */
    font-family:                                            Myriad Pro;
    cursor:                                                 pointer;
    padding:                                                15px;
    text-align:                                             center;
    background:                                             #8666ff;
    background:
        -moz-linear-gradient(                               top,
                                                            #ae85fe 0%,
                                                            #8666ff 0%,
                                                            #ae85fe 0%,
                                                            #8666ff 100%);
    background:
        -webkit-linear-gradient(                            top,
                                                            #ae85fe 0%,
                                                            #8666ff 0%,
                                                            #ae85fe 0%,
                                                            #8666ff 100%);
    background:
        linear-gradient(                                    to bottom,
                                                            #ae85fe 0%,
                                                            #8666ff 0%,
                                                            #ae85fe 0%,
                                                            #8666ff 100%);
    filter:
        progid:
            DXImageTransform.Microsoft.gradient(            startColorstr='#ae85fe',
                                                            endColorstr='#8666ff',
                                                            GradientType=0);
    margin-left:                                            -20px;
    font-family:                                            Myriad Pro;
    cursor:                                                 pointer;
    text-align:                                             center;
}

.wpsm_ac_h_i .wpsm_ac_h_b {
    color:                                                  white;
    font-size:                                              30px;
    font-weight:                                            bolder;
    padding:                                                0 0 15px 0;
}

.wpsm_ac_h_i .wpsm_ac_h_b .dashicons {
    font-size:                                              40px;
    position:                                               absolute;
    margin-left:                                            -45px;
    margin-top:                                             -10px;
}

.wpsm_ac_h_small {
    font-weight:                                            bolder;
    color:                                                  white;
    font-size:                                              18px;
    padding:                                                0 0 15px 15px;
}

.wpsm_ac_h_i a {
    text-decoration:                                        none;
    font-family:                                            "Helvetica Neue",
                                                            Helvetica,
                                                            Arial,
                                                            sans-serif;
}

@media screen and (
    max-width:                                              600px
)
{
    .wpsm_ac_h_i {
        padding-top:                                        60px;
        margin-bottom:                                      -50px;
    }
    .wpsm_ac_h_i .WlTSmall {
        display:                                            none;
    }
}

.texture-layer {
    background:                                             rgba(0,0,0,0);
    padding-top:                                            0px;
    padding:                                                0px 0 23px 0;
}

.wpsm_ac_h_i ul {
    padding:                                                0px 5px 0px 5px;
}

.wpsm_ac_h_i li {
    text-align:                                             left;
    font-family:                                            "Helvetica Neue",
                                                            Helvetica,
                                                            Arial,
                                                            sans-serif;
    color:                                                  #fff;
    font-size:                                              18px;
    line-height:                                            1.3;
    font-weight:                                            600;
}

.wpsm_ac_h_i h1 {
    color:                                                  #fff;
    font-weight:                                            600;
    letter-spacing:                                         3px;
    font-size:                                              30px;
    text-transform:                                         uppercase;
    margin-bottom:                                          34px;
    font-family:                                            "Helvetica Neue",
                                                            Helvetica,
                                                            Arial,
                                                            sans-serif;
}

.wpsm_ac_h_i li i {
    margin-right:                                           10px;
    margin-bottom:                                          10px;
}

.wpsm_ac_h_i .btn-danger {
    font-size:                                              29px;
    background-color:                                       #000000;
    border-radius:                                          1px;
    margin-right:                                           10px;
    margin-top:                                             0px;
    border-color:                                           #000;
}

.wpsm_ac_h_i .btn-success {
    font-size:                                              28px;
    border-radius:                                          1px;
    background-color:                                       #ffffff;
    border-color:                                           #ffffff;
    color:                                                  #000;
}

.btn-danger {
    color:                                                  #fff;
    background-color:                                       #000000 !important;
    border-color:                                           #000000 !important;
}
</style>

        <div id="wrapper">
          <div class="wpsm_buy_tab" role="tabpanel"></div>
            <!-- Navigation -->
            <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
                <a class="sidebar-toggle hidden-xs" href="javascript:void(0);"><i class="fa fa-bars fa-2x"></i></a>
                <a class="navbar-brand coming-soon-admin-title" href="index.html">Responsive Coming Soon</a>
              </div>

              <!-- navbar-top-links -->
              <ul class="nav navbar-top-links navbar-right coming-soon-top">
                <li class="dropdown"></li>
                <li><a href="https://wp4.okera-literacy.com?wpsm_coming_soon_pro_preview=true&TB_iframe=true&width=900&height=80"
                       class="thickbox"
                       id="toggle-right-sidebar"
                       style="background:#31a3dd;"
                       title="Responsive Coming Soon Preview Window">Live Preview</a></li>
              </ul>
              <!-- /navbar-top-links -->

              <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                  <input type="hidden" value="1" id="store_menu_id" />
                  <ul class="nav " id="side-menu">
                    <li class="sidebar-profile text-center">
                      <a href="https://wordpress.org/support/plugin/responsive-coming-soon/reviews/?filter=5"
                         target="_new"
                         type="button"
                         class="btn btn-primary btn-lg btn-block"
                         style="color:       #ffffff;
                                background:  #8a69ff;
                                border-color:#8a69ff">Rate Us
                        <span class="dashicons dashicons-star-filled"></span>
                        <span class="dashicons dashicons-star-filled"></span>
                        <span class="dashicons dashicons-star-filled"></span>
                        <span class="dashicons dashicons-star-filled"></span>
                        <span class="dashicons dashicons-star-filled"></span>
                      </a>
                      <li>
                        <li>
                          <a class="active" href="#" id="ui-id-1">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-dashboard fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-title">Dashboard</span>
                            <span class="sidebar-item-subtitle">Application overview</span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="ui-id-2">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-table fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-title">Templates</span>
                            <span class="sidebar-item-subtitle"> Find Best Design</span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="3">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-wrench fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-arrow fa arrow"></span>
                            <span class="sidebar-item-title">Settings</span>
                            <span class="sidebar-item-subtitle">Customize your templates here</span>
                          </a>
                          <ul class="nav nav-second-level">
                            <li><a href="#" id="ui-id-3">Page Settings</a></li>
                            <li><a href="#" id="ui-id-4">Header Settings</a></li>
                            <li><a href="#" id="ui-id-5">Countdown Settings</a></li>
                          </ul>
                        </li>
                        <li>
                          <a href="#" id="6">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-paint-brush fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-arrow fa arrow"></span>
                            <span class="sidebar-item-title"> Design</span>
                            <span class="sidebar-item-subtitle"> Modify your design here</span>
                          </a>
                          <ul class="nav nav-second-level">
                            <li><a href="#" id="ui-id-6">Background</a></li>
                            <li><a href="#" id="ui-id-7">Text And Colour </a></li>
                            <li><a href="#" id="ui-id-8">Custom Css Codes</a></li>
                          </ul>
                        </li>
                        <li>
                          <a href="#" id="ui-id-9">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-twitter fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-title">Social Profile</span>
                            <span class="sidebar-item-subtitle">Connect with your social profile</span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="ui-id-10">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-home fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-title">About Us Section</span>
                            <span class="sidebar-item-subtitle">Describe your self here</span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="ui-id-11">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-envelope-o fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-title">Contact Info</span>
                            <span class="sidebar-item-subtitle">Add your contact info here </span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="12">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-flag fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-arrow fa arrow"></span>
                            <span class="sidebar-item-title">Newsletter And Subscriber Settings</span>
                            <span class="sidebar-item-subtitle">Select Your Newsletter</span>
                          </a>
                          <ul class="nav nav-second-level">
                            <li><a href="#" id="ui-id-12">Newsletter Settings</a></li>
                            <li><a href="#Header-settings" id="ui-id-13">Subscription Field Settings </a></li>
                          </ul>
                        </li>
                        <li>
                          <a href="#" id="ui-id-15">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-question fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-title">Help & Support</span>
                            <span class="sidebar-item-subtitle">Submit your query here</span>
                          </a>
                        </li>
                        <li>
                          <a href="#" id="ui-id-16">
                            <span class="sidebar-item-icon fa-stack"><i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i></span>
                            <span class="sidebar-item-title">Pro Features </span>
                            <span class="sidebar-item-subtitle">Why purchase pro</span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </nav>

3001

3002

3003

3004

3005

3006

3007

3008

3009

3010

3011

3012

3013

3014

3015

3016

3017

3018

3019

3020

3021

3022

3023

3024

3025

3026

3027

3028

3029

3030

3031

3032

3033

3034

3035

3036

3037

3038

3039

3040

3041

3042

3043

3044

3045

3046

3047

3048

3049

3050

3051

3052

3053

3054

3055

3056

3057

3058

3059

3060

3061

3062

3063

3064

3065

3066

3067

3068

3069

3070

3071

3072

3073

3074

3075

3076

3077

3078

3079

3080

3081

3082

3083

3084

3085

3086

3087

3088

3089

3090

3091

3092

3093

3094

3095

3096

3097

3098

3099

3100

3101

3102

3103

3104

3105

3106

3107

3108

3109

3110

3111

3112

3113

3114

3115

3116

3117

3118

3119

3120

3121

3122

3123

3124

3125

3126

3127

3128

3129

3130

3131

3132

3133

3134

3135

3136

3137

3138

3139

3140

3141

3142

3143

3144

3145

3146

3147

3148

3149

3150

3151

3152

3153

3154

3155

3156

3157

3158

3159

3160

3161

3162

3163

3164

3165

3166

3167

3168

3169

3170

3171

3172

3173

3174

3175

3176

3177

3178

3179

3180

3181

3182

3183

3184

3185

3186

3187

3188

3189

3190

3191

3192

3193

3194

3195

3196

3197

3198

3199

3200

3201

3202

3203

3204

3205

3206

3207

3208

3209

3210

3211

3212

3213

3214

3215

3216

3217

3218

3219

3220

3221

3222

3223

3224

3225

3226

3227

3228

3229

3230

3231

3232

3233

3234

3235

3236

3237

3238

3239

3240

3241

3242

3243

3244

3245

3246

3247

3248

3249

3250

3251

3252

3253

3254

3255

3256

3257

3258

3259

3260

3261

3262

3263

3264

3265

3266

3267

3268

3269

3270

3271

3272

3273

3274

3275

3276

3277

3278

3279

3280

3281

3282

3283

3284

3285

3286

3287

3288

3289

3290

3291

3292

3293

3294

3295

3296

3297

3298

3299

3300

3301

3302

3303

3304

3305

3306

3307

3308

3309

3310

3311

3312

3313

3314

3315

3316

3317

</div>

</div>

<style>

#post-social-5 {

background: #dcdcdc;

background-position: 50% 0 !important;

color: #000;

}

</style>

<style>

#wpcontent {

padding-left: 0px !important

}

.coming-soon-top {

padding-top: 20px;

padding-bottom: 20px;

}

.wpsm_ac_h_i {

-webkit-box-shadow: 0px 13px 21px -10px rgba(128,128,128,1);

-moz-box-shadow: 0px 13px 21px -10px rgba(128,128,128,1);

box-shadow: 0px 13px 21px -10px rgba(128,128,128,1);

/* margin-left: -20px; */

font-family: Myriad Pro;

cursor: pointer;

padding: 15px;

text-align: center;

background: #8666ff;

background:

-moz-linear-gradient( top,

#ae85fe 0%,

#8666ff 0%,

#ae85fe 0%,

#8666ff 100%);

background:

-webkit-linear-gradient( top,

#ae85fe 0%,

#8666ff 0%,

#ae85fe 0%,

#8666ff 100%);

background:

linear-gradient( to bottom,

#ae85fe 0%,

#8666ff 0%,

#ae85fe 0%,

#8666ff 100%);

filter:

progid:

DXImageTransform.Microsoft.gradient( startColorstr='#ae85fe',

endColorstr='#8666ff',

GradientType=0);

margin-left: -20px;

font-family: Myriad Pro;

cursor: pointer;

text-align: center;

}

.wpsm_ac_h_i .wpsm_ac_h_b {

color: white;

font-size: 30px;

font-weight: bolder;

padding: 0 0 15px 0;

}

.wpsm_ac_h_i .wpsm_ac_h_b .dashicons {

font-size: 40px;

position: absolute;

margin-left: -45px;

margin-top: -10px;

}

.wpsm_ac_h_small {

font-weight: bolder;

color: white;

font-size: 18px;

padding: 0 0 15px 15px;

}

.wpsm_ac_h_i a {

text-decoration: none;

font-family: "Helvetica Neue",

Helvetica,

Arial,

sans-serif;

}

@media screen and (

max-width: 600px

)

{

.wpsm_ac_h_i {

padding-top: 60px;

margin-bottom: -50px;

}

.wpsm_ac_h_i .WlTSmall {

display: none;

}

.texture-layer {

background: rgba(0,0,0,0);

padding-top: 0px;

padding: 0px 0 23px 0;

}

.wpsm_ac_h_i ul {

padding: 0px 5px 0px 5px;

}

.wpsm_ac_h_i li {

text-align: left;

font-family: "Helvetica Neue",

Helvetica,

Arial,

sans-serif;

color: #fff;

font-size: 18px;

line-height: 1.3;

font-weight: 600;

}

.wpsm_ac_h_i h1 {

color: #fff;

font-weight: 600;

letter-spacing: 3px;

font-size: 30px;

text-transform: uppercase;

margin-bottom: 34px;

font-family: "Helvetica Neue",

Helvetica,

Arial,

sans-serif;

}

.wpsm_ac_h_i li i {

margin-right: 10px;

margin-bottom: 10px;

}

.wpsm_ac_h_i .btn-danger {

font-size: 29px;

background-color: #000000;

border-radius: 1px;

margin-right: 10px;

margin-top: 0px;

border-color: #000;

}

.wpsm_ac_h_i .btn-success {

font-size: 28px;

border-radius: 1px;

background-color: #ffffff;

border-color: #ffffff;

color: #000;

}

.btn-danger {

color: #fff;

background-color: #000000 !important;

border-color: #000000 !important;

}

</style>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand coming-soon-admin-title" href="index.html">Responsive Coming Soon</a>

</div>

<li><a href="https://wp4.okera-literacy.com?wpsm_coming_soon_pro_preview=true&TB_iframe=true&width=900&height=80"

class="thickbox"

id="toggle-right-sidebar"

style="background:#31a3dd;"

title="Responsive Coming Soon Preview Window">Live Preview</a></li>

</ul>

<a href="https://wordpress.org/support/plugin/responsive-coming-soon/reviews/?filter=5"

target="_new"

type="button"

class="btn btn-primary btn-lg btn-block"

style="color: #ffffff;

background: #8a69ff;

border-color:#8a69ff">Rate Us

</a>

<li>

<span class="sidebar-item-title">Dashboard</span>

<span class="sidebar-item-subtitle">Application overview</span>

</a>

</li>

<li>

<span class="sidebar-item-title">Templates</span>

<span class="sidebar-item-subtitle"> Find Best Design</span>

</a>

</li>

<li>

<span class="sidebar-item-title">Settings</span>

<span class="sidebar-item-subtitle">Customize your templates here</span>

</a>

<li><a href="#" id="ui-id-3">Page Settings</a></li>

<li><a href="#" id="ui-id-4">Header Settings</a></li>

<li><a href="#" id="ui-id-5">Countdown Settings</a></li>

</ul>

</li>

<li>

<span class="sidebar-item-title"> Design</span>

<span class="sidebar-item-subtitle"> Modify your design here</span>

</a>

<li><a href="#" id="ui-id-6">Background</a></li>

<li><a href="#" id="ui-id-7">Text And Colour </a></li>

<li><a href="#" id="ui-id-8">Custom Css Codes</a></li>

</ul>

</li>

<li>

<span class="sidebar-item-title">Social Profile</span>

<span class="sidebar-item-subtitle">Connect with your social profile</span>

</a>

</li>

<li>

<span class="sidebar-item-title">About Us Section</span>

<span class="sidebar-item-subtitle">Describe your self here</span>

</a>

</li>

<li>

<span class="sidebar-item-title">Contact Info</span>

<span class="sidebar-item-subtitle">Add your contact info here </span>

</a>

</li>

<li>

<span class="sidebar-item-title">Newsletter And Subscriber Settings</span>

<span class="sidebar-item-subtitle">Select Your Newsletter</span>

</a>

<li><a href="#" id="ui-id-12">Newsletter Settings</a></li>

<li><a href="#Header-settings" id="ui-id-13">Subscription Field Settings </a></li>

</ul>

</li>

<li>

<span class="sidebar-item-title">Help & Support</span>

<span class="sidebar-item-subtitle">Submit your query here</span>

</a>

</li>

<li>

<span class="sidebar-item-title">Pro Features </span>

<span class="sidebar-item-subtitle">Why purchase pro</span>

</a>

</li>

</ul>

</div>

</nav>

解析コード：4：コンフィグ設定画面：[DASHBOARD]

                <div class="page-wrapper ui-tabs-panel active" id="option-ui-id-1">
                  <!-- Dashboard Settings panel content --->
                  <!---------------------------------------->

<script>
function rcsp_mode(status) {
    if (status.value=="3") {
        jQuery(".redirect_url_form").show(500);
    } else {
        jQuery(".redirect_url_form").hide(500);
    }
}
</script>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5">
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title">
                                  Responsive Coming Soon Dashboard
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_dashboard" novalidate>
＜!-- Coming Soon Status --＞
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row" >Coming Soon Status</th>
                            <td style="text-align:right;"><i title="Enable Your Coming Soon Mode here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left" ></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <span><input type="radio" name="wpsm_csp_status" value="0" id="wpsm_csp_status" onclick="rcsp_mode(this);" checked />&nbsp;Disabled<br></span>
                              <span><input type="radio" name="wpsm_csp_status" value="1" id="wpsm_csp_status" onclick="rcsp_mode(this);" />&nbsp;Enable Coming Soon Mode<br></span>
                            </td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><h4><a style="text-decoration: underline;" href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Unlock Maintenance Mode And Website Redirect Mode In pro version Buy Now</a></h4></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Responsive Coming Soon Live Demo For Help -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Responsive Coming Soon Live Demo For Help</th>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><a style="color:#fff" href="http://demo.wpshopmart.com/responsive-coming-soon/" class="btn btn-primary btn-lg" target="_blank">Check Live Demo</a></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Need Help -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Need Help</th>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>

<style>
.wpsm-rate-us {
    text-align:                                             center;
    width:                                                  100%;
}

.wpsm-rate-us span.dashicons {
    width:                                                  40px;
    height:                                                 40px;
    font-size:                                              20px;
    color :                                                 #31a3dd !important;
}

.wpsm-rate-us span.dashicons-star-filled:before {
    content:                                                "\f155";
    font-size:                                              40px;
}

.wpsm-rate-us span {
    display:                                                inline-block
}

.button-hero {
    background:                                             #fff;
    color:                                                  #000;
    box-shadow:                                             none;
    text-shadow:                                            none;
    font-weight:                                            900;
    font-size:                                              23px;
    border:                                                 1px solid #000;
}

.button-hero {
    display:                                                block;
    text-align:                                             center;
    margin-bottom:                                          15px;
}
</style>

                              <a href="https://wordpress.org/support/plugin/responsive-coming-soon" target="_blank" class="button button-primary button-hero ">Get Support Here</a>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Video Help -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Video Help</th>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <div class="col-md-12" style="margin-bottom: 30px;">
                                <a style="color:#fff" class="btn btn-danger btn-lg " href="https://www.youtube.com/c/wpshopmart?sub_confirmation=1" target="_blank">Subscribe Our Channel</a>
                                <a class="btn btn-success btn-lg " style="color:#fff" href="https://www.youtube.com/c/wpshopmart" target="_blank">Check More Helping Videos</a>
                              </div>
                              <iframe width="853" height="480" src="https://www.youtube.com/embed/BI1SgZXKOIE" frameborder="0" allowfullscreen></iframe>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('dashboard','e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('dashboard','e99aba747d')">Reset Default</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

4001

4002

4003

4004

4005

4006

4007

4008

4009

4010

4011

4012

4013

4014

4015

4016

4017

4018

4019

4020

4021

4022

4023

4024

4025

4026

4027

4028

4029

4030

4031

4032

4033

4034

4035

4036

4037

4038

4039

4040

4041

4042

4043

4044

4045

4046

4047

4048

4049

4050

4051

4052

4053

4054

4055

4056

4057

4058

4059

4060

4061

4062

4063

4064

4065

4066

4067

4068

4069

4070

4071

4072

4073

4074

4075

4076

4077

4078

4079

4080

4081

4082

4083

4084

4085

4086

4087

4088

4089

4090

4091

4092

4093

4094

4095

4096

4097

4098

4099

4100

4101

4102

4103

4104

4105

4106

4107

4108

4109

4110

4111

4112

4113

4114

4115

4116

4117

4118

4119

4120

4121

4122

4123

4124

4125

4126

4127

4128

4129

4130

4131

4132

4133

4134

4135

4136

4137

4138

4139

4140

4141

4142

4143

4144

4145

4146

4147

4148

4149

4150

4151

4152

4153

4154

function rcsp_mode(status) {

if (status.value=="3") {

jQuery(".redirect_url_form").show(500);

} else {

jQuery(".redirect_url_form").hide(500);

}

</script>

Responsive Coming Soon Dashboard

</div>

＜!-- Coming Soon Status --＞

<tr>

<th scope="row" >Coming Soon Status</th>

</tr>

<td>

<span><input type="radio" name="wpsm_csp_status" value="0" id="wpsm_csp_status" onclick="rcsp_mode(this);" checked /> Disabled<br></span>

<span><input type="radio" name="wpsm_csp_status" value="1" id="wpsm_csp_status" onclick="rcsp_mode(this);" /> Enable Coming Soon Mode<br></span>

</td>

</tr>

<td><h4><a style="text-decoration: underline;" href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Unlock Maintenance Mode And Website Redirect Mode In pro version Buy Now</a></h4></td>

</tr>

</table>

</div>

<tr>

<th scope="row">Responsive Coming Soon Live Demo For Help</th>

</tr>

<td><a style="color:#fff" href="http://demo.wpshopmart.com/responsive-coming-soon/" class="btn btn-primary btn-lg" target="_blank">Check Live Demo</a></td>

</tr>

</table>

</div>

<tr>

</tr>

<td>

<style>

.wpsm-rate-us {

text-align: center;

width: 100%;

}

.wpsm-rate-us span.dashicons {

width: 40px;

height: 40px;

font-size: 20px;

color : #31a3dd !important;

}

.wpsm-rate-us span.dashicons-star-filled:before {

content: "\f155";

font-size: 40px;

}

.wpsm-rate-us span {

display: inline-block

}

.button-hero {

background: #fff;

color: #000;

box-shadow: none;

text-shadow: none;

font-weight: 900;

font-size: 23px;

border: 1px solid #000;

}

.button-hero {

display: block;

text-align: center;

margin-bottom: 15px;

}

</style>

<a href="https://wordpress.org/support/plugin/responsive-coming-soon" target="_blank" class="button button-primary button-hero ">Get Support Here</a>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Video Help</th>

</tr>

<td>

<a style="color:#fff" class="btn btn-danger btn-lg " href="https://www.youtube.com/c/wpshopmart?sub_confirmation=1" target="_blank">Subscribe Our Channel</a>

<a class="btn btn-success btn-lg " style="color:#fff" href="https://www.youtube.com/c/wpshopmart" target="_blank">Check More Helping Videos</a>

</div>

</td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('dashboard','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('dashboard','e99aba747d')">Reset Default</button>

</div>

解析コード：5：コンフィグ設定画面：[TEMPLATES]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-2">
                  <!-- Dashboard Settings panel content --->
                  <!---------------------------------------->

<style>
.templates_btn {
    font-size:                                              22px;
}

#TB_window {
    width:                                                  100% important;
}

.demoftr {
    background:                                             transparent;
}

.ftr_img {
    background:                                             transparent
}

.wpsm_ribbon {
    position:                                               absolute;
    right:                                                  58px;
    top:                                                    -5px;
    z-index:                                                1;
    overflow:                                               hidden;
    width:                                                  170px;
    height:                                                 170px;
    text-align:                                             right;
}

.wpsm_ribbon span {
    font-size:                                              16px;
    font-weight:                                            800;
    color:                                                  #FFF;
    text-transform:                                         none;
    text-align:                                             center;
    line-height:                                            36px;
    transform:                                              rotate(45deg);
    -webkit-transform:                                      rotate(45deg);
    width:                                                  170px;
    display:                                                block;
    background:                                             #79A70A;
    background:               linear-gradient(              rgba(239,39,126,0.9) 0%, 
                                                            rgba(239,39,126,0.9) 100%);
    box-shadow:                                             0 3px 10px -5px rgba(0, 0, 0, 1);
    position:                                               absolute;
    top:                                                    36px;
    right:                                                  -37px;
}

.wpsm_ribbon span::before {
    content:                                                "";
    position:                                               absolute;
    left:                                                   0px;
    top:                                                    100%;
    z-index:                                                -1;
    border-left:                                            3px solid rgba(239,39,126,0.9);
    border-right:                                           3px solid transparent;
    border-bottom:                                          3px solid transparent;
    border-top:                                             3px solid rgba(239,39,126,0.9);
}

.wpsm_ribbon span::after {
    content:                                                "";
    position:                                               absolute; right: 0px; top: 100%;
    z-index:                                                -1;
    border-left:                                            3px solid transparent;
    border-right:                                           3px solid rgba(239,39,126,0.9);
    border-bottom:                                          3px solid transparent;
    border-top:                                             3px solid rgba(239,39,126,0.9);
}

.demo-csp-btn {
    display:                                                inline-block;
    float:                                                  right;
    margin-top:                                             20px;
    margin-bottom:                                          10px;
    background:                                             #1e73be;
    color:                                                  #fff !important;
    width:                                                  100px;
    height:                                                 25px;
    text-align:                                             center;
    padding:                                                4px 2px;
    margin-right:                                           10px;
    margin-bottom:                                          10px;
}

.demo-csp-btn2 {
    display:                                                inline-block;
    float:                                                  right;
    margin-top:                                             20px;
    margin-bottom:                                          10px;
    background:                                             #e83f33;
    color:                                                  #fff !important;
    width:                                                  100px;
    height:                                                 25px;
    text-align:                                             center;
    padding:                                                4px 2px;
    margin-right:                                           10px;
    margin-bottom:                                          10px;
}

@media screen and (
    max-width:                                              1200px
)
{
    .wpsm_ribbon {
        right:                                              32px;
        1important
    }
}
</style>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Coming Soon Templates </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <form method="post" id="wpsm_rcs_plugin_options_templates">
                        <div style="padding:10px;">
<!-- Template 1 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon"><span>Selected</span></div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/demo/demo-1.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 1</h3> 
                                <a href="https://wpshopmart.com/coming-soon-pro-demo-page/#csp-1" target="_blank" class="demo-csp-btn" >View Demo </a>
                              </div>
                            </div>
                          </div>
<!-- Template 2 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon">
                                  <a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>
                                </div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/demo/demo-2.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 2</h3> 
                                <a href="https://wpshopmart.com/coming-soon-pro-demo-page/#csp-2" target="_blank" class="demo-csp-btn" >View Demo </a>
                                <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2" >Upgrade Now </a>
                              </div>
                            </div>
                          </div>
<!-- Template 3 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon">
                                  <a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>
                                </div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/demo/demo-3.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 3</h3> 
                                <a href="https://wpshopmart.com/coing-soon-pro-demo-page/#csp-3" target="_blank" class="demo-csp-btn">View Demo </a>
                                <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>
                              </div>
                            </div>
                          </div>
<!-- Template 4 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon">
                                  <a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>
                                </div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/demo/demo-4.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 4</h3>
                                <a href="https://wpshopmart.com/coming-soon-pro-demo-page/#csp-4" target="_blank" class="demo-csp-btn" >View Demo </a>
                                <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>
                              </div>
                            </div>
                          </div>
<!-- Template 5 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon">
                                  <a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>
                                </div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/demo/demo-5.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 5</h3>
                                <a href="https://wpshopmart.com/coming-soon-pro-demo-page/#csp-5" target="_blank" class="demo-csp-btn">View Demo </a>
                                <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>
                              </div>
                            </div>
                          </div>
<!-- Template 6 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon">
                                  <a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>
                                </div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/demo/demo-6.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 6</h3> 
                                <a href="https://wpshopmart.com/coming-soon-pro-demo-page/#csp-6" target="_blank" class="demo-csp-btn" >View Demo </a>
                                <a href="https://wpshopmart.om/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>
                              </div>
                            </div>
                          </div>
<!-- Template 7 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon">
                                  <a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>
                                </div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/demo/demo-7.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 7</h3> 
                                <a href="https://wpshopmart.com/coming-soon-pro-demo-page/#csp-7" target="_blank" class="demo-csp-btn" >View Demo </a>
                                <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2" >Upgrade Now </a>
                              </div>
                            </div>
                          </div>
<!-- Template 8 -->
                          <div class="col-md-6 demoftr ">
                            <div class="">
                              <div class="wpsme_home_portfolio_showcase">
                                <div class="wpsm_ribbon">
                                  <a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>
                                </div>
                                <img class="wpsme_img_responsive ftr_img" src="https://wp4.okera-literacy.com/wp-contet/plugins/responsive-coming-soon/images/demo/demo-8.png">
                              </div>
                            </div>
                            <div style="padding:13px;overflow:hidden;">
                              <div style="display:block;overflow:hidden">
                                <h3 style="display:inline-block;float:left">Template 8</h3>
                                <a href="https://wpshopmart.com/coming-soon-pro-demo-page/#csp-8" target="_blank" class="demo-csp-btn" >View Demo </a>
                                <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2" >Upgrade Now </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>

5001

5002

5003

5004

5005

5006

5007

5008

5009

5010

5011

5012

5013

5014

5015

5016

5017

5018

5019

5020

5021

5022

5023

5024

5025

5026

5027

5028

5029

5030

5031

5032

5033

5034

5035

5036

5037

5038

5039

5040

5041

5042

5043

5044

5045

5046

5047

5048

5049

5050

5051

5052

5053

5054

5055

5056

5057

5058

5059

5060

5061

5062

5063

5064

5065

5066

5067

5068

5069

5070

5071

5072

5073

5074

5075

5076

5077

5078

5079

5080

5081

5082

5083

5084

5085

5086

5087

5088

5089

5090

5091

5092

5093

5094

5095

5096

5097

5098

5099

5100

5101

5102

5103

5104

5105

5106

5107

5108

5109

5110

5111

5112

5113

5114

5115

5116

5117

5118

5119

5120

5121

5122

5123

5124

5125

5126

5127

5128

5129

5130

5131

5132

5133

5134

5135

5136

5137

5138

5139

5140

5141

5142

5143

5144

5145

5146

5147

5148

5149

5150

5151

5152

5153

5154

5155

5156

5157

5158

5159

5160

5161

5162

5163

5164

5165

5166

5167

5168

5169

5170

5171

5172

5173

5174

5175

5176

5177

5178

5179

5180

5181

5182

5183

5184

5185

5186

5187

5188

5189

5190

5191

5192

5193

5194

5195

5196

5197

5198

5199

5200

5201

5202

5203

5204

5205

5206

5207

5208

5209

5210

5211

5212

5213

5214

5215

5216

5217

5218

5219

5220

5221

5222

5223

5224

5225

5226

5227

5228

5229

5230

5231

5232

5233

5234

5235

5236

5237

5238

5239

5240

5241

5242

5243

5244

5245

5246

5247

5248

5249

5250

5251

5252

5253

5254

5255

5256

5257

5258

5259

5260

5261

5262

5263

5264

5265

5266

5267

5268

5269

5270

5271

5272

5273

5274

5275

5276

5277

<style>

.templates_btn {

font-size: 22px;

}

#TB_window {

width: 100% important;

}

.demoftr {

background: transparent;

}

.ftr_img {

background: transparent

}

.wpsm_ribbon {

position: absolute;

right: 58px;

top: -5px;

z-index: 1;

overflow: hidden;

width: 170px;

height: 170px;

text-align: right;

}

.wpsm_ribbon span {

font-size: 16px;

font-weight: 800;

color: #FFF;

text-transform: none;

text-align: center;

line-height: 36px;

transform: rotate(45deg);

-webkit-transform: rotate(45deg);

width: 170px;

display: block;

background: #79A70A;

background: linear-gradient( rgba(239,39,126,0.9) 0%,

rgba(239,39,126,0.9) 100%);

box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

position: absolute;

top: 36px;

right: -37px;

}

.wpsm_ribbon span::before {

content: "";

position: absolute;

left: 0px;

top: 100%;

z-index: -1;

border-left: 3px solid rgba(239,39,126,0.9);

border-right: 3px solid transparent;

border-bottom: 3px solid transparent;

border-top: 3px solid rgba(239,39,126,0.9);

}

.wpsm_ribbon span::after {

content: "";

position: absolute; right: 0px; top: 100%;

z-index: -1;

border-left: 3px solid transparent;

border-right: 3px solid rgba(239,39,126,0.9);

border-bottom: 3px solid transparent;

border-top: 3px solid rgba(239,39,126,0.9);

}

.demo-csp-btn {

display: inline-block;

float: right;

margin-top: 20px;

margin-bottom: 10px;

background: #1e73be;

color: #fff !important;

width: 100px;

height: 25px;

text-align: center;

padding: 4px 2px;

margin-right: 10px;

margin-bottom: 10px;

}

.demo-csp-btn2 {

display: inline-block;

float: right;

margin-top: 20px;

margin-bottom: 10px;

background: #e83f33;

color: #fff !important;

width: 100px;

height: 25px;

text-align: center;

padding: 4px 2px;

margin-right: 10px;

margin-bottom: 10px;

}

@media screen and (

max-width: 1200px

)

{

.wpsm_ribbon {

right: 32px;

1important

}

</style>

<div class="textbox text-white margin-bottom settings-title"> Coming Soon Templates </div>

</div>

<div class="wpsm_ribbon"><span>Selected</span></div>

</div>

<h3 style="display:inline-block;float:left">Template 1</h3>

</div>

<a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>

</div>

</div>

<h3 style="display:inline-block;float:left">Template 2</h3>

<a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2" >Upgrade Now </a>

</div>

<a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>

</div>

</div>

<h3 style="display:inline-block;float:left">Template 3</h3>

<a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>

</div>

<a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>

</div>

</div>

<h3 style="display:inline-block;float:left">Template 4</h3>

<a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>

</div>

<a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>

</div>

</div>

<h3 style="display:inline-block;float:left">Template 5</h3>

<a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>

</div>

<a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>

</div>

</div>

<h3 style="display:inline-block;float:left">Template 6</h3>

<a href="https://wpshopmart.om/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2">Upgrade Now </a>

</div>

<a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>

</div>

</div>

<h3 style="display:inline-block;float:left">Template 7</h3>

<a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2" >Upgrade Now </a>

</div>

<a target="_blank" href="https://wpshopmart.com/plugins/coming-soon-pro/"><span>Availabe In pro</span></a>

</div>

</div>

<h3 style="display:inline-block;float:left">Template 8</h3>

<a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank" class="demo-csp-btn2" >Upgrade Now </a>

</div>

</form>

</div>

解析コード：6：コンフィグ設定画面：[SETTINGS] – [PAGE SETTINGS]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-3"> 
                  <!-- PageSettings panel content --->
                  <!---------------------------------------->

<Script>
//button font-size slider
jQuery(function() {
    jQuery("#logo_width_slider").slider(
    {
        orientation:                                        "horizontal",
        range:                                              "min",
        max:                                                300,
        min:                                                50,
        slide:function(event, ui)
        {
            jQuery("#logo_width").val(ui.value);
        }
    });
    jQuery("#logo_width_slider").slider("value", 110);
    jQuery("#logo_width").val(jQuery("#logo_width_slider").slider("value"));
});
</script>

<Script>
//button font-size slider
jQuery(function() {
    jQuery("#logo_height_slider").slider(
    {
        orientation:                                        "horizontal",
        range:                                              "min",
        max:                                                300,
        min:                                                50,
       slide:function(event, ui)
       {
           jQuery("#logo_height").val(ui.value);
       }
    });
    jQuery("#logo_height_slider").slider("value", 90);
    jQuery("#logo_height").val(jQuery("#logo_height_slider").slider("value"));
});
</script>

                  <divclass="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Page Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_general">
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
<!-- Logo -->
                          <tr>
                            <th scope="row">Logo</th>
                            <td style="text-align:right;"><i title="Add and customize your Coming Soon page Logo from here, you can customize logo width and height from here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left" ></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <div class="col-md-6">
                                <div class="rcsp-image-entry">
                                  <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/wp.png" />
                                  <input type="button" id="upload-background" name="upload-background" value="UploadImage Here" class="button-primary rcsp_media_upload" />
                                  <input type="text" id="rcsp_logo_url" name="rcsp_logo_url" class="rcsp_label_text" value="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/wp.png" readonly="readonly" placeholder="No Media Selected" />
                                </div>
                              </div>
                            </td>
                          </tr>
<!-- Logo Width -->
                          <tr>
                            <th scope="row">Logo Width</th>
                            <td></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td class="text-and-color-panel">
                              <div id="logo_width_slider" class="size-slider" style="width: 25%; display:inline-block"></div>
                              <input type="text" class="slider-text" id="logo_width" name="logo_width" readonly="readonly">
                              <span class="slider-text-span">px</span>
                            </td>
                          </tr>
<!-- Logo Height -->
                          <tr>
                            <th scope="row">Logo Height</th>
                            <td></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td class="text-and-color-panel">
                              <div id="logo_height_slider" class="size-slider" style="width: 25%; display:inline-block"></div>
                              <input type="text" class="slider-text" id="logo_height" name="logo_height" readonly="readonly">
                              <span class="slider-text-span">px</span>
                            </td>
                          </tr>
<!-- Display Logo -->
                          <tr>
                            <th scope="row">Display Logo</th>
                            <td></td>
                          </tr>
                          <tr>
                            <td>
                              <div class="switch">
                                <input type="radio" class="switch-input" name="logo_enable" value="on" id="enable_logo" checked>
                                <label for="enable_logo" class="switch-label switch-label-off">Yes</label>
                                <input type="radio" class="switch-input" name="logo_enable" value="off" id="disable_logo">
                                <label for="disable_logo" class="switch-label switch-label-on">No</label>
                                <span class="switch-selection"></span>
                              </div>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
<!-- Headline -->
                          <tr>
                            <th scope="row">Headline</th>
                            <td style="text-align:right;"><i title="Add your Coming Soon Home page Title/Headline here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="rcsp_headline" name="rcsp_headline" placeholder="Site coming soon!" size="56" value="Coming Soon" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
<!-- Description -->
                          <tr>
                            <th scope="row">Description</th>
                            <td style="text-align:right;"><i title="Enter your Coming Soon Home Page description" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i> </td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><textarea rows="6" class="pro_text" id="rcsp_description" name="rcsp_description" placeholder="Enter Your Coming Soon Description Here...">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</textarea></td>
                          </tr>
                          </table>
                        </div>
                      </div>
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
<!-- Coming Soon Home Page Section Link Button Text -->
                          <tr>
                            <th scope="row">Coming Soon Home Page Section Link Button Text</th>
                            <td style="text-align:right;"><i title="Update your Coming Soon Menu Home page text here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="home_sec_link_txt" name="home_sec_link_txt" size="56" value="HomeB" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pullleft">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('general','e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('general','e99aba747d')">Reset Default</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- /row -->
                </div>

6001

6002

6003

6004

6005

6006

6007

6008

6009

6010

6011

6012

6013

6014

6015

6016

6017

6018

6019

6020

6021

6022

6023

6024

6025

6026

6027

6028

6029

6030

6031

6032

6033

6034

6035

6036

6037

6038

6039

6040

6041

6042

6043

6044

6045

6046

6047

6048

6049

6050

6051

6052

6053

6054

6055

6056

6057

6058

6059

6060

6061

6062

6063

6064

6065

6066

6067

6068

6069

6070

6071

6072

6073

6074

6075

6076

6077

6078

6079

6080

6081

6082

6083

6084

6085

6086

6087

6088

6089

6090

6091

6092

6093

6094

6095

6096

6097

6098

6099

6100

6101

6102

6103

6104

6105

6106

6107

6108

6109

6110

6111

6112

6113

6114

6115

6116

6117

6118

6119

6120

6121

6122

6123

6124

6125

6126

6127

6128

6129

6130

6131

6132

6133

6134

6135

6136

6137

6138

6139

6140

6141

6142

6143

6144

6145

6146

6147

6148

6149

6150

6151

6152

6153

6154

6155

6156

6157

6158

6159

6160

6161

6162

6163

6164

6165

6166

6167

6168

6169

6170

6171

6172

6173

6174

6175

6176

6177

6178

//button font-size slider

jQuery(function() {

jQuery("#logo_width_slider").slider(

{

orientation: "horizontal",

range: "min",

max: 300,

min: 50,

slide:function(event, ui)

{

jQuery("#logo_width").val(ui.value);

}

});

jQuery("#logo_width_slider").slider("value", 110);

jQuery("#logo_width").val(jQuery("#logo_width_slider").slider("value"));

});

</script>

//button font-size slider

jQuery(function() {

jQuery("#logo_height_slider").slider(

{

orientation: "horizontal",

range: "min",

max: 300,

min: 50,

slide:function(event, ui)

{

jQuery("#logo_height").val(ui.value);

}

});

jQuery("#logo_height_slider").slider("value", 90);

jQuery("#logo_height").val(jQuery("#logo_height_slider").slider("value"));

});

</script>

<divclass="row">

<div class="textbox text-white margin-bottom settings-title"> Page Settings </div>

</div>

<tr>

</tr>

<td>

</div>

</td>

</tr>

<tr>

<th scope="row">Logo Width</th>

</tr>

</td>

</tr>

<tr>

<th scope="row">Logo Height</th>

</tr>

</td>

</tr>

<tr>

<th scope="row">Display Logo</th>

</tr>

<tr>

<td>

</div>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Headline</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Description</th>

</tr>

<td><textarea rows="6" class="pro_text" id="rcsp_description" name="rcsp_description" placeholder="Enter Your Coming Soon Description Here...">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</textarea></td>

</tr>

</table>

</div>

<tr>

<th scope="row">Coming Soon Home Page Section Link Button Text</th>

</tr>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('general','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('general','e99aba747d')">Reset Default</button>

</div>

</div>

解析コード：7：コンフィグ設定画面：[SETTINGS] – [HEADER SETTINGS]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-4">
                  <!-- Header Settings panel content --->
                  <!---------------------------------------->

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="ost-social-5">
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Coming Soon Page Header Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_header">
<!-- Favicon -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Favicon</th>
                            <td style="text-align:right;"><i title="Add your Page favicon image here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <div class="col-md-6">
                                <div class="rcsp-image-entry">
                                  <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/wp.png" />
                                  <input type="button" id="upload-background" name="upload-background" value="Upload Image Here" class="button-primary rcsp_media_upload" />
                                  <input type="text" id="favicon" name="favicon" class="rcsp_label_text" value="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/wp.png" readonly="readonly" placeholder="No Media Selected " />
                                </div>
                              </div>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- SEO Meta Title -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">SEO Meta Title</th>
                            <td style="text-align:right;"><i title="Add here your Coming Soon Page Seo title " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="meta_title" name="meta_title" placeholder="Enter Your Site Meta Title !" size="56" value="Coming Soon" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- SEO Meta Description -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">SEO Meta Description</th>
                            <td style="text-align:right;"><i title="Add here your Coming Soon Page Seo Description " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><textarea rows="6" class="pro_text" id="meta_desc" name="meta_desc" placeholder="Enter Your Seo Meta Description Here..."></textarea></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Google Analytics Code -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Google Analytics Code</th>
                            <td style="text-align:right;"><i title="Add here your site google analytics script" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left" ></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><textarea rows="6" class="pro_text" id="google_al" name="google_al" placeholder="Enter Your Google Analytics Here......"></textarea></td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('header,'e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('header','e99aba747d')">Reset Default</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

7001

7002

7003

7004

7005

7006

7007

7008

7009

7010

7011

7012

7013

7014

7015

7016

7017

7018

7019

7020

7021

7022

7023

7024

7025

7026

7027

7028

7029

7030

7031

7032

7033

7034

7035

7036

7037

7038

7039

7040

7041

7042

7043

7044

7045

7046

7047

7048

7049

7050

7051

7052

7053

7054

7055

7056

7057

7058

7059

7060

7061

7062

7063

7064

7065

7066

7067

7068

7069

7070

7071

7072

7073

7074

7075

7076

7077

7078

7079

7080

7081

7082

7083

7084

7085

7086

7087

7088

7089

7090

7091

7092

7093

7094

7095

7096

7097

7098

7099

<div class="textbox text-white margin-bottom settings-title"> Coming Soon Page Header Settings </div>

</div>

<tr>

<th scope="row">Favicon</th>

</tr>

<td>

</div>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">SEO Meta Title</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">SEO Meta Description</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Google Analytics Code</th>

</tr>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('header,'e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('header','e99aba747d')">Reset Default</button>

</div>

解析コード：8：コンフィグ設定画面：[SETTINGS] – [COUNTDOWN SETTINGS]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-5">
                  <!-- Dashboard Settings panel content --->
                  <!---------------------------------------->

<script>
jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery('#countdown_date').datepicker(
    {
        dateFormat:                                         'yy/mm/dd',
        minDate:                                            '0'
    });
    jQuery('#countdown_time').timepicker();
});

function cnt_enable(status) {
    if (status.value=='on') {
        jQuery(".countdown-section").show(500);
    } else {
        jQuery(".countdown-section").hide(500);
    }
}
</script>

<style>
.ui-timepicker-itle {
    border-bottom-right-radius:                             0px !important;
    border-bottom-left-radius:                              0px !important;
    border-top-right-radius:                                0px !important;
    border-top-left-radius:                                 0px !important;
    padding:                                                5px;
}

.periods {
    padding:                                                5px !important;
    color:                                                  #ffffff !important;
}

.ui-timepicker-table {
    border-bottom-right-radius:                             0px !important;
    border-bottom-left-radius:                              0px !important;
}
</style>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5">
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Countdown Timer Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_countdown">
<!-- Enable Countdown -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Enable Countdown</th>
                            <td style="text-align:right;"><i title="Hide/display your countdown section here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <div class="switch">
                                <input type="radio" class="switch-input" name="countdown_enabe" value="on" id="enable_cnt" checked onclick="cnt_enable(this);">
                                <label for="enable_cnt" class="switch-label switch-label-off">Yes</label>
                                <input type="radio" class="switch-input" name="countdown_enable" value="off" id="disable_cnt" onclick="cnt_enable(this);">
                                <label for="disable_cnt" class="switch-label switch-label-on">No</label>
                                <span class="switch-selection"></span>
                              </div>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- End Date -->
                      <div class="panel panel-primary panel-default content-panel countdown-section">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">End Date</th>
                            <td style="text-align:right;"><i title="Add your website launch date here"style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="countdown_date" name="countdown_date" readonly placeholder="Select Your Countdown Start date" size="56" value="2021/01/01" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- End Time -->
                      <div class="panel panel-primary panel-default content-panel countdown-section">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">End Time</th>
                            <td style="text-align:right;"><i title="Add your website launch time here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td ><input type="text" class="pro_text" id="countdown_time" name="countdown_time" readonly size="56" placeholder="Select Your Countdown Start Time" value="10:50" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Language Strings -->
                      <div class="panel panel-pimary panel-default content-panel countdown-section">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Language Strings</th>
                            <td style="text-align:right;"><i title="update here your countdown language string in your language" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
<!-- Language Strings - Days -->
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <p class="rcsp_p_admin">Days</p>
                              <input type="text" class="pro_text" id="days" name="days" size="56" value="Days" />
                            </td>
                          </tr>
<!-- Language Strings - Hours -->
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <p class="rcsp_p_admin">Hours</p>
                              <input type="text" class="pro_text" id="hours" name="hours" size="56" value="Hours" />
                            </td>
                          </tr>
<!-- Language Strings - Minutes -->
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <p class="rcsp_p_admin">Minutes</p>
                              <input type="text" class="pro_text" id="minutes" name="minutes" size="56" value="Minutes" />
                            </td>
                          </tr>
<!-- Language Strings - Seconds -->
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <p class="rcsp_p_admin">Seconds</p>
                              <input type="text" class="pro_text" id="seconds" name="seconds" size="56" value="Seconds" />
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Auto Launch -->
                      <div class="panel panel-primary panel-default content-panel cuntdown-section">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Auto Launch</th>
                            <td style="text-align:right;"></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <h4>Avalable In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now</a></h4> 
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('countdown','e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('countdown','e99aba747d')">Reset Default</button> 
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

8001

8002

8003

8004

8005

8006

8007

8008

8009

8010

8011

8012

8013

8014

8015

8016

8017

8018

8019

8020

8021

8022

8023

8024

8025

8026

8027

8028

8029

8030

8031

8032

8033

8034

8035

8036

8037

8038

8039

8040

8041

8042

8043

8044

8045

8046

8047

8048

8049

8050

8051

8052

8053

8054

8055

8056

8057

8058

8059

8060

8061

8062

8063

8064

8065

8066

8067

8068

8069

8070

8071

8072

8073

8074

8075

8076

8077

8078

8079

8080

8081

8082

8083

8084

8085

8086

8087

8088

8089

8090

8091

8092

8093

8094

8095

8096

8097

8098

8099

8100

8101

8102

8103

8104

8105

8106

8107

8108

8109

8110

8111

8112

8113

8114

8115

8116

8117

8118

8119

8120

8121

8122

8123

8124

8125

8126

8127

8128

8129

8130

8131

8132

8133

8134

8135

8136

8137

8138

8139

8140

8141

8142

8143

8144

8145

8146

8147

8148

8149

8150

8151

8152

8153

8154

8155

8156

8157

8158

8159

8160

8161

8162

8163

8164

8165

8166

8167

8168

8169

8170

8171

8172

8173

8174

8175

8176

8177

8178

8179

8180

jQuery.noConflict();

jQuery(document).ready(function() {

jQuery('#countdown_date').datepicker(

{

dateFormat: 'yy/mm/dd',

minDate: '0'

});

jQuery('#countdown_time').timepicker();

});

function cnt_enable(status) {

if (status.value=='on') {

jQuery(".countdown-section").show(500);

} else {

jQuery(".countdown-section").hide(500);

}

</script>

<style>

.ui-timepicker-itle {

border-bottom-right-radius: 0px !important;

border-bottom-left-radius: 0px !important;

border-top-right-radius: 0px !important;

border-top-left-radius: 0px !important;

padding: 5px;

}

.periods {

padding: 5px !important;

color: #ffffff !important;

}

.ui-timepicker-table {

border-bottom-right-radius: 0px !important;

border-bottom-left-radius: 0px !important;

}

</style>

<div class="textbox text-white margin-bottom settings-title"> Countdown Timer Settings </div>

</div>

<tr>

<th scope="row">Enable Countdown</th>

</tr>

<td>

</div>

</td>

</tr>

</table>

</div>

<tr>

</tr>

</tr>

</table>

</div>

<tr>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Language Strings</th>

</tr>

<td>

</td>

</tr>

<td>

<p class="rcsp_p_admin">Hours</p>

</td>

</tr>

<td>

<p class="rcsp_p_admin">Minutes</p>

</td>

</tr>

<td>

<p class="rcsp_p_admin">Seconds</p>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Auto Launch</th>

</tr>

<td>

<h4>Avalable In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now</a></h4>

</td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('countdown','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('countdown','e99aba747d')">Reset Default</button>

</div>

解析コード：9：コンフィグ設定画面：[DESIGN] – [BACKGROUND]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-6">
                  <!-- Background Settings panel content -->
                  <!---------------------------------------->

<script>
function select_backgrounds() {
    var active_nl = jQuery("#select_background").val(); 

    jQuery(".rcsp_background").hide(500);
    jQuery("#"+active_nl).show(500);
}

function select_slides_no(status) {
    if (status.value=='1') {
        jQuery(".rscp_slides_bg").hide(500);
    } else {
        value1 = status.value-1;
        for (i=0; i<=4; i++) {
            if (i<=value1) {
                jQuery("#rcsp_sl_bg_"+i).show(500);
            } else {
                jQuery("#rcsp_sl_bg_"+i).hide(500);
            }
        }
    }
}

function background_effect(effect) {
    if(effect.value=="on") {
        jQuery(".backg_effect").show(500);
    } else {
        jQuery(".backg_effect").hide(500);
    }
}
</script>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Coming Soon Background Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_background">
<!-- Select Background -->
                      <div class="panel panel-primary panel-default content-panel"> 
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Select Background</th>
                            <td style="text-align:right;"><i title="Select your coming soon page background option here from - color , image or slideshow" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i> </td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <select id="select_background" class="standard-dropdown" name="select_background" onchange="select_backgrounds()">
                                <optgroup label="Select backgroud">
                                  <option value="bg_color">Static Background Color</option>
                                  <option value="bg_image" selected>Static Background Image</option>
                                  <option value="bg_slideshow">Background SlideShow</option>
                                  <option disabled value="video">Youtube Video Background Available in pro</option>
                                </optgroup>
                              </select>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- [Select] -->
                      <div class="rcsp_background" id="bg_color" style="display:none;" >
                        <div style="margin-bottom: 10px;">
                          <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon//images/background-color1.png" class="img-responsive" style="margin-right: auto;" alt="" >
                        </div>
<!-- Background Color -->
                        <div class="panel panel-primary panel-default content-panel"> 
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Background Color</th>
                              <td style="text-align:right;"><i title="update your background color here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr style="border-bottom:none;">
                              <td><input id="background_color" name="background_color" type="text" value="#31a3dd" class="my-color-field" data-default-color="#ffffff" /></td> 
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Enable Background Effect -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panl-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Enable Background Effect</th>
                              <td style="text-align:right;"><i title="Enable/Disable your background color effects here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr class="radio-span" style="border-bottom:none;">
                              <td>
                                <div class="switch">
                                  <input type="radio" class="switch-input" name="bg_effect" value="on" id="bg_effect" onclick="background_effect(this);">
                                  <label for="bg_effect" class="switch-label switch-label-off">Yes</label>
                                  <input type="radio" clss="switch-input" name="bg_effect" value="off" id="bg_effect_off" checked onclick="background_effect(this);"> 
                                  <label for="bg_effect_off" class="switch-label switch-label-on">No</label>
                                  <span class="switch-selection"></span>
                                </div>
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Background Effect -->
                        <div class="panel panel-primary panel-default content-panel backg_effect" style="display:none">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Background Effect</th>
                              <td style="text-align:right;"><i title="Select your color background overlay effect here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr class="radio-span" style="border-bottom:none;">
                              <td>
                                <select id="background_color_overlay" class="standard-dropdown" name="background_color_overlay">
                                  <optgroup label="Select overlay effect">
                                    <option value="1" selected>Overlay Effect #1</option>
                                    <option value="2">Overlay Effect #2</option> 
                                    <option value="3">Overlay Effect #3</option> 
                                    <option value="4">Overlay Effect #4</option> 
                                    <option value="5">Overlay Effect #5</option> 
                                    <option value="6">Overlay Effect #6</option> 
                                    <option value="7">Overlay Effect #7</option> 
                                    <option value="8">Overlay Effect #8</option> 
                                    <option value="9">Overlay Effect #9</option> 
                                    <option value="10">Overlay Effect #10</option> 
                                    <option value="11">Overlay Effect #11</option> 
                                    <option value="12">Overlay Effect #12</option> 
                                    <option value="13">Overlay Effect #13</option> 
                                    <option value="14">Overlay Effect #14</option> 
                                    <option value="15">Overlay Effect #15</option>
                                  </optgroup>
                                </select>
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
                      </div>
<!-- Background Image -->
                      <div class="rcsp_background" id="bg_image">
                        <div style="margin-bottom: 10px;">
                          <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon//images/background-image.png" class="img-responsive" style="margin-right: auto;">
                        </div>
                        <div class="panel panel-primary panel-default content-panel"> 
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Background Image</th>
                              <td style="text-align:right;"><i title="update your coming soon background image here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr class="radio-span" style="border-bottom:none;">
                              <td>
                                <div class="col-md-6">
                                  <div class="rcsp-image-entry">
                                    <img src="https://wp4.okera-literacy.com/wp-content/uploads/2020/08/1d91f55c8a5520257405a09040f252e5-scaled.jpg" />
                                    <input type="button" name="upload-background" value="Upload Image Here" class="button-primary rcsp_media_upload" />
                                    <input type="text" id="background_image" name="background_image" class="rcsp_label_text" value="https://wp4.okera-literacy.com/wp-content/uploads/2020/08/1d91f55c8a5520257405a09040f252e5-scaled.jpg" readonly="readonly" placeholder="No Media Selected" />
                                  </div>
                                </div>
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
                      </div>
<!-- No. Of Background Slideshow -->
                      <div class="rcsp_background" id="bg_slideshow" style="display:none;">
                        <div style="margin-bottom: 10x;">
                          <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon//images/background-slideshow.png" class="img-responsive" style="margin-right: auto;">
                        </div>
                        <div class="panel panel-primary panel-default content-panel"> 
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row" >No. Of Background Slideshow</th>
                              <td style="text-align:right;"><i title="Select number of background slideshow images for coming soon background " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr style="border-bottom:none;">
                              <td>
                                <select id="bg_slideshow_no" class="standard-dropdown" name="bg_slideshow_no" onchange="select_slides_no(this)">
                                  <option value="2" selected>2</option>
                                  <option value="3">3</option>
                                  <option value="4">4</option>
                                  <option value="5">5</option>
                                  <option disabled>6</option>
                                  <option disabled>7</option>
                                  <option disabled>8</option>
                                  <option disabled>9</option>
                                  <option disabled>10</option>
                                </select>
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Create Background Sideshow -->
                        <div class="panel panel-primary panel-default content-panel"> 
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Create Background Sideshow</th>
                              <td style="text-align:right;"><i title="update here your background slideshow images " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr style="border-bottom:none;">
                              <td style="width:100% !important">
                                <div class="col-md-4 rscp_slides_bg" id="rcsp_sl_bg_0" style="display:">
                                  <div class="rcsp-image-entry">
                                    <img src="https://wp4.okera-literacy.com/wp-contentplugins/responsive-coming-soon/img/bg.jpg" />
                                    <input type="button" name="upload-background" value="Upload Image Here" class="button-primary rcsp_media_upload" />
                                    <input type="text" id="background_slides_0" name="background_slides_0" class="rcsp_label_text" value="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" readonly="readonly" placeholder="No Media Selected" value="" />
                                  </div>
                                </div>
                                <div class="col-md-4 rscp_slides_bg" id="rcsp_sl_bg_1" style="display:">
                                  <div class="rcsp-image-entry">
                                    <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" />
                                    <input type="button" name="upload-bakground" value="Upload Image Here" class="button-primary rcsp_media_upload" />
                                    <input type="text" id="background_slides_1" name="background_slides_1" class="rcsp_label_text" value="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" readonly="readonly" placeholder="No Media Selected" value="" />
                                  </div>
                                </div>
                                <div class="col-md-4 rscp_slides_bg" id="rcsp_sl_bg_2" style="display:none">
                                  <div class="rcsp-image-entry">
                                    <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" />
                                    <input type="button" name="upload-background" value="Upload Image Here" class="button-primary rcsp_media_upload" />
                                    <input type="text" id="background_slides_2" name="background_slides_2" class="rcsp_label_text" value="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" readonly="readonly" placeholder="No Media Selected" value="" />
                                  </div>
                                </div>
                                <div class="col-md-4 rscp_slides_bg" id="rcsp_sl_bg_3" style="display:none">
                                  <div class="rcsp-image-entry">
                                    <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" />
                                    <input type="button" name="upload-background" value="Upload Image Here" class="button-primary rcsp_media_upload" />
                                    <input type="text" id="background_slides_3" name="background_slides_3" class="rcsp_label_text" value="https://wp4.okea-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" readonly="readonly" placeholder="No Media Selected" value="" />
                                  </div>
                                </div>
                                <div class="col-md-4 rscp_slides_bg" id="rcsp_sl_bg_4" style="display:none">
                                  <div class="rcsp-image-entry">
                                    <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" />
                                    <input type="button" name="upload-background" value="Upload Image Here" class="button-primary rcsp_media_upload" />
                                    <input type="text" id="background_slides_4" name="background_slides_4" class="rcsp_label_text" value="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/img/bg.jpg" readonly="readonly" placeholder="No Media Selected" value="" />
                                  </div>
                                </div>
                              </td>
                            </tr>
                            <tr class="radio-span" style="border-bottom:none;">
                              <td>
                                <h4>Unlock More 5+ background Slides In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now</a></h4> 
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                        <div class="panel-body">
                          <div class="pull-left">
                            <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('background','e99aba747d')">Save Changes</button>
                          </div>
                          <div class="pull-right">
                            <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('background','e99aba747d')">Reset Default</button> 
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

9001

9002

9003

9004

9005

9006

9007

9008

9009

9010

9011

9012

9013

9014

9015

9016

9017

9018

9019

9020

9021

9022

9023

9024

9025

9026

9027

9028

9029

9030

9031

9032

9033

9034

9035

9036

9037

9038

9039

9040

9041

9042

9043

9044

9045

9046

9047

9048

9049

9050

9051

9052

9053

9054

9055

9056

9057

9058

9059

9060

9061

9062

9063

9064

9065

9066

9067

9068

9069

9070

9071

9072

9073

9074

9075

9076

9077

9078

9079

9080

9081

9082

9083

9084

9085

9086

9087

9088

9089

9090

9091

9092

9093

9094

9095

9096

9097

9098

9099

9100

9101

9102

9103

9104

9105

9106

9107

9108

9109

9110

9111

9112

9113

9114

9115

9116

9117

9118

9119

9120

9121

9122

9123

9124

9125

9126

9127

9128

9129

9130

9131

9132

9133

9134

9135

9136

9137

9138

9139

9140

9141

9142

9143

9144

9145

9146

9147

9148

9149

9150

9151

9152

9153

9154

9155

9156

9157

9158

9159

9160

9161

9162

9163

9164

9165

9166

9167

9168

9169

9170

9171

9172

9173

9174

9175

9176

9177

9178

9179

9180

9181

9182

9183

9184

9185

9186

9187

9188

9189

9190

9191

9192

9193

9194

9195

9196

9197

9198

9199

9200

9201

9202

9203

9204

9205

9206

9207

9208

9209

9210

9211

9212

9213

9214

9215

9216

9217

9218

9219

9220

9221

9222

9223

9224

9225

9226

9227

9228

9229

9230

9231

9232

9233

9234

9235

9236

9237

9238

9239

9240

9241

9242

9243

9244

9245

9246

9247

9248

9249

9250

9251

9252

9253

9254

9255

9256

9257

9258

9259

9260

9261

9262

9263

9264

9265

9266

9267

9268

9269

9270

9271

9272

9273

9274

9275

9276

9277

9278

9279

function select_backgrounds() {

var active_nl = jQuery("#select_background").val();

jQuery(".rcsp_background").hide(500);

jQuery("#"+active_nl).show(500);

}

function select_slides_no(status) {

if (status.value=='1') {

jQuery(".rscp_slides_bg").hide(500);

} else {

value1 = status.value-1;

for (i=0; i<=4; i++) {

if (i<=value1) {

jQuery("#rcsp_sl_bg_"+i).show(500);

} else {

jQuery("#rcsp_sl_bg_"+i).hide(500);

}

function background_effect(effect) {

if(effect.value=="on") {

jQuery(".backg_effect").show(500);

} else {

jQuery(".backg_effect").hide(500);

}

</script>

<div class="textbox text-white margin-bottom settings-title"> Coming Soon Background Settings </div>

</div>

<tr>

<th scope="row">Select Background</th>

</tr>

<td>

<option value="bg_color">Static Background Color</option>

<option value="bg_image" selected>Static Background Image</option>

<option value="bg_slideshow">Background SlideShow</option>

<option disabled value="video">Youtube Video Background Available in pro</option>

</optgroup>

</select>

</td>

</tr>

</table>

</div>

</div>

<tr>

<th scope="row">Background Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Enable Background Effect</th>

</tr>

<td>

</div>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Background Effect</th>

</tr>

<td>

<option value="1" selected>Overlay Effect #1</option>

<option value="2">Overlay Effect #2</option>

<option value="3">Overlay Effect #3</option>

<option value="4">Overlay Effect #4</option>

<option value="5">Overlay Effect #5</option>

<option value="6">Overlay Effect #6</option>

<option value="7">Overlay Effect #7</option>

<option value="8">Overlay Effect #8</option>

<option value="9">Overlay Effect #9</option>

<option value="10">Overlay Effect #10</option>

<option value="11">Overlay Effect #11</option>

<option value="12">Overlay Effect #12</option>

<option value="13">Overlay Effect #13</option>

<option value="14">Overlay Effect #14</option>

<option value="15">Overlay Effect #15</option>

</optgroup>

</select>

</td>

</tr>

</table>

</div>

</div>

<tr>

<th scope="row">Background Image</th>

</tr>

<td>

</div>

</td>

</tr>

</table>

</div>

</div>

<tr>

<th scope="row" >No. Of Background Slideshow</th>

</tr>

<td>

</select>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Create Background Sideshow</th>

</tr>

</div>

</div>

</div>

</div>

</div>

</td>

</tr>

<td>

<h4>Unlock More 5+ background Slides In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now</a></h4>

</td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('background','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('background','e99aba747d')">Reset Default</button>

</div>

解析コード：10：コンフィグ設定画面：[DESIGN] – [TEXT AND COLOR]

                  <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-7">
                    <!-- Text And Color Settings panel content --->
                    <!---------------------------------------->

<script>
// Title Font Size Slider
jQuery(function() {
    jQuery("#button-size-slider").slider(
    {
        orientation:                                        "horizontal",
        range:                                              "min",
        max:                                                80,
        min:                                                20,
        slide: function(event, ui) {
            jQuery("#headline_ft_size").val(ui.value);
        }
    });
    jQuery("#button-size-slider").slider("value", );
    jQuery("#headline_ft_size").val(jQuery("#button-size-slider").slider("value"));
});
</script>

<script>
//Description Fonts Size Slider
jQuery(function() {
    jQuery("#button-size-slider3").slider(
    {
        orientation:                                        "horizontal",
        range:                                              "min",
        max:                                                40,
        min:                                                10,
        slide: function(event, ui) {
            jQuery("#desc_ft_size").val(ui.value);
        }
    });
    jQuery("#button-size-slider3").slider("value",);
    jQuery("#desc_ft_size").val(jQuery("#button-size-slider3").slider("value"));
});
</script>

<style>
.text-and-color-panel .ui-state-default,
.text-and-color-panel .ui-widget-content .ui-state-default {
    background-color:                                       #fff;
    border:                                                 0px solid #c5dbec;
    border-radius:                                          100%;
    cursor:                                                 move;
    height:                                                 30px;
    left:                                                   0;
    top:                                                    -9px;
    position:                                               absolute;
    width:                                                  30px;
    -webkit-box-shadow:                                     1px 1px 11px rgba(0, 0, 0, 0.5);
    box-shadow:                                             1px 1px 11px rgba(0, 0, 0, 0.5);
}

.text-and-color-panel .ui-state-default,
.ui-widget-header .ui-state-default {
    border:                                                 1px solid #c5dbec;
    background:                                             transparent;
    font-weight:                                            bold; 
    color:                                                  #2e6e9e;
}

.ui-slider-horizontal {
    height:                                                 .8em;
}

.ui-widget-content {
    border:                                                 0px solid #a6c9e2;
    background:                                             #a9acb1;
    color:                                                  #222222;
}

.ui-idget-header {
    border:                                                 0px solid #4297d7;
    background:                                             #ef4238;
    color:                                                  #ffffff;
    font-weight:                                            bold;
}

.slider-text {
    background-color:                                       #f7fcff !important;
    border-radius:                                          5px !important;
    font-size:                                              0.9em !important;
    height:                                                 29px !important;
    padding-top:                                            4px !important;
    text-align:                                             center !important;
    width:                                                  55px !important;
    margin-left:                                            25px !important;
    border-color:                                           #ffffff !important !important;
    margin-right:                                           5px !important;
    -webkit-box-shadow:                                     inset 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow:                                             inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
}

.slider-text-span {
    font-size:                                              17px;
    font-weight:                                            700;
}
</style>

                    <div class="row" class="">
                      <div class="post-social-wrapper clearfix">
                        <div class="col-md-12 post-social-item heading-item">
                          <div class="panel panel-default heading-item-default">
                            <div class="panel-heading padding-none">
                              <div class="post-social post-social-xs" id="post-social-5"> 
                                <div class="text-center padding-all text-center">
                                  <div class="textbox text-white margin-bottom settings-title"> Text And Color Settings </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <form method="post" id="wpsm_rcs_plugin_options_text_and_color">
<!-- Headline Font Color -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Headline Font Color</th>
                              <td style="text-align:right;"><i title="update your coming soon page all headlines font/text color here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></></td>
                            </tr>
                            <tr style="border-bottom:none;">
                              <td><input id="headeline_ft_clr" name="headeline_ft_clr" type="text" value="#ffffff" class="my-color-field" data-default-color="#ffffff" /></td>
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Description Font Color -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Description Font Color</th>
                              <td style="text-align:right;"><i title="update your coming soon page all descriptions font/text color here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr style="border-bottom:none;">
                              <td><input id="desc_ft_clr" name="desc_ft_clr" type="text" value="#ffffff" class="my-color-field" data-default-color="#ffffff" /></td>
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Subscribe Button Font Color -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Subscribe Button Font Color</th>
                              <td style="text-align:right;"><i title="update your subscribe button font/text color here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr style="border-bottom:none;">
                              <td>
                                <input id="sb_btn_ft_clr" name="sb_btn_ft_clr" type="text" value="#ffffff" class="my-color-field" data-default-color="#ffffff" />
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Subscribe Button background Color -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Subscribe Button background Color</th>
                              <td style="text-align:right;"><i title="update your subscribe button background color here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                            </tr>
                            <tr style="border-bottom:none;">
                              <td><input id="sb_btn_bg_clr" name="sb_btn_bg_cr" type="text" value="#16c9d0" class="my-color-field" data-default-color="#16c9d0" /></td>
                            </tr>
                          </table>
                        </div>
                      </div>
<!-- Countdown Timer Color -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Countdown Timer Color</th>
                            <td style="text-align:right;"><i title="update your countdown timer color here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left" ></i></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td><input id="cnd_timer_clr" name="cnd_timer_clr" type="text" value="#ffffff" class="my-color-field" data-default-color="#ffffff"></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Social Icon Font Color -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Social Icon Font Color</th>
                            <td style="text-align:right;"><i title="update your social icon Font/text color here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td><input id="social_icon_clr" name="social_icon_clr" type="text" value="#333333" class="my-color-field" data-default-color="#333333" /></td> 
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Social Icon Background Color -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Social Icon Background Color</th>
                            <td style="text-align:right;"><i title="update your social icon background color here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td><input id="social_icon_bg_clr" name="social_icon_bg_clr" type="text" value="#ffffff" class="my-color-field" data-default-color="#ffffff" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Other Buttons Font Color -->
                      <div class="panelpanel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Other Buttons Font Color</th>
                            <td style="text-align:right;"><i title="update your Other Buttons Font Color here, like about us button ,contact us button etc " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td><input id="ext_ft_clr" name="ext_ft_clr" type="text" value="#ffffff" class="my-color-field" data-default-color="#ffffff" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Other Buttons Background Color -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Other Buttons Background Color</th>
                            <td style="text-align:right;"><i title="update your Other Buttons background Color here, like about us button ,contact us button etc " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td><input id="ext_bg_clr" name="ext_bg_clr" type="text" value="#16c9d0" class="my-color-field" data-default-color="#16c9d0" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- All Headlines Font size -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row" >All Headlines Font size</th>
                            <td style="text-align:right;"><i title="update your headlines font/text size here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td class="text-and-color-panel">
                              <div id="button-size-slider" class="size-slider" style="width: 25%;display:inline-block"></div>
                              <input type="text" class="slider-text" id="headline_ft_size" name="headline_ft_size" readonly="readonly">
                              <span class="slider-text-span">Px</span>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- All Description Font Size -->
                      <div class="panel panel-primary pael-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">All Description Font Size</th>
                            <td style="text-align:right;"><i title="update your Description font/text size here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr style="border-bottom:none;">
                            <td class="text-and-color-panel">
                              <div id="button-size-slider3" class="size-slider" style="width: 25%;display:inline-block"></div>
                              <input type="text" class="slider-text" id="desc_ft_size" name="desc_ft_size" readonly="readonly">
                              <span class="slider-text-span">Px</span>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- All Headlines Font Style -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">All Headlines Font Style</th>
                            <td style="text-align:right;"><i title="update your All headlines Font Style/family here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="" style="border-bottom:none;">
                            <td>
                              <select id="headlines_ft_stl" class="standard-dropdown" name="headlines_ft_stl">
                                <optgroup label="Default Fonts">
                                  <option value="Arial">Arial</option>
                                  <option value="Arial Black">Aria Black</option>
                                  <option value="Courier New">Courier New</option>
                                  <option value="Georgia">Georgia</option>
                                  <option value="Grande">Grande</option>
                                  <option value="Helvetica">Helvetica Neue</option>
                                  <option value="Impact">Impact</option>
                                  <option value="Lucida">Lucida</option>
                                  <option value="Lucida Grande">Lucida Grande</option>
                                  <option value="Open Sans">Open Sans</option>
                                  <option value="OpenSansBold">OpenSansBold</option>
                                  <option value="Palatino Linotype">Palatino</option> 
                                  <option value="Sans">Sans</option>
                                  <option value="sans-serif" selected>Sans-Serif</option> 
                                  <option value="Tahoma">Tahoma</option>
                                  <option value="Times New Roman">Times New Roman</option> 
                                  <option value="Trebuchet">Trebuchet</option>
                                  <option value="Verdana">Verdana</option>
                                </optgroup>
                              </select>
                            </td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <h4>Unlock More 500+ Google Fonts In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now<a></h4> 
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- All Description Font Style -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">All Description Font Style</th>
                            <td style="text-align:right;"><i title="update your All descriptions Font Style/family here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="" style="border-bottom:none;">
                            <td>
                              <select id="desc_ft_stl" class="standard-dropdown" name="desc_ft_stl">
                                <optgroup label="Default Fonts">
                                  <option value="Arial">rial</option>
                                  <option value="Arial Black">Arial Black</option>
                                  <option value="Courier New">Courier New</option>
                                  <option value="Georgia">Georgia</option>
                                  <option value="Grande">Grande</option>
                                  <option value="Helvetica">Helvetica Neue</option>
                                  <option value="Impact">Impact</option>
                                  <option value="Lucida">Lucida</option>
                                  <option value="Lucida Grande">Lucida Grande</option> 
                                  <option value="Open Sans">Open Sans</option>
                                  <option value="OpenSansBold">OpenSansBold</option> 
                                  <option value="Palatino Linotype">Palatino</option> 
                                  <option vaue="Sans">Sans</option>
                                  <option value="sans-serif" selected>Sans-Serif</option> 
                                  <option value="Tahoma">Tahoma</option>
                                  <option value="Times New Roman">Times New Roman</option> 
                                  <option value="Trebuchet">Trebuchet</option>
                                  <option value="Verdana">Verdana</option>
                                </optgroup>
                              </select>
                            </td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><h4>Unlock More 500+ Google Fonts In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now</a></h4></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Other Text Font Style -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Other Text Font Style</th>
                            <td style="text-align:right;"><i title="update your Other text Font Style/family here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i>
                            </td>
                          </tr>
                          <tr class="" style="border-bottom:none;">
                            <td>
                              <select id="other_ft_stl" class="standard-dropdown" name="other_ft_stl">
                                <optgroup label="Default Fonts">
                                  <option value="Arial">Arial</option>
                                  <option value="Arial Black">Arial Black</option>
                                  <option value="Courier New">Courier New</option>
                                  <option value="Georgia">Georgia</option>
                                  <option value="Grande">Grande</option>
                                  <option value="Helvetica">Helvetica Neue</option>
                                  <option value="Impact">Impact</option>
                                  <option value="Lucida">Lucida</option>
                                  <option value="Lucida Grande">Lucida Grande</option>
                                  <option value="Open Sans">Open Sans</option>
                                  <option value="OpenSansBold">OpenSansBold</option>
                                  <option value="Palatino Linotype">Palatino</option>
                                  <option value="Sans">Sans</option>
                                  <option value="sans-serif" selcted>Sans-Serif</option>
                                  <option value="Tahoma">Tahoma</option>
                                  <option value="Times New Roman">Times New Roman</option>
                                  <option value="Trebuchet">Trebuchet</option>
                                  <option value="Verdana">Verdana</option>
                                </optgroup>
                              </select>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('text_and_color','e99aba747d')">Save Changes</button> 
                        </div>
                        <div class="pul-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('text_and_color','e99aba747d')">Reset Default</button> 
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

10001

10002

10003

10004

10005

10006

10007

10008

10009

10010

10011

10012

10013

10014

10015

10016

10017

10018

10019

10020

10021

10022

10023

10024

10025

10026

10027

10028

10029

10030

10031

10032

10033

10034

10035

10036

10037

10038

10039

10040

10041

10042

10043

10044

10045

10046

10047

10048

10049

10050

10051

10052

10053

10054

10055

10056

10057

10058

10059

10060

10061

10062

10063

10064

10065

10066

10067

10068

10069

10070

10071

10072

10073

10074

10075

10076

10077

10078

10079

10080

10081

10082

10083

10084

10085

10086

10087

10088

10089

10090

10091

10092

10093

10094

10095

10096

10097

10098

10099

10100

10101

10102

10103

10104

10105

10106

10107

10108

10109

10110

10111

10112

10113

10114

10115

10116

10117

10118

10119

10120

10121

10122

10123

10124

10125

10126

10127

10128

10129

10130

10131

10132

10133

10134

10135

10136

10137

10138

10139

10140

10141

10142

10143

10144

10145

10146

10147

10148

10149

10150

10151

10152

10153

10154

10155

10156

10157

10158

10159

10160

10161

10162

10163

10164

10165

10166

10167

10168

10169

10170

10171

10172

10173

10174

10175

10176

10177

10178

10179

10180

10181

10182

10183

10184

10185

10186

10187

10188

10189

10190

10191

10192

10193

10194

10195

10196

10197

10198

10199

10200

10201

10202

10203

10204

10205

10206

10207

10208

10209

10210

10211

10212

10213

10214

10215

10216

10217

10218

10219

10220

10221

10222

10223

10224

10225

10226

10227

10228

10229

10230

10231

10232

10233

10234

10235

10236

10237

10238

10239

10240

10241

10242

10243

10244

10245

10246

10247

10248

10249

10250

10251

10252

10253

10254

10255

10256

10257

10258

10259

10260

10261

10262

10263

10264

10265

10266

10267

10268

10269

10270

10271

10272

10273

10274

10275

10276

10277

10278

10279

10280

10281

10282

10283

10284

10285

10286

10287

10288

10289

10290

10291

10292

10293

10294

10295

10296

10297

10298

10299

10300

10301

10302

10303

10304

10305

10306

10307

10308

10309

10310

10311

10312

10313

10314

10315

10316

10317

10318

10319

10320

10321

10322

10323

10324

10325

10326

10327

10328

10329

10330

10331

10332

10333

10334

10335

10336

10337

10338

10339

10340

10341

10342

10343

10344

10345

10346

10347

10348

10349

10350

10351

10352

10353

10354

10355

10356

10357

10358

10359

10360

10361

10362

10363

10364

10365

10366

10367

10368

10369

10370

10371

10372

10373

10374

10375

10376

10377

10378

10379

10380

10381

10382

10383

10384

10385

10386

10387

10388

10389

10390

10391

10392

10393

10394

10395

10396

10397

10398

10399

10400

10401

10402

10403

10404

10405

10406

10407

10408

10409

10410

10411

10412

10413

10414

10415

10416

10417

// Title Font Size Slider

jQuery(function() {

jQuery("#button-size-slider").slider(

{

orientation: "horizontal",

range: "min",

max: 80,

min: 20,

slide: function(event, ui) {

jQuery("#headline_ft_size").val(ui.value);

}

});

jQuery("#button-size-slider").slider("value", );

jQuery("#headline_ft_size").val(jQuery("#button-size-slider").slider("value"));

});

</script>

//Description Fonts Size Slider

jQuery(function() {

jQuery("#button-size-slider3").slider(

{

orientation: "horizontal",

range: "min",

max: 40,

min: 10,

slide: function(event, ui) {

jQuery("#desc_ft_size").val(ui.value);

}

});

jQuery("#button-size-slider3").slider("value",);

jQuery("#desc_ft_size").val(jQuery("#button-size-slider3").slider("value"));

});

</script>

<style>

.text-and-color-panel .ui-state-default,

.text-and-color-panel .ui-widget-content .ui-state-default {

background-color: #fff;

border: 0px solid #c5dbec;

border-radius: 100%;

cursor: move;

height: 30px;

left: 0;

top: -9px;

position: absolute;

width: 30px;

-webkit-box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.5);

box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.5);

}

.text-and-color-panel .ui-state-default,

.ui-widget-header .ui-state-default {

border: 1px solid #c5dbec;

background: transparent;

font-weight: bold;

color: #2e6e9e;

}

.ui-slider-horizontal {

height: .8em;

}

.ui-widget-content {

border: 0px solid #a6c9e2;

background: #a9acb1;

color: #222222;

}

.ui-idget-header {

border: 0px solid #4297d7;

background: #ef4238;

color: #ffffff;

font-weight: bold;

}

.slider-text {

background-color: #f7fcff !important;

border-radius: 5px !important;

font-size: 0.9em !important;

height: 29px !important;

padding-top: 4px !important;

text-align: center !important;

width: 55px !important;

margin-left: 25px !important;

border-color: #ffffff !important !important;

margin-right: 5px !important;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

}

.slider-text-span {

font-size: 17px;

font-weight: 700;

}

</style>

<div class="textbox text-white margin-bottom settings-title"> Text And Color Settings </div>

</div>

<tr>

<th scope="row">Headline Font Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Description Font Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Subscribe Button Font Color</th>

</tr>

<td>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Subscribe Button background Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Countdown Timer Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Social Icon Font Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Social Icon Background Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Other Buttons Font Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Other Buttons Background Color</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row" >All Headlines Font size</th>

</tr>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">All Description Font Size</th>

</tr>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">All Headlines Font Style</th>

</tr>

<td>

<option value="Arial">Arial</option>

<option value="Arial Black">Aria Black</option>

<option value="Courier New">Courier New</option>

<option value="Georgia">Georgia</option>

<option value="Grande">Grande</option>

<option value="Helvetica">Helvetica Neue</option>

<option value="Impact">Impact</option>

<option value="Lucida">Lucida</option>

<option value="Lucida Grande">Lucida Grande</option>

<option value="OpenSansBold">OpenSansBold</option>

<option value="Palatino Linotype">Palatino</option>

<option value="sans-serif" selected>Sans-Serif</option>

<option value="Tahoma">Tahoma</option>

<option value="Times New Roman">Times New Roman</option>

<option value="Trebuchet">Trebuchet</option>

<option value="Verdana">Verdana</option>

</optgroup>

</select>

</td>

</tr>

<td>

<h4>Unlock More 500+ Google Fonts In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now<a></h4>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">All Description Font Style</th>

</tr>

<td>

<option value="Arial Black">Arial Black</option>

<option value="Courier New">Courier New</option>

<option value="Georgia">Georgia</option>

<option value="Grande">Grande</option>

<option value="Helvetica">Helvetica Neue</option>

<option value="Impact">Impact</option>

<option value="Lucida">Lucida</option>

<option value="Lucida Grande">Lucida Grande</option>

<option value="OpenSansBold">OpenSansBold</option>

<option value="Palatino Linotype">Palatino</option>

<option value="sans-serif" selected>Sans-Serif</option>

<option value="Tahoma">Tahoma</option>

<option value="Times New Roman">Times New Roman</option>

<option value="Trebuchet">Trebuchet</option>

<option value="Verdana">Verdana</option>

</optgroup>

</select>

</td>

</tr>

<td><h4>Unlock More 500+ Google Fonts In pro version <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Buy Now</a></h4></td>

</tr>

</table>

</div>

<tr>

<th scope="row">Other Text Font Style</th>

</td>

</tr>

<td>

<option value="Arial">Arial</option>

<option value="Arial Black">Arial Black</option>

<option value="Courier New">Courier New</option>

<option value="Georgia">Georgia</option>

<option value="Grande">Grande</option>

<option value="Helvetica">Helvetica Neue</option>

<option value="Impact">Impact</option>

<option value="Lucida">Lucida</option>

<option value="Lucida Grande">Lucida Grande</option>

<option value="OpenSansBold">OpenSansBold</option>

<option value="Palatino Linotype">Palatino</option>

<option value="sans-serif" selcted>Sans-Serif</option>

<option value="Tahoma">Tahoma</option>

<option value="Times New Roman">Times New Roman</option>

<option value="Trebuchet">Trebuchet</option>

<option value="Verdana">Verdana</option>

</optgroup>

</select>

</td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('text_and_color','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('text_and_color','e99aba747d')">Reset Default</button>

</div>

解析コード：11：コンフィグ設定画面：[DESIGN] – [CUSTOM CSS CODES]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-8">
                  <!-- Dashboard Settings panel content --->
                  <!---------------------------------------->
                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Custom Codes </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_custom_css">
<!-- Custom Css -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row" >Custom Css</th>
                            <td style="text-align:right;"><i title="Add your coming page custom css here, please add your css without <style></style> tag " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i> </td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <textarea rows="15" class="pro_text " id="custom_css" name="custom_css" placeholder=""></textarea>
                              <div class"description"><strong>Note :</strong>Please enter custom css without "style" tag. </div>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('custom_css','e99aba747d')"> Save Changes</button> 
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('custom_css','e99aba747d')"> Reset Default</button> 
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

11001

11002

11003

11004

11005

11006

11007

11008

11009

11010

11011

11012

11013

11014

11015

11016

11017

11018

11019

11020

11021

11022

11023

11024

11025

11026

11027

11028

11029

11030

11031

11032

11033

11034

11035

11036

11037

11038

11039

11040

11041

11042

11043

11044

11045

11046

11047

11048

11049

11050

11051

<div class="textbox text-white margin-bottom settings-title"> Custom Codes </div>

</div>

<tr>

<th scope="row" >Custom Css</th>

<td style="text-align:right;"><i title="Add your coming page custom css here, please add your css without <style></style> tag " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i> </td>

</tr>

<td>

<div class"description"><strong>Note :</strong>Please enter custom css without "style" tag. </div>

</td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('custom_css','e99aba747d')"> Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('custom_css','e99aba747d')"> Reset Default</button>

</div>

解析コード：12：コンフィグ設定画面：[SOCIAL PROFILE]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-9">
                  <!-- Dashboard Settings panel content --->
                  <!--------------------------------------->

<style>
#rpgg_gallery_thumbssds {
    list-style-type:                                        none;
}

#rpgg_gallery_thumbssds li span {
   position:                                                absolute;
}

.ui-state-highlight {
    height:                                                 1.5em;
    line-height:                                            1.2em;
}

.rcp_social_profile_admin .slider-text {
    background-color:                                       #31a3dd !important;
    border-radius:                                          5px;
    font-size:                                              0.9em;
    height:                                                 29px;
    padding-top:                                            2px;
    text-align:                                             center;
    width:                                                  auto !important;
    margin-left:                                            0px;
    color:                                                  #fff !important;
    border-color:                                           #ffffff !important;
    margin-right:                                           5px;
    -webkit-box-shadow:                                     inset 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow:                                             inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
}

.placeholder {
    border:                                                 2px dotted #f2f2f2 !important;
    visibility:                                             visible;
    padding:                                                20px;
}
</style>

                  <div class="row">
                    <div class="post-social-wrappr clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Social Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_social">
<!-- Social Profiles -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row" >Social Profiles</th>
                            <td style="text-align:right;"><i title="Add your social network profile url here, please enter correct url" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <!-- using for-->
                              <ul class="rcp_social_profile_admin" id="rpgg_gallery_thumbssds">
                                <li>
                                  <i class="fa fa-facebook"></i>
                                  <input type="text" class="pro_text" id="social[]" name="social[]" placeholder="Enter facebook url" size="56" value="#" />
                                  <input type="hidden" class="pro_text" id="social_icon[]" name="social_icon[]" value="fa-facebook" />
                                  <input type="hidden" class="pro_text" id="social_name[]" name="social_name[]" value="facebook" />
                                  <span style="display:               inline-block;
                                               background-color:      #31a3dd !important;
                                               margin-top:            6px;
                                               border-radius:         5px;
                                               font-size:             0.9em;
                                               height:                29px;
                                               padding-top:           2px;
                                               text-align:            center;
                                               width:                 auto !important; 
                                               margin-left:           0px;
                                               color:                 #fff !important; 
                                               border-color:          #ffffff !important;
                                               margin-right:          5px;
                                               -webkit-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.15);
                                               box-shadow:            inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
                                               width:                 10% !important;
                                               line-height:           2.1;">Facebook</span> 
                                </li>
                                <li>
                                  <i class="fa fa-twitter"></i>
                                  <input type="text" class="pro_text" id="social[]" name="social[]" placeholder="Enter twitter url" size="56" value="#" />
                                  <input type="hidden" class="pro_text" id="social_icon[]" name="social_icon[]" value="fa-twitter" />
                                  <input type="hidden" class="pro_text" id="social_name[]" name="social_name[]" value="twitter" />
                                  <span style="display:               inline-blck;
                                               background-color:      #31a3dd !important;
                                               margin-top:            6px;
                                               border-radius:         5px;
                                               font-size:             0.9em;
                                               height:                29px;
                                               padding-top:           2px;
                                               text-align:            center;
                                               width:                 auto !important;
                                               margin-left:           0px;
                                               color:                 #fff !important;
                                               border-color:          #ffffff !important;
                                               margin-right:          5px;
                                               -webkit-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.15);
                                               box-shadow:            inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
                                               width:                 10% !important;
                                               line-height:           2.1;">Twitter</span> 
                                </li>
                                <li>
                                  <i class="fa fa-linkedin"></i>
                                  <input type="text" class="pro_text" id="social[]" name="social[]" placeholder="Enter linkedin url" size="56" value="#" />
                                  <input type="hidden" class="pro_text" id="social_icon[]" name="social_icon[]" value="fa-linkedin" />
                                  <input type="hidden" class="pro_text" id="social_name[]" name="social_name[]" value="linkedin" />
                                  <span style="display:               inline-block;
                                               background-color:      #31a3dd !important;
                                               margin-top:            6px;
                                               border-radius:         5px;
                                               font-size:             0.9em;
                                               height:                29px;
                                               padding-top:           2px;
                                               text-align:            center;
                                               width:                 auto !important;
                                               margin-left:           0px;
                                               color:                 #fff !important; 
                                               border-color:          #ffffff !important; 
                                               margin-right:          5px;
                                               -webkit-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.15);
                                               box-shadow:            inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
                                               width:                 10% !important;
                                               line-height:           2.1;">Linkedin</span> 
                                </li>
                                <li>
                                  <i class="fa fa-google-plus"></i>
                                  <input type="text" class="pro_text" id="social[]" name="social[]" placeholer="Enter google plus url" size="56" value="#" />
                                  <input type="hidden" class="pro_text" id="social_icon[]" name="social_icon[]" value="fa-google-plus" />
                                  <input type="hidden" class="pro_text" id="social_name[]" name="social_name[]" value="google plus" />
                                  <span style="display:               inline-block;
                                               background-color:      #31a3dd !important;
                                               margin-top:            6px;
                                               border-radius:         5px;
                                               font-size:             0.9em;
                                               height:                29px;
                                               padding-top:           2px;
                                               text-align:            center;
                                               width:                 auto !important;
                                               margin-left:           0px;
                                               color:                 #fff !important;
                                               border-color:          #fffff !important; 
                                               margin-right:          5px;
                                               -webkit-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.15);
                                               box-shadow:            inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
                                               width:                 10% !important;
                                               line-height:           2.1;">Google plus</span>
                                </li>
                                <li>
                                  <i class="fa fa-youtube-play"></i>
                                  <input type="text" class="pro_text" id="social[]" name="social[]" placeholder="Enter youtube url" size="56" value="#" />
                                  <input type="hidden" class="pro_text" id="social_icon[]" name="social_icon[]" value="fa-youtube-play" />
                                  <input type="hidden" class="pro_text" id="social_name[]" name="socal_name[]" value="youtube" />
                                  <span style="display:               inline-block;
                                               background-color:      #31a3dd !important;
                                               margin-top:            6px;
                                               border-radius:         5px;
                                               font-size:             0.9em;
                                               height:                29px;
                                               padding-top:           2px;
                                               text-align:            center;
                                               width:                 auto !important; 
                                               margin-left:           0px;
                                               color:                 #fff !important; 
                                               border-color:          #ffffff !important; 
                                               margin-right:          5px;
                                               -webkit-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.15);
                                               box-shadow:            inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
                                               width:                 10% !important;
                                               line-height:           2.1;">Youtube</span>
                                </li>
                                <li>
                                  <i class="fa fa-pinterest-p"></i>
                                  <input type="text" class="pro_text" id="social[]" name="social[]" placeholder="Enter pinterest url" size="56" value="#" />
                                  <input type="hidden" class="pro_text" id="social_icon[]" name="social_icon[]" value="fa-pinterest-p" />
                                  <input type="hidden" class="pro_text" id="social_name[]" name="social_name[]" value="pinterest" />
                                  <span style="display:               inline-block;
                                               background-color:      #31a3dd !important;
                                               margin-top:            6px;
                                               border-radius:         5px;
                                               font-size:             0.9em;
                                               height:                29px;
                                               padding-top:           2px;
                                               text-align:            center;
                                               width:                 auto !important; 
                                               margin-left:           0px;
                                               color:                 #fff !important; 
                                               border-color:          #ffffff !important; 
                                               margin-right:          5px;
                                               -webkit-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.15);
                                               box-shadow:            inset 0 0 10px rgba(0, 0, 0, 0.15) !important;
                                               width:                 10% !important;
                                               line-height:           2.1;">Pinterest</span>
                                </li>
                              </ul>
                              <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank"><img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/icon.jpg" style="padding-right: 30px;" class="img-responsive" /></a>
                            </td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><h4><a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Unlock More 10+ Social Profiles with Drag And Drop Position Feature In pro version Buy Now</a></h4></td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('social','e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-riht">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('social','e99aba747d')">Reset Default</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- /row -->
                </div>

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-10">

<script>
function about_us_section_enable(status) {
    if(status.value=='on') {
        jQuery(".about_us_section").show(500);
    } else {
        jQuery(".about_us_section").hide(500);
    }
}
</script>

<style>
</style>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div clss="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> About Us Section Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

12001

12002

12003

12004

12005

12006

12007

12008

12009

12010

12011

12012

12013

12014

12015

12016

12017

12018

12019

12020

12021

12022

12023

12024

12025

12026

12027

12028

12029

12030

12031

12032

12033

12034

12035

12036

12037

12038

12039

12040

12041

12042

12043

12044

12045

12046

12047

12048

12049

12050

12051

12052

12053

12054

12055

12056

12057

12058

12059

12060

12061

12062

12063

12064

12065

12066

12067

12068

12069

12070

12071

12072

12073

12074

12075

12076

12077

12078

12079

12080

12081

12082

12083

12084

12085

12086

12087

12088

12089

12090

12091

12092

12093

12094

12095

12096

12097

12098

12099

12100

12101

12102

12103

12104

12105

12106

12107

12108

12109

12110

12111

12112

12113

12114

12115

12116

12117

12118

12119

12120

12121

12122

12123

12124

12125

12126

12127

12128

12129

12130

12131

12132

12133

12134

12135

12136

12137

12138

12139

12140

12141

12142

12143

12144

12145

12146

12147

12148

12149

12150

12151

12152

12153

12154

12155

12156

12157

12158

12159

12160

12161

12162

12163

12164

12165

12166

12167

12168

12169

12170

12171

12172

12173

12174

12175

12176

12177

12178

12179

12180

12181

12182

12183

12184

12185

12186

12187

12188

12189

12190

12191

12192

12193

12194

12195

12196

12197

12198

12199

12200

12201

12202

12203

12204

12205

12206

12207

12208

12209

12210

12211

12212

12213

12214

12215

12216

12217

12218

12219

12220

12221

12222

12223

12224

12225

12226

12227

12228

12229

12230

12231

12232

12233

12234

12235

12236

12237

12238

12239

12240

12241

12242

12243

12244

12245

12246

12247

12248

12249

12250

12251

12252

12253

12254

12255

12256

12257

12258

12259

12260

12261

12262

12263

<style>

#rpgg_gallery_thumbssds {

list-style-type: none;

}

#rpgg_gallery_thumbssds li span {

position: absolute;

}

.ui-state-highlight {

height: 1.5em;

line-height: 1.2em;

}

.rcp_social_profile_admin .slider-text {

background-color: #31a3dd !important;

border-radius: 5px;

font-size: 0.9em;

height: 29px;

padding-top: 2px;

text-align: center;

width: auto !important;

margin-left: 0px;

color: #fff !important;

border-color: #ffffff !important;

margin-right: 5px;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

}

.placeholder {

border: 2px dotted #f2f2f2 !important;

visibility: visible;

padding: 20px;

}

</style>

<div class="textbox text-white margin-bottom settings-title"> Social Settings </div>

</div>

<tr>

<th scope="row" >Social Profiles</th>

</tr>

<td>

<li>

<span style="display: inline-block;

background-color: #31a3dd !important;

margin-top: 6px;

border-radius: 5px;

font-size: 0.9em;

height: 29px;

padding-top: 2px;

text-align: center;

width: auto !important;

margin-left: 0px;

color: #fff !important;

border-color: #ffffff !important;

margin-right: 5px;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

width: 10% !important;

line-height: 2.1;">Facebook</span>

</li>

<li>

<span style="display: inline-blck;

background-color: #31a3dd !important;

margin-top: 6px;

border-radius: 5px;

font-size: 0.9em;

height: 29px;

padding-top: 2px;

text-align: center;

width: auto !important;

margin-left: 0px;

color: #fff !important;

border-color: #ffffff !important;

margin-right: 5px;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

width: 10% !important;

line-height: 2.1;">Twitter</span>

</li>

<li>

<span style="display: inline-block;

background-color: #31a3dd !important;

margin-top: 6px;

border-radius: 5px;

font-size: 0.9em;

height: 29px;

padding-top: 2px;

text-align: center;

width: auto !important;

margin-left: 0px;

color: #fff !important;

border-color: #ffffff !important;

margin-right: 5px;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

width: 10% !important;

line-height: 2.1;">Linkedin</span>

</li>

<li>

<span style="display: inline-block;

background-color: #31a3dd !important;

margin-top: 6px;

border-radius: 5px;

font-size: 0.9em;

height: 29px;

padding-top: 2px;

text-align: center;

width: auto !important;

margin-left: 0px;

color: #fff !important;

border-color: #fffff !important;

margin-right: 5px;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

width: 10% !important;

line-height: 2.1;">Google plus</span>

</li>

<li>

<span style="display: inline-block;

background-color: #31a3dd !important;

margin-top: 6px;

border-radius: 5px;

font-size: 0.9em;

height: 29px;

padding-top: 2px;

text-align: center;

width: auto !important;

margin-left: 0px;

color: #fff !important;

border-color: #ffffff !important;

margin-right: 5px;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

width: 10% !important;

line-height: 2.1;">Youtube</span>

</li>

<li>

<span style="display: inline-block;

background-color: #31a3dd !important;

margin-top: 6px;

border-radius: 5px;

font-size: 0.9em;

height: 29px;

padding-top: 2px;

text-align: center;

width: auto !important;

margin-left: 0px;

color: #fff !important;

border-color: #ffffff !important;

margin-right: 5px;

-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);

box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15) !important;

width: 10% !important;

line-height: 2.1;">Pinterest</span>

</li>

</ul>

</td>

</tr>

<td><h4><a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Unlock More 10+ Social Profiles with Drag And Drop Position Feature In pro version Buy Now</a></h4></td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('social','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('social','e99aba747d')">Reset Default</button>

</div>

</div>

function about_us_section_enable(status) {

if(status.value=='on') {

jQuery(".about_us_section").show(500);

} else {

jQuery(".about_us_section").hide(500);

}

</script>

<style>

</style>

<div class="textbox text-white margin-bottom settings-title"> About Us Section Settings </div>

</div>

解析コード：13：コンフィグ設定画面：[ABOUT US SECTION]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-10">

<script>
function about_us_section_enable(status) {
    if(status.value=='on') {
        jQuery(".about_us_section").show(500);
    } else {
        jQuery(".about_us_section").hide(500);
    }
}
</script>

<style>
</style>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div clss="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> About Us Section Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_about_us">
<!-- Display About Us Section -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Display About Us Section</th>
                            <td style="text-align:right;"><i title="Hide/Display Your about us section here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bttom:none;">
                            <td>
                              <div class="switch">
                                <input type="radio" class="switch-input" name="about_us_enable" value="on" id="enable_about_us" checked onclick="about_us_section_enable(this);">
                                <label for="enable_about_us" class="switch-label switch-label-off">Yes</label>
                                <input type="radio" class="switch-input" name="about_us_enable" value="off" id="disable_about_us" onclick="about_us_section_enable(this);">
                                <label for="disable_about_us" class="switch-label switch-label-on">No</label> <span class="switch-selection"></span>
                              </div>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- About Us Section Link Button Label -->
                      <div class="panel panel-primary panel-default content-panel about_us_section ">
                        <div class="panelbody">
                          <table class="form-table">
                          <tr>
                            <th scope="row">About Us Section Link Button Label</th>
                            <td style="text-align:right;"><i title="Update your About us button text here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="about_btn_label" name="about_btn_label" placeholder="Enter About Us button text" size="56" value="About Us" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- About Us Section Title -->
                      <div class="panel panel-primary panel-default content-panel about_us_section">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">About Us Section Title</th>
                            <td style="text-align:right;"><i title="Update your About us Section Title " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="about_section_title" name="about_section_title" placeholder="Enter About Us Section Title" size="56" value="About Us" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- About Us Decription -->
                      <div class="panel panel-primary panel-default content-panel about_us_section">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">About Us Decription</th>
                            <td style="text-align:right;"><i title="Add your About us Section Description Here " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><textarea rows="6" class="pro_text" id="about_section_desc" name="about_section_desc" placeholder="Enter Your About Us Section Description Here...">Lorem ipsum dolor sit amet, consectetur adipiscing elit2.</textarea></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><h4><a style="text-decoration: underline;" href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Unlock Team Section In Pro Version</a></h4></td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('about_us','e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('about_us','e99aba747d')">Reset Default</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

13001

13002

13003

13004

13005

13006

13007

13008

13009

13010

13011

13012

13013

13014

13015

13016

13017

13018

13019

13020

13021

13022

13023

13024

13025

13026

13027

13028

13029

13030

13031

13032

13033

13034

13035

13036

13037

13038

13039

13040

13041

13042

13043

13044

13045

13046

13047

13048

13049

13050

13051

13052

13053

13054

13055

13056

13057

13058

13059

13060

13061

13062

13063

13064

13065

13066

13067

13068

13069

13070

13071

13072

13073

13074

13075

13076

13077

13078

13079

13080

13081

13082

13083

13084

13085

13086

13087

13088

13089

13090

13091

13092

13093

13094

13095

13096

13097

13098

13099

13100

13101

13102

13103

13104

13105

13106

13107

13108

13109

13110

13111

13112

function about_us_section_enable(status) {

if(status.value=='on') {

jQuery(".about_us_section").show(500);

} else {

jQuery(".about_us_section").hide(500);

}

</script>

<style>

</style>

<div class="textbox text-white margin-bottom settings-title"> About Us Section Settings </div>

</div>

<tr>

<th scope="row">Display About Us Section</th>

</tr>

<td>

</div>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">About Us Section Link Button Label</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">About Us Section Title</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">About Us Decription</th>

</tr>

<td><textarea rows="6" class="pro_text" id="about_section_desc" name="about_section_desc" placeholder="Enter Your About Us Section Description Here...">Lorem ipsum dolor sit amet, consectetur adipiscing elit2.</textarea></td>

</tr>

<td><h4><a style="text-decoration: underline;" href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Unlock Team Section In Pro Version</a></h4></td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('about_us','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('about_us','e99aba747d')">Reset Default</button>

</div>

解析コード：14：コンフィグ設定画面：[CONTACT INFO]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-11">
                  <!-- Contact Info Settings panel content -->
                  <!---------------------------------------->

<script>
function send_mail_enable_section(status) {
    if(status.value=='on') {
        jQuery(".send_mail_enable_section").show(1000);
    } else {
        jQuery(".send_mail_enable_section").hide(500);
    }
}

// For Contact Us Section function contact_section_enable(status) {
    //alert('none');
    if(status.value=='on') {
        jQuery(".contact_us_section").show(500);
    } else {
        jQuery(".contact_us_section").hide(500);
    }
}
</script>

<style>
</style>

                <div class="row">
                  <div class="post-social-wrapper clearfix">
                    <div class="col-md-12 post-social-item heading-item">
                      <div class="panel panel-default heading-item-default">
                        <div class="panel-heading padding-none">
                          <div class="post-social post-social-xs"id="post-social-5">
                            <div class="text-center padding-all text-center">
                              <div class="textbox text-white margin-bottom settings-title"> Contact Info Section Settings </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <form method="post" id="wpsm_rcs_plugin_options_contact_us">
<!-- Display Contact Info Section -->
                    <div class="panel panel-primary panel-default content-panel">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr>
                          <th scope="row">Display Contact Info Section</th>
                          <td style="text-align:right;"><i title="Hide/display your Contact info Section here "style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td>
                            <div class="switch">
                              <input type="radio" class="switch-input" name="contact_us_enable" value="on" id="enable_contact_us" checked onclick="contact_section_enable(this);">
                              <label for="enable_contact_us" class="switch-label switch-label-off">Yes</label>
                              <input type="radio" class="switch-input" name="contact_us_enable" value="off" id="disable_contact_us" onclick="contact_section_enable(this);">
                              <label for="disable_contact_us" class="switch-label switch-label-on">No</label>
                              <span class="switch-selectio"></span>
                            </div>
                          </td>
                        </tr>
                        </table>
                      </div>
                    </div>
<!-- Contact Info Section Link Button Label -->
                    <div class="panel panel-primary panel-default content-panel contact_us_section">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr>
                          <th scope="row">Contact Info Section Link Button Label</th>
                          <td style="text-align:right;"><i title="Update your Contact info button text " style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td>
                            <input type="text" class="pro_text" id="contact_us_section_btn_label" name="contact_us_setion_btn_label" placeholder="Enter Contact Us button text" size="56" value="Contact" />
                          </td>
                        </tr>
                        </table>
                      </div>
                    </div>
<!-- Contact Info Section Title -->
                    <div class="panel panel-primary panel-default content-panel contact_us_section">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr>
                          <th scope="row">Contact Info Section Title</th>
                          <td style="text-align:right;"><i title="Update your Contact info section title here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td>
                            <input type="text" clas="pro_text" id="contact_us_section_title" name="contact_us_section_title" placeholder="Enter Contact Us section Title Here" size="56" value="Contact Info" />
                          </td>
                        </tr>
                        </table>
                      </div>
                    </div>
<!-- Contact Info Section Description -->
                    <div class="panel panel-primary panel-default content-panel contact_us_section">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr>
                          <th scope="row">Contact Info Section Description</th>
                          <td style="text-align:right;"><i title="Update your Contact info section description" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td><textarea rows="6" class="pro_text" id="contact_us_section_title_desc" name="contact_us_section_title_desc" placeholder="Enter Your Contact Us Section Description Here...">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id dolor dui, dapibus gravida elit. Donec conseenigmat laore gittis. Suspendisse ultricies ultrices viverra.</textarea></td>
                        </tr>
                        </table>
                      </div>
                    </div>
<!-- Add Your Contact Information Here -->
                    <div class="panel panel-primary panel-default content-panel contact_us_section">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr>
                          <th scope="row">Add Your Contact Information Here</th>
                          <td style="text-align:right;"><i title="Update your Contact information here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="ooltip" data-placement="left"></i></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td>
                            <p class="rcsp_p_admin"><i class="fa fa-map-marker"></i> Address</p>
                            <input type="text" class="pro_text" id="contact_info_address" name="contact_info_address" placeholder="Enter Your Address Here" size="56" value="123 Street, City" />
                          </td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td>
                            <p class="rcsp_p_admin"><i class="fa fa-phone"></i> Contact No.</p>
                            <input type="text" class="pro_text" id="contact_info_number" name="contact_info_number" size="56" value="(00) 123-4567890" />
                          </td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td>
                            <p class="rcsp_p_admin"><i class="fa fa-envelope-o"></i> Email Address</p>
                            <input type="text" class="pro_text" id="contact_info_email_address" name="contact_info_email_address" placeholder="Enter Your Contact Email For display on Contact Info Section" size="56" value="email@example.com" /> 
                          </td>
                        </tr>
                        </table>
                      </div>
                    </div>

                    <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank"><img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/contact.jpg" class="contact_us_section" style="width:100%" /></a>

                    <div class="panel panel-primary panel-default content-panel ">
                      <di class="panel-body">
                        <table class="form-table">
                        <tr>
                          <th scope="row">Google Map </th>
                          <td style="text-align:right;"></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td><a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank"><img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/map.jpg" class="contact_us_section" /></a></td>
                        </tr>
                        </table>
                      </div>
                    </div>
                  </form>
<!-- Save & Reset -->
                  <div class="panel panel-primary save-button-block">
                    <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div lass="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('contact_us','e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('contact_us','e99aba747d')">Reset Default</button> 
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- /row -->
                </div>

14001

14002

14003

14004

14005

14006

14007

14008

14009

14010

14011

14012

14013

14014

14015

14016

14017

14018

14019

14020

14021

14022

14023

14024

14025

14026

14027

14028

14029

14030

14031

14032

14033

14034

14035

14036

14037

14038

14039

14040

14041

14042

14043

14044

14045

14046

14047

14048

14049

14050

14051

14052

14053

14054

14055

14056

14057

14058

14059

14060

14061

14062

14063

14064

14065

14066

14067

14068

14069

14070

14071

14072

14073

14074

14075

14076

14077

14078

14079

14080

14081

14082

14083

14084

14085

14086

14087

14088

14089

14090

14091

14092

14093

14094

14095

14096

14097

14098

14099

14100

14101

14102

14103

14104

14105

14106

14107

14108

14109

14110

14111

14112

14113

14114

14115

14116

14117

14118

14119

14120

14121

14122

14123

14124

14125

14126

14127

14128

14129

14130

14131

14132

14133

14134

14135

14136

14137

14138

14139

14140

14141

14142

14143

14144

14145

14146

14147

14148

14149

14150

14151

14152

14153

14154

14155

14156

14157

14158

14159

14160

14161

14162

14163

14164

14165

14166

14167

14168

14169

14170

14171

function send_mail_enable_section(status) {

if(status.value=='on') {

jQuery(".send_mail_enable_section").show(1000);

} else {

jQuery(".send_mail_enable_section").hide(500);

}

// For Contact Us Section function contact_section_enable(status) {

//alert('none');

if(status.value=='on') {

jQuery(".contact_us_section").show(500);

} else {

jQuery(".contact_us_section").hide(500);

}

</script>

<style>

</style>

<div class="textbox text-white margin-bottom settings-title"> Contact Info Section Settings </div>

</div>

<tr>

<th scope="row">Display Contact Info Section</th>

</tr>

<td>

</div>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Contact Info Section Link Button Label</th>

</tr>

<td>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Contact Info Section Title</th>

</tr>

<td>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Contact Info Section Description</th>

</tr>

<td><textarea rows="6" class="pro_text" id="contact_us_section_title_desc" name="contact_us_section_title_desc" placeholder="Enter Your Contact Us Section Description Here...">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id dolor dui, dapibus gravida elit. Donec conseenigmat laore gittis. Suspendisse ultricies ultrices viverra.</textarea></td>

</tr>

</table>

</div>

<tr>

<th scope="row">Add Your Contact Information Here</th>

</tr>

<td>

<p class="rcsp_p_admin"><i class="fa fa-map-marker"></i> Address</p>

</td>

</tr>

<td>

<p class="rcsp_p_admin"><i class="fa fa-phone"></i> Contact No.</p>

</td>

</tr>

<td>

<p class="rcsp_p_admin"><i class="fa fa-envelope-o"></i> Email Address</p>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Google Map </th>

</tr>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('contact_us','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('contact_us','e99aba747d')">Reset Default</button>

</div>

</div>

解析コード：15：コンフィグ設定画面：[NEWSLETTER AND SUBSCRIBER SETTINGS] – [NEWSLETTER SETTINGS]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-12">

<script>
function select_newsletter() {
    var active_nl = jQuery("#rcsp_newsletter_dropdown").val(); 
    jQuery(".rcsp_newsletter").hide(500);
    jQuery("#"+active_nl).show(500);
}
</script>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-defaultheading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Select Your Newsletter Here </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_newsletter">
                      <div class="panel panel-primary panel-default content-panel">
<!-- Select Newsletter Option -->
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Select Newsletter Option</th>
                            <td style="text-align:right;"><i title="Select your newsleter option here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td>
                              <select id="rcsp_newsletter_dropdown" onchange="select_newsletter()" class="standard-dropdown" name="wpsm_rcs_newsletter_dropdown">
                                <option value="0" selected >Do not display sign up field</option> <option value="wpmail">Wp Mail</option>
                                <option disabled>Db database Available in pro</option> <option disabled >Constant Contact Available in pro</option>
                                <option disabled>Campaign Monitor Available in pro</option> 
                                <option disabled>Mailchimp Available in pro</optin>
                                <option disabled>Madmimi Background Available in pro</option>
                                <option disabled>GetResponse Video Background Available in pro</option>
                                <option disabled>iContact Video Background Available in pro</option>
                              </select>
                            </td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- ここから非表示項目 -->
                      <div id="wpmail" class="rcsp_newsletter " style="display:none;">
                        <div style="margin-bottom: 10px;">
                          <img src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon//images/wpmail.png" class="img-responsive" style="margin-right: auto;" alt="">
                        </div>
<!-- Confirmation Mail For Subscriber After Subscribe -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Confirmation Mail For Subscriber After Subscribe</th>
                              <td></td>
                            </tr>
                            <tr class="radio-span" style="border-bottom:none;">
                              <td>
                                <p class="rcsp_p_admin">Subject</p>
                                <input type="text" class="pro_text" id="to_subs_mail_sub" name="to_subs_mail_sub" placeholder="Enter subject Here For After Subscriber Confirmation Mail" size="56" value="Coming soon page" />
                              </td>
                            </tr>
                            <tr class="" style="border-bottom:none;">
                              <td>
                                <p class="rcsp_p_admin">Message Body</p>
                                <textarea rows="6" class="pro_text" id="to_subs_mail_msg" name="to_subs_mail_msg" placeholder="Enter Your Message Here For After Subscriber Confirmatin Mail">Thanks for submitting your email. We will notify you once we launch</textarea>
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Notification Mail To Admin After Subscribe By User -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Notification Mail To Admin After Subscribe By User</th>
                              <td></td>
                            </tr>
                            <tr class="radio-span" style="border-bottom:none;">
                              <td>
                                <p class="rcsp_p_admin">Subject</p>
                                <input type="text" class="pro_text" id="to_admin_mail_sub" name="to_admin_mail_sub" placeholder="Enter subject for notification mail" size="56" value="Coming soon page" />
                              </td>
                            </tr>
                            <tr class="" style="border-bottom:none;">
                              <td>
                                <p class="rcsp_p_admin"Message Body</p>
                                <textarea rows="6" class="pro_text" id="to_admin_mail_msg" name="to_admin_mail_msg" placeholder="Enter your message for notification mail">Hey Some one has subscribed to the Coming Soon page</textarea>
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
<!-- Email Address for Get Notification Mail -->
                        <div class="panel panel-primary panel-default content-panel">
                          <div class="panel-body">
                            <table class="form-table">
                            <tr>
                              <th scope="row">Email Address for Get Notification Mail</th>
                              <td></td>
                            </tr>
                            <tr class="radio-span" style="border-bottom:none;">
                              <td>
                                <p class="rcsp_p_admin">Email Address </p>
                                <input type="text" class="pro_text" id="email_add_f_admin" name="email_add_of_admin" placeholder="Enter Your Email Address Here" size="56" value="" /> 
                              </td>
                            </tr>
                            </table>
                          </div>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('newsletter','e99aba747d')">Save Changes</button>
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('newsletter','e99aba747d')">Reset Default</button> 
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

15001

15002

15003

15004

15005

15006

15007

15008

15009

15010

15011

15012

15013

15014

15015

15016

15017

15018

15019

15020

15021

15022

15023

15024

15025

15026

15027

15028

15029

15030

15031

15032

15033

15034

15035

15036

15037

15038

15039

15040

15041

15042

15043

15044

15045

15046

15047

15048

15049

15050

15051

15052

15053

15054

15055

15056

15057

15058

15059

15060

15061

15062

15063

15064

15065

15066

15067

15068

15069

15070

15071

15072

15073

15074

15075

15076

15077

15078

15079

15080

15081

15082

15083

15084

15085

15086

15087

15088

15089

15090

15091

15092

15093

15094

15095

15096

15097

15098

15099

15100

15101

15102

15103

15104

15105

15106

15107

15108

15109

15110

15111

15112

15113

15114

15115

15116

15117

15118

15119

15120

15121

15122

15123

15124

15125

15126

15127

15128

15129

15130

15131

15132

15133

15134

function select_newsletter() {

var active_nl = jQuery("#rcsp_newsletter_dropdown").val();

jQuery(".rcsp_newsletter").hide(500);

jQuery("#"+active_nl).show(500);

}

</script>

<div class="textbox text-white margin-bottom settings-title"> Select Your Newsletter Here </div>

</div>

<tr>

<th scope="row">Select Newsletter Option</th>

</tr>

<td>

<option value="0" selected >Do not display sign up field</option> <option value="wpmail">Wp Mail</option>

<option disabled>Db database Available in pro</option> <option disabled >Constant Contact Available in pro</option>

<option disabled>Campaign Monitor Available in pro</option>

<option disabled>Mailchimp Available in pro</optin>

<option disabled>Madmimi Background Available in pro</option>

<option disabled>GetResponse Video Background Available in pro</option>

<option disabled>iContact Video Background Available in pro</option>

</select>

</td>

</tr>

</table>

</div>

</div>

<tr>

<th scope="row">Confirmation Mail For Subscriber After Subscribe</th>

</tr>

<td>

<p class="rcsp_p_admin">Subject</p>

</td>

</tr>

<td>

<p class="rcsp_p_admin">Message Body</p>

<textarea rows="6" class="pro_text" id="to_subs_mail_msg" name="to_subs_mail_msg" placeholder="Enter Your Message Here For After Subscriber Confirmatin Mail">Thanks for submitting your email. We will notify you once we launch</textarea>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Notification Mail To Admin After Subscribe By User</th>

</tr>

<td>

<p class="rcsp_p_admin">Subject</p>

</td>

</tr>

<td>

<textarea rows="6" class="pro_text" id="to_admin_mail_msg" name="to_admin_mail_msg" placeholder="Enter your message for notification mail">Hey Some one has subscribed to the Coming Soon page</textarea>

</td>

</tr>

</table>

</div>

<tr>

<th scope="row">Email Address for Get Notification Mail</th>

</tr>

<td>

<p class="rcsp_p_admin">Email Address </p>

</td>

</tr>

</table>

</div>

</form>

<button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('newsletter','e99aba747d')">Save Changes</button>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('newsletter','e99aba747d')">Reset Default</button>

</div>

解析コード：16：コンフィグ設定画面：[NEWSLETTER AND SUBSCRIBER SETTINGS] – [SUBSCRIPTION FIELD SETTINGS]

                <div class="page-wrapper ui-tas-panel deactive" id="option-ui-id-13">
                  <!-- Dashboard Settings panel content --- >
                  <!---------------------------------------->

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Subscription Field Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <form method="post" id="wpsm_rcs_plugin_options_subscription_field"> 
<!-- Subscription Field Section Link Button Label -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Subscription Field Section Link Button Label</th>
                            <td style="text-align:right;"><i title="Update Subscription Field Section Button text here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="subscription_field_link_button_label" name="subscription_field_link_button_label" size="56" value="Subscribe" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Subscription Field Section Title -->
                      <div class="panel panel-primary pnel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Subscription Field Section Title</th>
                            <td style="text-align:right;"><i title="Update Subscription Field Section title here" style="font-size:30px;" class="fa fa-lightbulb-o wpsm_help_i" data-toggle="tooltip" data-placement="left"></i></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="subscription_field_section_title" name="subscription_field_section_title" size="56" value="Newsletter" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Update Email Field Place holder text -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Update Email Field Place holder text </th> 
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="email_field_pl_hold_text" name="email_field_pl_hold_text" size="56" value="Enter Your Email" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Subscribe Me Button Label -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Subscribe Me Button Label </th>
                            <td></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="po_text" id="subs_me_button_label" name="subs_me_button_label" size="56" value="Notify Me" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- After Success Subscription Notification Text -->
                      <div class="panel panel-primary panel-default content-panel">
                        <div class="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">After Success Subscription Notification Text</th>
                            <td></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="success_subs_notification_text" name="success_subs_notification_text" size="56" value="Thank you for subscribing Us" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
<!-- Invalid Email Notification Text -->
                      <div class="panel panel-primary panel-default content-panel">
                        <divclass="panel-body">
                          <table class="form-table">
                          <tr>
                            <th scope="row">Invalid Email Notification Text</th>
                            <td></td>
                          </tr>
                          <tr class="radio-span" style="border-bottom:none;">
                            <td><input type="text" class="pro_text" id="invalid_email_notification_text" name="invalid_email_notification_text" size="56" value="Invalid Email , Please enter valid Email" /></td>
                          </tr>
                          </table>
                        </div>
                      </div>
                    </form>
<!-- Save & Reset -->
                    <div class="panel panel-primary save-button-block">
                      <input type="hidden" id="security" name="security" value="e99aba747d" />
                      <div class="panel-body">
                        <div class="pull-left">
                          <button type="button" class="btn btn-info btn-lg" onclick="wpsm_rcs_option_data_save('subscription_field','e99aba747d')"Save Changes</button> 
                        </div>
                        <div class="pull-right">
                          <button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('subscription_field','e99aba747d')">Reset Default</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- /row -->
                </div>

16001

16002

16003

16004

16005

16006

16007

16008

16009

16010

16011

16012

16013

16014

16015

16016

16017

16018

16019

16020

16021

16022

16023

16024

16025

16026

16027

16028

16029

16030

16031

16032

16033

16034

16035

16036

16037

16038

16039

16040

16041

16042

16043

16044

16045

16046

16047

16048

16049

16050

16051

16052

16053

16054

16055

16056

16057

16058

16059

16060

16061

16062

16063

16064

16065

16066

16067

16068

16069

16070

16071

16072

16073

16074

16075

16076

16077

16078

16079

16080

16081

16082

16083

16084

16085

16086

16087

16088

16089

16090

16091

16092

16093

16094

16095

16096

16097

16098

16099

16100

16101

16102

16103

16104

16105

16106

16107

16108

16109

16110

16111

16112

16113

16114

16115

16116

16117

16118

16119

<!-- Dashboard Settings panel content --- >

<div class="textbox text-white margin-bottom settings-title"> Subscription Field Settings </div>

</div>

<tr>

<th scope="row">Subscription Field Section Link Button Label</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Subscription Field Section Title</th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Update Email Field Place holder text </th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">Subscribe Me Button Label </th>

</tr>

</tr>

</table>

</div>

<tr>

<th scope="row">After Success Subscription Notification Text</th>

</tr>

</tr>

</table>

</div>

<divclass="panel-body">

<tr>

<th scope="row">Invalid Email Notification Text</th>

</tr>

</tr>

</table>

</div>

</form>

</div>

<button type="button" class="btn btn-primary btn-lg" onclick="wpsm_rcs_option_data_reset('subscription_field','e99aba747d')">Reset Default</button>

</div>

</div>

解析コード：17：コンフィグ設定画面：[HELP & SUPPORT]

<!-- 非表示ブロック -->
                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-14">
                  <!-- Dashboard Settings panel content -->
                  <!---------------------------------------->

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Import/Export Settings </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="panel panel-primary panel-default content-panel">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr class="radio-span" style="border-bottom:none;">
                          <td> This setting is under testing process , It will be add in plugin with next update. </td>
                        </tr>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
<!-- 表示ブロック -->
                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-15">
                  <!-- Dashboard Settings panel content -->
                  <!---------------------------------------->

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-d-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Help And Support </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
<!-- Please ask your any ～ -->
                    <div class="panel panel-primary panel-default content-panel">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr class="radio-span" style="border-bottom:none;">
                          <td><h4>Please ask your any query here related to coming soon if you have problem in Responsive coming soon plugin</h4></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td><a type="button" target="_blank" href="http://wordpress.org/support/plugin/responsive-coming-soon" class="btn btn-primary btn-lg" style="color:#fff">Get Support</a></td>
                        </tr>
                        </table>
                      </div>
                    </div>
<!-- Installation and customization video -->
                    <div class="panel panel-primary panel-default content-panel">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr class="radio-span" style="border-bottom:none;">
                          <td><h4>Installation and customization video</h4></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td><iframe width="853" height="480" src="https://www.youtube.com/embed/BI1SgZXKOIE" frameborder="0" allowfullscreen></iframe> </td>
                        </tr>
                        </table>
                      </div>
                    </div>
<!-- please rate us if you like this plugin -->
                    <div class="panel panel-primary panel-default content-panel">
                      <div class="panel-body">
                        <table class="form-table">
                        <tr class="radio-span" style="border-bottom:none;">
                          <td><h4>please rate us if you like this plugin</h4></td>
                        </tr>
                        <tr class="radio-span" style="border-bottom:none;">
                          <td>
                            <a href="https://wordpress.org/plugins/responsive-coming-soon" target="_new" type="button" class="btn btn-primary btn-lg" tyle="color:#fff;background: #31a3dd;font-size:20px">Rate Us 
                              <span class="dashicons dashicons-star-filled" style="display:inline-block"></span>
                              <span class="dashicons dashicons-star-filled" style="display:inline-block"></span>
                              <span class="dashicons dashicons-star-filled" style="display:inline-block"></span>
                              <span class="dashicons dashicons-star-filled" style="display:inline-block"></span>
                              <span class="dashicons dashicons-star-filled" style="display:inline-block"></span>
                            </a>
                          </td>
                        </tr>
                        </table>
                      </div>
                    </div>
                  </div>
                  <!-- /row -->
                </div>

17001

17002

17003

17004

17005

17006

17007

17008

17009

17010

17011

17012

17013

17014

17015

17016

17017

17018

17019

17020

17021

17022

17023

17024

17025

17026

17027

17028

17029

17030

17031

17032

17033

17034

17035

17036

17037

17038

17039

17040

17041

17042

17043

17044

17045

17046

17047

17048

17049

17050

17051

17052

17053

17054

17055

17056

17057

17058

17059

17060

17061

17062

17063

17064

17065

17066

17067

17068

17069

17070

17071

17072

17073

17074

17075

17076

17077

17078

17079

17080

17081

17082

17083

17084

17085

17086

17087

17088

17089

17090

17091

17092

17093

17094

17095

17096

17097

17098

17099

17100

<div class="textbox text-white margin-bottom settings-title"> Import/Export Settings </div>

</div>

<td> This setting is under testing process , It will be add in plugin with next update. </td>

</tr>

</table>

</div>

<div class="textbox text-white margin-bottom settings-title"> Help And Support </div>

</div>

<td><h4>Please ask your any query here related to coming soon if you have problem in Responsive coming soon plugin</h4></td>

</tr>

<td><a type="button" target="_blank" href="http://wordpress.org/support/plugin/responsive-coming-soon" class="btn btn-primary btn-lg" style="color:#fff">Get Support</a></td>

</tr>

</table>

</div>

<td><h4>Installation and customization video</h4></td>

</tr>

</tr>

</table>

</div>

<td><h4>please rate us if you like this plugin</h4></td>

</tr>

<td>

<a href="https://wordpress.org/plugins/responsive-coming-soon" target="_new" type="button" class="btn btn-primary btn-lg" tyle="color:#fff;background: #31a3dd;font-size:20px">Rate Us

</a>

</td>

</tr>

</table>

</div>

</div>

解析コード：18：コンフィグ設定画面：[PRO FEATURES]

                <div class="page-wrapper ui-tabs-panel deactive" id="option-ui-id-16">
                  <!-- Dashboard Settings panel content -->
                  <!---------------------------------------->

<style>
.portfolio_demo_btn {
    border:                                                 1px solid #919499;
    border-radius:                                          0px;
    margin-bottom:                                          10px;
    font-weight:                                            500;
    font-size:                                              19px;
    padding:                                                12px 12px;
    display:                                                inline-block;
    border-radius:                                          2px;
    cursor:                                                 pointer;
    letter-spacing:                                         1px;
    outline:                                                none;
    position:                                               relative;
    text-decoration:                                        none !important;
    background-color:                                       #242629;
    border-color:                                           #242629;
    color:                                                  #fff !important;
    -webkit-transition:                                     all ease 0.5s;
    -moz-transition:                                        all ease 0.5s;
    transition:                                             all ease 0.5s;
    padding-left:                                           22px;
    padding-right:                                          22px;
}

.portfolio_read_more_btn {
    border:                                                 1px solid #E83F33;
    border-radius:                                          0px;
    margin-bottom:                                          10px;
    font-weight:                                            500;
    font-size:                                              19px;
    padding:                                                12px 12px;
    display:                                                inline-block;
    brder-radius:                                           2px;
    cursor:                                                 pointer;
    letter-spacing:                                         1px;
    outline:                                                none;
    position:                                               relative;
    text-decoration:                                        none !important;
    color:                                                  #fff !important;
    -webkit-transition:                                     all ease 0.5s;
    -moz-transition:                                        all ease 0.5s;
    transition:                                             all ease 0.5s;
    background:                                             #E83F33;
    padding-left:                                           22px;
    padding-right:                                          22px;
}

.portfolio_demo_btn2 {
    border:                                                 1px solid #919499;
    border-radius:                                          0px;
    margin-bottom:                                          10px;
    font-weight:                                            500;
    font-size:                                              19px;
    padding:                                                12px 12px;
    display:                                                inline-block;
    border-radius:                                          2px;
    cursor:                                                 pointer;
    letter-spacing:                                         1px;
    outline:                                                none;
    position:                                               relative;
    text-decoration:                                        none !important;
    background-color:                                       #31a3dd;
    border-color:                                           #31a3dd;
    color:                                                  #fff;
    -webkit-transition:                                     all ese 0.5s;
    -moz-transition:                                        all ease 0.5s;
    transition:                                             all ease 0.5s;
    padding-left:                                           22px;
    padding-right:                                          22px;
}
</style>

                  <div class="row">
                    <div class="post-social-wrapper clearfix">
                      <div class="col-md-12 post-social-item heading-item">
                        <div class="panel panel-default heading-item-default">
                          <div class="panel-heading padding-none">
                            <div class="post-social post-social-xs" id="post-social-5"> 
                              <div class="text-center padding-all text-center">
                                <div class="textbox text-white margin-bottom settings-title"> Pro And Free Comparison Table </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <br />
                    <br />
                    <a href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank"><img style="width:auto;margin-left:auto;margin-right:auto" class="img-responsive" src="https://wp4.okera-literacy.com/wp-content/plugins/responsive-coming-soon/images/detail.jpg" /></a>
                    <br />
                    <br />
<!-- 下部ボタン -->
                    <div style="text-align:center">
                      <a class="portfolio_read_more_btn " title="detail" href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Purchase Now Only In $19</a>
                      <a class="portfolio_demo_btn" title="demo" href="https://wpshopmart.com/coming-soon-pro-demo-page/" target="_blank">View Demos </a> <a class="portfolio_demo_btn2" href="https://wpshopmart.com/contact/" target="_blank">Pre Sale Query</a>
                    </div>
                  </div>
                  <!-- /row -->
                </div>
              </div>
<!-- 非表示ブロック -->
              <div class="wpsm_settings_loding" id="wpsm_loding_general_image"></div> 
              <button data-dialog="somedialog" class="dialog-buton" style="display:none;">Open Dialog</button>
              <div id="somedialog" class="dialog" style="position: fixed; z-index: 9999;"> 
                <div class="dialog__overlay"></div>
                <div class="dialog__content">
                  <div class="morph-shape" data-morph-open="M33,0h41c0,0,0,9.871,0,29.871C74,49.871,74,60,74,60H32.666h-0.125H6c0,0,0-10,0-30S6,0,6,0H33" data-morph-close="M33,0h41c0,0-5,9.871-5,29.871C69,49.871,74,60,74,60H32.666h-0.125H6c0,0-5-10-5-30S6,0,6,0H33">
                    <svg xmlns="" width="100%" height="100%" viewBox="0 0 80 60" preserveAspectRatio="none">
                      <path d="M33,0h41c0,0-5,9.871-5,29.871C69,49.871,74,60,74,60H32.666h-0.125H6c0,0-5-10-5-30S6,0,6,0H33"></path>
                    </svg>
                  </div>

                  <div class="dialog-inner">
                   <h2><strong></strong>Setting Saved Successfully</h2><div><button class="action dialog-button-close" data-dialog-close id="dialog-close-button" >Close</button>
                  </div>
                </div>
              </div>
            </div>

18001

18002

18003

18004

18005

18006

18007

18008

18009

18010

18011

18012

18013

18014

18015

18016

18017

18018

18019

18020

18021

18022

18023

18024

18025

18026

18027

18028

18029

18030

18031

18032

18033

18034

18035

18036

18037

18038

18039

18040

18041

18042

18043

18044

18045

18046

18047

18048

18049

18050

18051

18052

18053

18054

18055

18056

18057

18058

18059

18060

18061

18062

18063

18064

18065

18066

18067

18068

18069

18070

18071

18072

18073

18074

18075

18076

18077

18078

18079

18080

18081

18082

18083

18084

18085

18086

18087

18088

18089

18090

18091

18092

18093

18094

18095

18096

18097

18098

18099

18100

18101

18102

18103

18104

18105

18106

18107

18108

18109

18110

18111

18112

18113

18114

18115

18116

18117

18118

18119

18120

18121

18122

18123

18124

<style>

.portfolio_demo_btn {

border: 1px solid #919499;

border-radius: 0px;

margin-bottom: 10px;

font-weight: 500;

font-size: 19px;

padding: 12px 12px;

display: inline-block;

border-radius: 2px;

cursor: pointer;

letter-spacing: 1px;

outline: none;

position: relative;

text-decoration: none !important;

background-color: #242629;

border-color: #242629;

color: #fff !important;

-webkit-transition: all ease 0.5s;

-moz-transition: all ease 0.5s;

transition: all ease 0.5s;

padding-left: 22px;

padding-right: 22px;

}

.portfolio_read_more_btn {

border: 1px solid #E83F33;

border-radius: 0px;

margin-bottom: 10px;

font-weight: 500;

font-size: 19px;

padding: 12px 12px;

display: inline-block;

brder-radius: 2px;

cursor: pointer;

letter-spacing: 1px;

outline: none;

position: relative;

text-decoration: none !important;

color: #fff !important;

-webkit-transition: all ease 0.5s;

-moz-transition: all ease 0.5s;

transition: all ease 0.5s;

background: #E83F33;

padding-left: 22px;

padding-right: 22px;

}

.portfolio_demo_btn2 {

border: 1px solid #919499;

border-radius: 0px;

margin-bottom: 10px;

font-weight: 500;

font-size: 19px;

padding: 12px 12px;

display: inline-block;

border-radius: 2px;

cursor: pointer;

letter-spacing: 1px;

outline: none;

position: relative;

text-decoration: none !important;

background-color: #31a3dd;

border-color: #31a3dd;

color: #fff;

-webkit-transition: all ese 0.5s;

-moz-transition: all ease 0.5s;

transition: all ease 0.5s;

padding-left: 22px;

padding-right: 22px;

}

</style>

<div class="textbox text-white margin-bottom settings-title"> Pro And Free Comparison Table </div>

</div>

<br />

<br />

<a class="portfolio_read_more_btn " title="detail" href="https://wpshopmart.com/plugins/coming-soon-pro/" target="_blank">Purchase Now Only In $19</a>

<a class="portfolio_demo_btn" title="demo" href="https://wpshopmart.com/coming-soon-pro-demo-page/" target="_blank">View Demos </a> <a class="portfolio_demo_btn2" href="https://wpshopmart.com/contact/" target="_blank">Pre Sale Query</a>

</div>

</div>

<button data-dialog="somedialog" class="dialog-buton" style="display:none;">Open Dialog</button>

</svg>

</div>

<h2><strong></strong>Setting Saved Successfully</h2><div><button class="action dialog-button-close" data-dialog-close id="dialog-close-button" >Close</button>

</div>

解析コード：19：コンテンツ下部の共通設定：１

<script>
(
    function() {
        var dlgtrigger = document.querySelector('data-dialog]'),
            somedialog = document.getElementById(dlgtrigger.getAttribute('data-dialog')),
            // svg.. 
            morphEl    = somedialog.querySelector('.morph-shape'),
            s          = Snap(morphEl.querySelector('svg')),
            path       = s.select('path'),
            steps      = {open  : morphEl.getAttribute('data-morph-open'),
                          close : morphEl.getAttribute('data-morph-close')},
            dlg        = new DialogFx(somedialog,
                                      {onOpenDialog : function(instance) {
                                                          // animate path
                                                          setTimeout(function() {
                                                                         path.stop().animate({'path' : steps.open},
                                                                                              1500,
                                                                                              mina.elastic);},
                                                                     250);
                                                      }, 
                                       onCloseDialog : function(instance) {
                                                           // animate path
                                                           path.stop().animate({'path' : steps.close},
                                                                               250,
                                                                               mina.easeout);
                                                       }
                                      });
            dlgtrigger.addEventListener('click',
                                        dg.toggle.bind(dlg));
    }
)();
</script>

<script>
// initialize the validator
function validator.message['date'] = 'not a real date';

// validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup': 
jQuery('form').on('blur',
                  'input[required],
                  input.optional,
                  select.required',
                  validator.checkField).on('change',
                                           'select.required',
                                           validator.checkField).on('keypress',
                                                                    'input[required][pattern]',
                                                                    validator.keypress);

jQuery('.multi.required') .on('keyup blur',
                              'input',
                              function() {
                                  validator.checkField.apply($(this).siblings().last()[0]);
                              }); 

// bind the validation to the form submit event
//$('#send').click('submit');
//.prop('disabled', true);
jQuery('form').submit(function(e) {
    e.preventDefault();
    var submit = true;

    // evaluate the form using generic validaing
    if(!validator.checkAll($(this))) {
        submit = false;
    }
    if(submit) {
        this.submit();
    }
    return false;
});

/* FOR DEMO ONLY */
jQuery('#vfields').change(function() {
    jQuery('form').toggleClass('mode2');
}).prop('checked',
        false);

jQuery('#alerts').change(function() {
    validator.defaults.alerts = (this.checked) ? false : true;
    if(this.checked) {
        jQuery('form .alert').remove();
    }
}).prop('checked',
        false);

document.onreadystatechange = function () {
    var state = document.readyState
    if (state == 'complete') {
        setTimeout(function() {
                       document.getElementById('interactive'); 
                       document.getElementById('load').style.visibility="hidden";},
                   1000);
    }
}

jQuery(function() {
           jQuery('.wpsm_help_i').tooltip()
       }
)
</script>

            <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"> バージョン 5.5.1 </p>

        <div class="clear"></div>
      </div>

19001

19002

19003

19004

19005

19006

19007

19008

19009

19010

19011

19012

19013

19014

19015

19016

19017

19018

19019

19020

19021

19022

19023

19024

19025

19026

19027

19028

19029

19030

19031

19032

19033

19034

19035

19036

19037

19038

19039

19040

19041

19042

19043

19044

19045

19046

19047

19048

19049

19050

19051

19052

19053

19054

19055

19056

19057

19058

19059

19060

19061

19062

19063

19064

19065

19066

19067

19068

19069

19070

19071

19072

19073

19074

19075

19076

19077

19078

19079

19080

19081

19082

19083

19084

19085

19086

19087

19088

19089

19090

19091

19092

19093

19094

19095

19096

19097

19098

19099

19100

19101

19102

19103

19104

19105

19106

19107

19108

19109

19110

19111

19112

19113

19114

19115

19116

19117

19118

19119

19120

19121

(

function() {

var dlgtrigger = document.querySelector('data-dialog]'),

somedialog = document.getElementById(dlgtrigger.getAttribute('data-dialog')),

// svg..

morphEl = somedialog.querySelector('.morph-shape'),

s = Snap(morphEl.querySelector('svg')),

path = s.select('path'),

steps = {open : morphEl.getAttribute('data-morph-open'),

close : morphEl.getAttribute('data-morph-close')},

dlg = new DialogFx(somedialog,

{onOpenDialog : function(instance) {

// animate path

setTimeout(function() {

path.stop().animate({'path' : steps.open},

1500,

mina.elastic);},

250);

onCloseDialog : function(instance) {

// animate path

path.stop().animate({'path' : steps.close},

250,

mina.easeout);

}

});

dlgtrigger.addEventListener('click',

dg.toggle.bind(dlg));

}

)();

</script>

// initialize the validator

function validator.message['date'] = 'not a real date';

// validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':

jQuery('form').on('blur',

'input[required],

input.optional,

select.required',

validator.checkField).on('change',

'select.required',

validator.checkField).on('keypress',

'input[required][pattern]',

validator.keypress);

jQuery('.multi.required') .on('keyup blur',

'input',

function() {

validator.checkField.apply($(this).siblings().last()[0]);

});

// bind the validation to the form submit event

//$('#send').click('submit');

//.prop('disabled', true);

jQuery('form').submit(function(e) {

e.preventDefault();

var submit = true;

// evaluate the form using generic validaing

if(!validator.checkAll($(this))) {

submit = false;

}

if(submit) {

this.submit();

}

return false;

});

/* FOR DEMO ONLY */

jQuery('#vfields').change(function() {

jQuery('form').toggleClass('mode2');

}).prop('checked',

false);

jQuery('#alerts').change(function() {

validator.defaults.alerts = (this.checked) ? false : true;

if(this.checked) {

jQuery('form .alert').remove();

}

}).prop('checked',

false);

document.onreadystatechange = function () {

var state = document.readyState

if (state == 'complete') {

setTimeout(function() {

document.getElementById('interactive');

document.getElementById('load').style.visibility="hidden";},

1000);

}

jQuery(function() {

jQuery('.wpsm_help_i').tooltip()

}

)

</script>

</div>

</div>

</div>

<span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span>

</p>

<p id="footer-upgrade" class="alignright"> バージョン 5.5.1 </p>

</div>

解析コード：20：コンテンツ下部の共通設定：２

      <!-- wsblc admin footer -->

<script type='text/javascript'>
(
    function($) {
        //(Re)starts the background worker thread
        function blcDoWork() {
           $.post("https://wp4.okera-literacy.com/wp-admin/admin-ajax.php",
                  {'action'      : 'blc_work',
                   '_ajax_nonce' : '64062a3285'});
        }

        //Call it the first time
        blcDoWork();

        //Then call it periodically every X seconds
        setInterval(blcDoWork,
                    421000);
    }
)(jQuery);
</script>

      <!-- /wsblc admin footer -->
<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 tabindex="0" class="media-modal wp-core-ui" role="dialog" aria-labelledby="media-frame-title">
<# if (data.hasCloseButton) { #>
        <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">ダイアログを閉じる</span></span></button>
<# } #>
        <div class="media-modal-content" role="document"></div> 
      </div>
      <div class="media-modal-backdrop"></div>
</script>

<script type="text/html" id="tmpl-uploader-window">
      <div class="uploader-window-content">
        <div class="uploader-editor-title">ファイルをドロップしてアップロード</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">ファイルを選択</button> 
        </div>
        <div class="upload-inline-status"></div>
        <div class="post-upload-ui">
          <p class="max-upload-size"> 最大アップロードサイズ: 32 MB。 </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="/wp-admin/admin.php?page=wpsm_responsive_coming_soon&#38;mode=list" class="view-list"><span class="screen-reader-text">リスト表示</span></a>
      <a href="/wp-admin/admin.php?page=wpsm_responsive_coming_soon&#038;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>
      <button type="button" class="button-link upload-dismiss-errors"><span class="screen-reader-text">エラーを非表示</span></button>
      <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>
</script>

<script type="text/html" id="tmpl-uploader-sttus-error">
      <span class="upload-error-filename">{{{ data.filename }}}</span>
      <span class="upload-error-message">{{ data.message }}</span>
</script>

<script type="text/html" id="tmpl-edit-attachment-frame">
      <div class="edit-media-header">
        <button class="left dashicons" <# if (!data.hasPrevious) { #> disabled<# } #>>
          <span class="screen-reader-text">前のメディア項目を編集</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"><span class="screen-reader-text">ダイアログを閉じる</span></span>
        </button>
      </div>
      <div class="media-frame-title"></div>
      <div class="media-frame-content"></div>
</script>

<script type="text/html" id="tmpl-attachment-details-two-column">
      <div class="attachment-media-view {{ data.orientation }}">
        <h2 class="screen-reader-text">添付ファイルのプレビュー</h2>
        <div class="thumbnail thumbnail-{{ data.type }}">
<# if (data.uploading) { #> 
          <div class="media-progress-bar">
            <div></div>
          </div>
<# } else if (data.sizes && data.sizes.large) { #>
          <img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" />
<# } else if (data.sizes && data.sizes.full) { #>
          <img class="details-image" src="{{ data.sizes.full.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">
            <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="filename">
            <strong>ファイル名:</strong> {{ data.filename }}
          </div>
          <div class="filename">
            <strong>ファイルタイプ:</strong> {{ data.mie }}
          </div>
          <div class="uploaded">
            <strong>更新日:</strong> {{ data.dateFormatted }}
          </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) { #>
          元の画像: <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a> 
  <# } #>
<# } #>

<# if (data.fileLength && data.fileLengthHumanReadable) { #>
          <div class="file-length">
            <strong>長さ:</strong> <span aria-hidden="true">{{ data.fileLength }}</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>
<# } #>

          <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="settinghas-description" data-setting="alt">
            <label for="attachment-details-two-column-alt-text" class="name">代替テキスト</label>
            <input type="text" id="attachment-details-two-column-alt-text" value="{{ data.alt }}" aria-describedby="alt-text-description" {{ maybeReadOnly }} />
          </span>
          <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">画像の意味を説明しましょう<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">
            <span class="name">アップロード:</span>
            <span class="value">{{ data.autorName }}</span>
          </span>

<# if (data.uploadedToTitle) { #>
          <span class="setting">
            <span class="name">アップロード先:</span>
  <# if (data.uploadedToLink) { #>
            <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span>
  <# } else { #>
            <span class="value">{{ data.uploadedToTitle }}</span>
  <# } #>
          </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">
          <a class="view-attachment" href="{{ data.link }}">添付ファイルのページを表示</a>
<# if (data.can.save) { #>
          | a href="{{ data.editLink }}">さらに詳細を編集</a>
<# } #>
<# if (!data.uploading && data.can.remove) { #>
          | <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.sizes) { #>
          <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 && data.sizes.medium) { #>
            <img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" />
  <# } else { #>
            <img src="{{ data.icon }}" class="icon" draggable="false" alt="" />
  <# } #>
          </div>
          <div class="filename">
            <div>{{ data.filename }}</div>
          </div>
<# } #>
        </div>

<# if (data.buttons.close) { #>
        <button type="button" class="button-link attachment-close media-modal-icon"><span class="screen-reader-text">削除</span></button>
<# } #>
      </div>

<# if (data.buttons.check) { #>
      <button type="button" class="check" tabindex="-1">
        <span class="media-modal-icon"></span>
        <span class="screen-reader-text">選択を解除</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="音声ファイルのタイトル&helli;" 
<#     } 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">
        <div class="thumbnail thumbnail-{{ data.type }}">
<# if (data.uploading) { #>
          <div class="media-progress-bar">
            <div></div>
          </div>
<# } else if ('image' === data.type && data.sizes) { #>
          <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) { #>
          元の画像: <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
  <# } #>
  <# if (data.can.save && data.sizes) { #>
          <a class="edit-attachment" href="{{ data.editLink }}&amp;image-editor" target="_blank">画像を編集</a>
  <# } #>
<# } #>

<# if (data.fileLength && data.fileLengthHumanReadable) { #>
          <div class="file-length">
            長さ: <span aria-hidden="true">{{ data.fileLength }}</span><span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span>
          </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="seting has-description" data-setting="alt">
        <label for="attachment-details-alt-text" class="name">代替テキスト</label>
        <input type="text" id="attachment-details-alt-text" value="{{ data.alt }}" aria-describedby="alt-text-description" {{ maybeReadOnly }} />
      </span>
      <p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">画像の意味を説明しましょう<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="attachmet-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">l 
        <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" daa-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-sze" 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-lin-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"
<#

20001

20002

20003

20004

20005

20006

20007

20008

20009

20010

20011

20012

20013

20014

20015

20016

20017

20018

20019

20020

20021

20022

20023

20024

20025

20026

20027

20028

20029

20030

20031

20032

20033

20034

20035

20036

20037

20038

20039

20040

20041

20042

20043

20044

20045

20046

20047

20048

20049

20050

20051

20052

20053

20054

20055

20056

20057

20058

20059

20060

20061

20062

20063

20064

20065

20066

20067

20068

20069

20070

20071

20072

20073

20074

20075

20076

20077

20078

20079

20080

20081

20082

20083

20084

20085

20086

20087

20088

20089

20090

20091

20092

20093

20094

20095

20096

20097

20098

20099

20100

20101

20102

20103

20104

20105

20106

20107

20108

20109

20110

20111

20112

20113

20114

20115

20116

20117

20118

20119

20120

20121

20122

20123

20124

20125

20126

20127

20128

20129

20130

20131

20132

20133

20134

20135

20136

20137

20138

20139

20140

20141

20142

20143

20144

20145

20146

20147

20148

20149

20150

20151

20152

20153

20154

20155

20156

20157

20158

20159

20160

20161

20162

20163

20164

20165

20166

20167

20168

20169

20170

20171

20172

20173

20174

20175

20176

20177

20178

20179

20180

20181

20182

20183

20184

20185

20186

20187

20188

20189

20190

20191

20192

20193

20194

20195

20196

20197

20198

20199

20200

20201

20202

20203

20204

20205

20206

20207

20208

20209

20210

20211

20212

20213

20214

20215

20216

20217

20218

20219

20220

20221

20222

20223

20224

20225

20226

20227

20228

20229

20230

20231

20232

20233

20234

20235

20236

20237

20238

20239

20240

20241

20242

20243

20244

20245

20246

20247

20248

20249

20250

20251

20252

20253

20254

20255

20256

20257

20258

20259

20260

20261

20262

20263

20264

20265

20266

20267

20268

20269

20270

20271

20272

20273

20274

20275

20276

20277

20278

20279

20280

20281

20282

20283

20284

20285

20286

20287

20288

20289

20290

20291

20292

20293

20294

20295

20296

20297

20298

20299

20300

20301

20302

20303

20304

20305

20306

20307

20308

20309

20310

20311

20312

20313

20314

20315

20316

20317

20318

20319

20320

20321

20322

20323

20324

20325

20326

20327

20328

20329

20330

20331

20332

20333

20334

20335

20336

20337

20338

20339

20340

20341

20342

20343

20344

20345

20346

20347

20348

20349

20350

20351

20352

20353

20354

20355

20356

20357

20358

20359

20360

20361

20362

20363

20364

20365

20366

20367

20368

20369

20370

20371

20372

20373

20374

20375

20376

20377

20378

20379

20380

20381

20382

20383

20384

20385

20386

20387

20388

20389

20390

20391

20392

20393

20394

20395

20396

20397

20398

20399

20400

20401

20402

20403

20404

20405

20406

20407

20408

20409

20410

20411

20412

20413

20414

20415

20416

20417

20418

20419

20420

20421

20422

20423

20424

20425

20426

20427

20428

20429

20430

20431

20432

20433

20434

20435

20436

20437

20438

20439

20440

20441

20442

20443

20444

20445

20446

20447

20448

20449

20450

20451

20452

20453

20454

20455

20456

20457

20458

20459

20460

20461

20462

20463

20464

20465

20466

20467

20468

20469

20470

20471

20472

20473

20474

20475

20476

20477

20478

20479

20480

20481

20482

20483

20484

20485

20486

20487

20488

20489

20490

20491

20492

20493

20494

20495

20496

20497

20498

20499

20500

20501

20502

20503

20504

20505

20506

20507

20508

20509

20510

20511

20512

20513

20514

20515

20516

20517

20518

20519

20520

20521

20522

20523

20524

20525

20526

20527

20528

20529

20530

20531

20532

20533

20534

20535

20536

20537

20538

20539

20540

20541

20542

20543

20544

20545

20546

20547

20548

20549

20550

20551

20552

20553

20554

20555

20556

20557

20558

20559

20560

20561

20562

20563

20564

20565

20566

20567

20568

20569

20570

20571

20572

20573

20574

(

function($) {

//(Re)starts the background worker thread

function blcDoWork() {

$.post("https://wp4.okera-literacy.com/wp-admin/admin-ajax.php",

{'action' : 'blc_work',

'_ajax_nonce' : '64062a3285'});

}

//Call it the first time

blcDoWork();

//Then call it periodically every X seconds

setInterval(blcDoWork,

421000);

}

)(jQuery);

</script>

<h2 class="media-frame-menu-heading">アクション</h2>

</div>

<h2 class="media-frame-actions-heading screen-reader-text">選択されたメディアアクション</h2>

</script>

<# if (data.hasCloseButton) { #>

<button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text">ダイアログを閉じる</span></span></button>

<# } #>

</div>

</script>

<div class="uploader-editor-title">ファイルをドロップしてアップロード</div>

</div>

</script>

<div class="uploader-editor-title">ファイルをドロップしてアップロード</div>

</div>

</script>

<# 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>

<# } #>

<# if (data.message) { #>

<h2 class="upload-message">{{ data.message }}</h2>

<# } #>

<h2 class="upload-instructions drop-instructions">ファイルをドロップしてアップロード</h2>

<button type="button" class="browser button button-hero">ファイルを選択</button>

</div>

<p class="max-upload-size"> 最大アップロードサイズ: 32 MB。 </p>

<# if ( data.suggestedWidth && data.suggestedHeight ) { #>

<p class="suggested-dimensions"> 推奨画像サイズ: {{data.suggestedWidth}}×{{data.suggestedHeight}}ピクセル。 </p>

<# } #>

</div>

</script>

<a href="/wp-admin/admin.php?page=wpsm_responsive_coming_soon&mode=list" class="view-list"><span class="screen-reader-text">リスト表示</span></a>

<a href="/wp-admin/admin.php?page=wpsm_responsive_coming_soon&mode=grid" class="view-grid current" aria-current="page"><span class="screen-reader-text">グリッド表示</span></a>

</script>

<h2>アップロード中</h2>

<button type="button" class="button-link upload-dismiss-errors"><span class="screen-reader-text">エラーを非表示</span></button>

</div>

</div>

</script>

<span class="upload-error-filename">{{{ data.filename }}}</span>

<span class="upload-error-message">{{ data.message }}</span>

</script>

<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>

<span class="media-modal-icon"><span class="screen-reader-text">ダイアログを閉じる</span></span>

</button>

</div>

</script>

<h2 class="screen-reader-text">添付ファイルのプレビュー</h2>

<# if (data.uploading) { #>

</div>

<# } else if (data.sizes && data.sizes.large) { #>

<# } else if (data.sizes && data.sizes.full) { #>

<# } else if (-1 === jQuery.inArray(data.type, [ 'audio', 'video' ])) { #>

<# } #>

<# if ('audio' === data.type) { #>

</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;';

} #>

<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 }}"<# } #>>

</video>

</div>

<# } #>

<# 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>

<span class="spinner"></span><span class="saved">保存しました。</span>

</span>

<strong>ファイル名:</strong> {{ data.filename }}

</div>

<strong>ファイルタイプ:</strong> {{ data.mie }}

</div>

<strong>更新日:</strong> {{ data.dateFormatted }}

</div>

<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) { #>

元の画像: <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>

<# } #>

<# if (data.fileLength && data.fileLengthHumanReadable) { #>

<strong>長さ:</strong> <span aria-hidden="true">{{ data.fileLength }}</span>

<span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span>

</div>

<# } #>

<# if ('audio' === data.type && data.meta.bitrate) { #>

<strong>ビットレート:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s

<# if (data.meta.bitrate_mode) { #>

<# } #>

</div>

<# } #>

<# if ( data.compat && data.compat.meta ) { #>

{{{ data.compat.meta }}}

<# } #>

</div>

<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>

<# if ('image' === data.type) { #>

<label for="attachment-details-two-column-alt-text" class="name">代替テキスト</label>

</span>

<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">画像の意味を説明しましょう<span class="screen-reader-text"> (新しいタブで開く)</span></a>。画像が装飾目的のみであれば空欄にします。</p>

<# } #>

</span>

<# if ('audio' === data.type) { #>

<label for="attachment-details-two-column-artist" class="name">アーティスト</label>

</span>

</span>

<# } #>

<label for="attachment-details-two-column-caption" class="name">キャプション</label>

<textarea id="attachment-details-two-column-caption" {{ maybeReadOnly }}>{{ data.caption }}<textarea>

</span>

<textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }}</textarea>

</span>

<span class="name">アップロード:</span>

<span class="value">{{ data.autorName }}</span>

</span>

<# if (data.uploadedToTitle) { #>

<span class="name">アップロード先:</span>

<# if (data.uploadedToLink) { #>

<span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span>

<# } else { #>

<span class="value">{{ data.uploadedToTitle }}</span>

<# } #>

</span>

<# } #>

<label for="attachment-details-two-column-copy-link" class="name">ファイルの URL:</label>

<span class="success hidden" aria-hidden="true">コピーしました。</span>

</span>

</div>

<a class="view-attachment" href="{{ data.link }}">添付ファイルのページを表示</a>

<# if (data.can.save) { #>

| a href="{{ data.editLink }}">さらに詳細を編集</a>

<# } #>

<# if (!data.uploading && data.can.remove) { #>

| <button type="button" class="button-link delete-attachment">完全に削除する</button>

<# } #>

</div>

</script>

<# if (data.uploading) { #>

</div>

<# } else if ('image' === data.type && data.sizes) { #>

</div>

<# } else { #>

<# if (data.image && data.image.src && data.image.src !== data.icon) { #>

<# } else if (data.sizes && data.sizes.medium) { #>

<# } else { #>

<# } #>

</div>

<div>{{ data.filename }}</div>

</div>

<# } #>

</div>

<# if (data.buttons.close) { #>

<# } #>

</div>

<# if (data.buttons.check) { #>

<span class="screen-reader-text">選択を解除</span>

</button>

<# } #>

<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly';

if (data.describe) {

if ('image' === data.type) { #>

<# } else { #>

<input type="text" value="{{ data.title }}" class="describe"

data-setting="title"

<# if ('video' === data.type) { #>

aria-label="動画のタイトル"

placeholder="動画のタイトル…"

<# } else if ('audio' === data.type) { #>

aria-label="音声ファイルのタイトル"

placeholder="音声ファイルのタイトル&helli;"

<# } else { #>

aria-label="メディアのタイトル"

placeholder="メディアのタイトル…"

<# } #>

{{ maybeReadOnly }} />

<# } #>

</script>

<h2>添付ファイルの詳細<span class="settings-save-status" role="status"><span class="spinner"></span> <span class="saved">保存しました。</span></span></h2>

<# if (data.uploading) { #>

</div>

<# } else if ('image' === data.type && data.sizes) { #>

<# } else { #>

<# } #>

</div>

<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) { #>

元の画像: <a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>

<# } #>

<# if (data.can.save && data.sizes) { #>

<a class="edit-attachment" href="{{ data.editLink }}&image-editor" target="_blank">画像を編集</a>

<# } #>

<# if (data.fileLength && data.fileLengthHumanReadable) { #>

長さ: <span aria-hidden="true">{{ data.fileLength }}</span><span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span>

</div>

<# } #>

<# if (!data.uploading && data.can.remove) { #>

<button type="button" class="button-link delete-attachment">完全に削除する</button>

<# } #>

<# if (data.compat && data.compat.meta) { #>

{{{ data.compat.meta }}}

<# } #>

</div>

<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>

<# if ('image' === data.type) { #>

<label for="attachment-details-alt-text" class="name">代替テキスト</label>

</span>

<# } #>

</span>

<# if ('audio' === data.type) { #>

<label for="attachmet-details-artist" class="name">アーティスト</label>

</span>

</span>

<# } #>

<span class="setting" data-setting="caption">l

<label for="attachment-details-caption" class="name">キャプション</label>

<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>

</span>

<textarea id="attachment-details-description" {{ maybeReadOnly }}>{{ data.description }}</textarea>

</span>

<label for="attachment-details-copy-link" class="name">ファイルの URL:</label>

<span class="success hidden" aria-hidden="true">コピーしました。</span>

</div>

</span>

</script>

<# if (data.editable) { #>

<button type="button" class="button-link edit-selection">選択範囲を編集</button>

<# } #>

<# if (data.clearable) { #>

<# }#>

</div>

</script>

<h2>添付ファイルの表示設定</h2>

<# if ('image' === data.type) { #>

<select id="attachment-display-settings-alignment" class="alignment" data-setting="align" <# if ( data.userSettings ) { #> data-user-setting="align" <# } #>>

</select>

</span>

<# } #>

<# 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>

<# } else { #>

<# } #>

<# if (data.model.canEmbed) { #>

メディアファイルへのリンク

<# } else { #>

メディアファイル

<# } #>

</option>

<# if (data.model.canEmbed) { #>

添付ファイルページへのリンク

<# } else { #>

添付ファイルのページ

<# } #>

</option>

<# if ('image' === data.type) { #>

<# } #>

</select>

</span>

</span>

<# if ('undefined' !== typeof data.sizes) { #>

<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"> サムネイル – {{ size.width }} × {{ size.height }} </option>

<# } #>

<# var size = data.sizes['medium'];

if (size) { #>

<option value="medium"> 中 – {{ size.width }} × {{ size.height }} </option>

<# } #>

<# var size = data.sizes['large'];

if ( size ) { #>

<option value="large"> 大 – {{ size.width }} × {{ size.height }} </option>

<# } #>

<# var size = data.sizes['full'];

if (size) { #>

<option value="full" selected='selected'> フルサイズ – {{ size.width }} × {{ size.height }} </option>

<# } #>

</select>

</span>

<# } #>

</script>

<h2>ギャラリーの設定</h2>

<select id="gallery-settings-lin-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>

<option value="1"