「ワードプレスで外部JS、cssを読み込ませる」について

11/2の授業の「ワードプレスで外部JS、cssを読み込ませる方法」について、未だ四苦八苦しています。
下記が現在の状況です。改善点があれば教えて下さい!

◆子テーマのフォルダに新しく***.jsというファイルを作り、これに自分用の設定を書いていく事にしました。
(※この子テーマのフォルダには、子header.php、taketori.jsとtaketori.cssも入っています)

◆その***.jsには

とだけ、記述しました。ちなみに↓

(new Taketori()).set({設定項目:値,設定項目:値}).element(‘縦書き対象要素ID’);

が、竹取の説明書きにある指定方法です。(竹取の説明はこちらです)

.element(‘縦書き対象要素ID’)には、自分のサイトをfirebugで見て、縦書きにしたい「投稿記事」に当たる部分の継承元が
div.post_contentでしたので、これを指定しました。

◆子ヘッダーphpの中に

と記述、***.jsファイルを読み込ませることは出来たようです。
ちなみに子ヘッダーphpには、この辺りにこの順番で書いて読み込ませています。

◆スタイルシートについては、子style.cssの中に

と書いてtaketori.cssも読み込ませております。

…しかし、やはり投稿記事は横書きのままです…(>_<; まだ、なにか設定漏れや記述間違いがあるでしょうか? また、お借りしている雑誌(Web Designing2012年12月号)の竹取の記事には、

と書かれておりますが、「var taketori1=」の部分(この方の設定なのだと思いますが..)が、よくわかりません。

長くなりましたが、何卒ご教授お願い致します!

ローカルでテストした結果、***.jsの中身は

でも

でも動きました。

とすると、WordPressへの読み込みの際の問題の可能性が高い。
さて、竹取JSはjQueryのプラグイン「ではない」ので、wp_enqueue_script の array の指定は不要です。
***.jsは竹取JSの為のスクリプトなので、arrayには竹取JSを読み込む際に指定した名前を入れないといけません。
現在は’sample’と指定していますが、ちゃんと’taketori’と指定した方が良いですね。つまり、以下のようにします。

タカハシ先生#2タカハシ先生
先生、お忙しい中色々と見て頂きありがとうございました!
間違ってはいなさそうとの事、少しホッとしました。
又、

も書き直しました。

こちらのサイトで説明されている、

$handle…スクリプトの識別名
$deps(optional)…依存するスクリプトのリスト(配列)
$ver(optional)…スクリプトのバージョン

この辺りの理解が今一歩です…。

他の方の作ったテーマをいじるよりも、twenty-twelveなどwpでフォルトのテーマを使った方が
外部ファイルやjqueryを読み込ませる等のカスタマイズはしやすいのでしょうか?

かおりんご#9かおりんご
わかった。
***.jsの記述が、

ではなく、

とすれば動く(はず)。

タカハシ先生#2タカハシ先生
w(゚o゚)w 凄いですっ!ちゃんと縦書きになりました!

が、必要だったんですね。
このほんの少しの事が自分では見つけられないものなんですよね ;^_^A
ほんとに感謝です!

少々重たいですが、面白いので暫くはこのままで行きます。

Freyja’s Ramblings

かおりんご#9かおりんご
カテゴリー: study, 質問と回答 | タグ: , , , , , | 投稿日: | 投稿者:
かおりんご

かおりんご について

マルチメディアスクールWAVE立川校卒業。 タカハシ先生と愉快な仲間達と共に倶楽部りんごを結成、絶賛修行中。 WAVE名物だったライブ授業、りんごでは毎週4時間みっちりやってます! ネットで何でも学べる時代ですが、やはりライブで学ぶことに勝るものはありませんね。 りんご結成時には活動拠点を探して東奔西走。運営、スケジュール管理をやっています。 好きなもの: overflow:hidden、SVG、ライブトレース、流行り物(笑)、ねこ、幕末etc。

コメントを残す

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

CAPTCHA