WordPressの特定のページでJavascriptを動かす

公開日:2018-03-24 更新日:2020-10-02

Chrome HTML/CSS Javascript WordPress

t f B! P L

WordPressの特定のページでJavascriptを動かす。
色々やり方があるようですが、一番簡単なのはプラグインを入れることかと!

私はこちらを使用。
インストールすると、ページの下部に「CJT Block」の項目ができるので「Create」をクリック。
https://ja.wordpress.org/plugins/css-javascript-toolbox/

 
もっと良いやり方があるかもしれないが、自分は「script」タグから入れている。(エラーがでるが無視)

以下コピペ用。

<script type="text/javascript">
function hoGe() {
    document.getElementById("first").innerHTML = "hogeeee";
}
</script>

「Save」ボタンを押すのを忘れずに。

そして、ページの「Text」に以下の通り書いておけば、このページ内で呼び出すことができる。

<button type="button" onclick=hoGe()>click</button>
<label id="first">ここ</label>


About me

ゆかき(♀)

アラサー駆け出しインフラエンジニア
ど文系営業からSEへ転身し日々奮闘している人

一児の母

#AP応用情報 #HTML5Lv1 #第2種電気工事士 #DCP(Data Center Practitioner) #LPIC Lv2 #VCP6.5 #CCNP #Oracle Bronze #HTMLv5 #TOEIC860

Media

こちらのイベントで記事紹介いただいていた、嬉しい。

Line stamp

僭越ながら販売中

Green cat & Orange cat

Amazon