注釈ボックスショートコード

タイトルとキャプションのみ指定した表示例

このショートコード

[capbox title="DigiPressとは？"]
2008年から販売、サポートをしているカスタマイズ型WordPressテーマです。モバイルテーマを搭載し、AMP表示にも対応しています。
[/capbox]

線のカラー、アイコンを指定した表示例

このショートコード

[capbox 
title="DigiPressとは？"
titleicon='icon-book-open'
bdcolor=#ef8bc0]
2008年から販売、サポートをしているカスタマイズ型WordPressテーマです。モバイルテーマを搭載し、AMP表示にも対応しています。
[/capbox]

中央タイトル、枠線の太さ、線のカラー、ダッシュ線、アイコンなどを指定した表示例

DigiPress

DigiPress | スマホ／AMP対応 WordPressテーマ

レスポンシブ、AMP対応のデザイン性の高い日本語WordPressテーマ。スマホは専用テーマで最適化。商用サイトから個…

このショートコード

[capbox
title='DigiPressとは？'
titlesize=18px
titlepos=center
titleicon='icon-book-open'
titlepattern=2
bdsize=4
bdstyle=2
bdcolor=#70c9a5
plx='enter bottom delay 0.8s']
2008年から販売、サポートを開始している国産のWordPressテーマです。モバイルテーマを搭載し、AMP表示にも対応しています。
ショートコード内に別のショートコードも実行できます。以下はブログカードショートコードの実行例です。


			

			  
DigiPress
		      

		        
DigiPress | スマホ／AMP対応 WordPressテーマ
			    
レスポンシブ、AMP対応のデザイン性の高い日本語WordPressテーマ。スマホは専用テーマで最適化。商用サイトから個…
		      
			  

		    
			
[/capbox]

様々なパラメータを指定した表示例

1. 資料からの直接引用の出典を示すもの（図表、統計なども含む）。
2. 資料からの要約の出典を示すもの。
3. 自分の意見ではない意見の出典を示すもの。
4. 本文に入れると叙述の流れを妨げるが、本文の事項の理解に役立つ補足情報ないしコメント。

引用元 : Wikipedia
[/capbox]

このショートコード

[capbox
title='お読みください'
titlecolor=#fff0f4
titlesize=15
titlepos=right
titleicon='icon-attention'
titlebold=true
titleitalic=true
titlepattern=3
bdsize=5
bdstyle=4
bdcolor='#e57b8f'
bgcolor='rgba(229,143,123,0.1)'
captioncolor=''
captionsize=''
id='my-capbox'
class='my-capbox'
style='margin-bottom:50px;'
plx='enter bottom delay 0.8s']
注釈には次の4種類がある。

資料からの直接引用の出典を示すもの（図表、統計なども含む）。
資料からの要約の出典を示すもの。
自分の意見ではない意見の出典を示すもの。
本文に入れると叙述の流れを妨げるが、本文の事項の理解に役立つ補足情報ないしコメント。

引用元 : Wikipedia
[/capbox]