中山テック 代表の中山です。
さて、ホームページは基本静的(動きが出せない)です。
アニメーションや状況に応じて動きを変えたい場合は「Javascript」を使用します。
使い方を知りたいけど、やり方がわからないといった方も多いのではないでしょうか。
今回はプラットフォーム「wordpress」でJavascript制御する方法をご説明したいと思います。
目次
JSを記載する場所
JavaScriptをどこに記載すれば良いのか、疑問に思う方もいらっしゃると思います。
2パターン存在しますので、それぞれ説明したいと思います。
カスタムHTMLで直接記載
上記は「ホームページ制作お見積もりシミュレーター」ページのJavascriptです。
WordPressのカスタムHTMLを選択し、「<script></script>」タグ内に命令を記載します。
jsファイルをサーバに配置
指定の位置にファイルを設置します。
そしてwordpress管理画面で「外観」→「テーマエディター」→「テーマヘッダー」の<head>タグ内に配置します。
<script src="https://nakayama-tech.com/wp-includes/js/nakayama-tech.js"></script>
ブラウザの開発者ツール(F12押下)でソースを確認します。
下記の通り、無事jsファイルの読み込みが成功しました。
※このやり方は全ページに適応されますので、ページでの制御は1つ目の方法で制御しましょう。
問い合わせフォーム
「自作」の問い合わせフォームを当ブログに配置したいと思います。