thumb

中山テック 代表の中山です。

さて、ホームページは基本静的(動きが出せない)です。

アニメーションや状況に応じて動きを変えたい場合は「Javascript」を使用します。

使い方を知りたいけど、やり方がわからないといった方も多いのではないでしょうか。

今回はプラットフォーム「wordpress」でJavascript制御する方法をご説明したいと思います。

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つ目の方法で制御しましょう。

問い合わせフォーム

突貫設計書

「自作」の問い合わせフォームを当ブログに配置したいと思います。

おすすめの記事