皆さんこんにちは！今晩は！ロト君です。
今回はWordPress上にCanvasタグを出力させる方法を記載したいと思います。
何気にWordPressは、使えないタグがあるようなのでそれの備忘録として記載します！！
1.やり方
やり方にはいくつか方法があります。
- ショートコードを使う方法
- フィルターをかける方法
の、2点です。
2.ショートコードでの方法
ショートコードでは下記の様に記載します。
※PHPコードです。
function 関数名($atts){
$atts = shortcode_atts(array(
'id' => null
),$atts);
$id = $atts['id'];
$html = <<< EOA
<canvas id="{$id}" height="XXXX" width="XXXX"></canvas>
EOA;
return $html;
}
add_shortcode('ショートコード名','関数名');</pre>
該当する場所に値を入力すればうまく出来ます。
3.フィルターを使った方法
こちらの方が一般的だと思います。
上手く使えば、canvas以外に使えなかったタグが有効化なるはずです。
function 関数名($tags,$context) {
if($context == 'post'){
$tags['canvas'] = array('id'=>true, 'width'=>true, 'height'=>true);
}
return $tags;
}
add_filter( 'wp_kses_allowed_html', '関数名', 10, 2 );</pre>
因みに、登録してあるタグは下記のものです。
a
address
abbr
acronym
area
article
aside
audio
b
bdo
big
blockquote
br
button
caption
cite
code
col
colgroup
del
dd
dfn
details
div
dl
dt
em
fieldset
figure
figcaption
font
footer
form
h1
h2
h3
h4
h5
h6
header
hgroup
hr
i
img
ins
kbd
label
legend
li
map
mark
menu
nav
p
pre
q
s
samp
span
section
small
strike
strong
sub
summary
sup
table
tbody
td
textarea
tfoot
th
thead
title
tr
track
tt
u
ul
ol
var
video
以上！こんな感じです！(>ω<)ﾉｼ
