ロト君のサイト by lotokunn

L'sCore ロト君のサイトへようこそ!

  1. TOP
  2. WordPress
  3. WordPress Canvasを使う

WordPress Canvasを使う

皆さんこんにちは!今晩は!ロト君です。
今回は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

以上!こんな感じです!(>ω<)ノシ

参考
https://kotacr-works.com/wordpress/106


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA



Hello!!

皆さんこんにちは!こんばんは!!ロト君です。

このサイトは私が興味を持ったモノやコトについて掲載をしていくサイトです。

主にパソコン関係やアニメ・ゲーム等について掲載すたいと思いますので、 どうぞ宜しくお願い致します!

コメント等はTwitter等を活用して頂けると有り難いです!!

Twitter: ロト君@lotokunn