※このショートコードは、「ブロックエディタ」に対応済みです。ブロックエディタのほうを使ったほうがラクです。
PC・タブレットから見たときだけ表示するコンテンツ、スマホから見たときだけ表示するコンテンツの表示が可能になるショートコードです。
PC・タブレットにだけ表示されるコンテンツ
PC・タブレットにだけ表示させたい部分を「pc」で囲みます。
コピペ用
[pc]
ここにPC専用コンテンツ
[/pc]
サンプル
↓この写真はPC・タブレットにのみ表示されています。スマホから見ると空白です。
PCのみ表示させたいコンテンツ表示中
↑この写真はPCにのみ表示されています。スマホから見ると空白です。
コピペ用
[pc]
<img class="aligncenter size-full wp-image-6884 kage" src="https://hannya-builder.com/guide/wp-content/uploads/2019/01/alvan-nee-1196719-unsplash-1.jpg" alt="" width="640" height="426" />
PCのみ表示させたいコンテンツ表示中
[/pc]
スマホにだけ表示されるコンテンツ
スマホにだけ表示させたい部分を「sp」で囲みます。
コピペ用
[sp]
ここにスマホ専用コンテンツ
[/sp]
サンプル
↓この写真はスマホにのみ表示されています。PCから見ると空白です。
↑この写真はスマホにのみ表示されています。PCから見ると空白です。
コピペ用
[sp]
<img class="aligncenter size-full wp-image-6884 kage" src="https://hannya-builder.com/guide/wp-content/uploads/2019/01/alvan-nee-1196719-unsplash-1.jpg" alt="" width="640" height="426" />
スマホのみ表示させたいコンテンツ表示中[/sp]
以上「PCスマホ専用表示」でした。
