このページでは、WordPressテーマ『SWELL』でのフルワイドコンテンツ用ショートコードの使い方を解説していきます。
フルワイドコンテンツがどういうものかは、ブロックエディターでの使い方の解説ページをご覧ください。
目次
基本となるショートコードの呼び出し方
フルワイドコンテンツは、ショートコード名full_wide_content
で呼び出すことが可能です。
[full_wide_content]
ここにコンテンツを自由に配置
[/full_wide_content]
使用できる属性値について
現状、次の3種類が使用可能です。
bg="背景色"
color="文字色"
bgimg="背景画像URL"
例えば、黒色を背景にして文字色を白にしたい場合、ショートコードの開始タグ部分は以下のようになります。
[full_wide_content bg="#000" color="#fff"]
また、背景に画像を指定する場合は以下のようになります。
[full_wide_content bgimg="https://~画像URL~"]