Wordpress プログラミング

WordPressに自作CSS/JavaScriptを読み込む方法

投稿日:2016年7月26日 更新日:

WordPressのプラグインなどを作成する際に、
自作のCSS/JavaScriptファイルを読みこませる方法

例えば
自作CSS : [変更対象テーマのディレクトリ]/css/myCSS.css
自作JS : [変更対象テーマのディレクトリ]/js/myJS.js
を読み込ませるには、themeフォルダ内にある「function.php」に記載すれば良い。

CSSを読み込みせる場合は、「wp_enqueue_style()」関数を
JSを読みこませる場合は、「wp_enqueue_script()」関数を使用する。

function my_scripts() {
    wp_enqueue_script(bxslider_do, get_template_directory_uri() . /js/myJS.js);
    wp_enqueue_style( bxslider_css, get_template_directory_uri() . /css/myCSS.css );
}
	

-Wordpress, プログラミング

執筆者:

関連記事

PHP7からMySQL5.6に接続とSQL発行と切断

はじめに PHP7.xからMySQL5.6.xに接続+SQL発行+切断の一連の流れを紹介する。 MySQLへの接続は、PDOクラスを使用する http://php.net/manual/ja/clas …

WordPressのインストール

1.概要 ローカル開発環境で構築したLinuxサーバーにWordPressをインストールする方法を記載する。 2.目次 目次1.概要2.目次3.前提条件4.事前準備5.WordPressインストール6 …

インストール直後のUbuntu16.04 LTSに、WordPressが動作する環境を構築する手順[所要時間:10分]

1.概要 インストール直後のUbuntu 16.04 LTSに対して、 WordPressが動作する環境を構築する手順です。 今回の環境構築でインストールする項目は、下記の通りです。 SSH Apac …

JavaScript(Node.js)を使った画像ファイルのBase64エンコード

Base64とはなんだろう BASE64エンコードとは、英数字64種類のみを用いたデータ変換手法です。 エンコード後のデータ量は、エンコード前の約3割り増しです。 かんたんに言えば、バイナリデータをテ …

no image

最速C言語開発環境構築(Windows10)

目次概要事前準備MinGWの設定Atomのパッケージ 概要 最速でWindows10にC言語開発環境を構築する。 コンパイラは、MinGW(gcc)を使用する。 エディタは、Atomを使用する。 事前 …