デフォルト↓url（窓のサイズは長方形）
iframeでは「 type=”iframe”」の表示はありません。
ブリコラージュ
こちら↓su_lightbox src=”https://bricolage-umi.net/”です。
ブリコラージュの海
type=”inline” のインラインコンテンツ
これがいまひとつ要領を得ない
- 「src=”#my-custom-popup”」としてテキスト「ここでPOPUP」をセット
- そのあと「su_lightbox_content id=”my-custom-popup”」のショートコードをセット。この内容は最初は出力されない・・・
- テキスト「ここでPOPUP」をクリックすると、コンテンツが表示される。
ここでPOPUP
なるほどです。
ここでPOPUP2
type=”image”はPNGで
画像PNG
さて、こうなってくるとlightbox の周りの暗さが気になるといえば気になります。
CSSを確認してみましょう。
.su-lightbox-content {
position: relative;
margin: 0 auto;
}
.mfp-content .su-lightbox-content,
#su-generator .su-lightbox-content {
display: block !important;
}
.su-lightbox-content-preview {
width: 100%;
min-height: 300px;
background: #444;/* ★ 7d7d7dぐらいに*/
overflow: hidden;
}
.su-lightbox-content h1,
.su-lightbox-content h2,
.su-lightbox-content h3,
.su-lightbox-content h4,
.su-lightbox-content h5,
.su-lightbox-content h6 {
color: inherit;
}
.su-lightbox {
cursor: pointer;
}
.mfp-container {
background: rgba(0,0,0,0);
}