freyjaワードプレスに外部ファイルを読み込ませる明けましておめでとうございます!一年の計は元旦にあり!今年はもっと更新頻度を上げて行く様、頑張ります☆さて、本日はワードプレスに外部ファイルを読み込ませる方法についてです。今回は、指定したテキストを縦書きにすることが出来る、『竹取』というjsファイルとcssファイルをこのブログの本文に対して指定してみようという試みです。1.縦書きにするためのファイル、『竹取』をダウンロード『竹取』から、taketori_js.zipをダウンロードします。いうファイルが入っています。2.外部ファイルをセッティングする次に、ご自分のFTPへアクセスします。ない方はご自分で使用しているテーマのフォルダの中にこの二つのファイルを入れて下さい。3.自分用の設定を書くためのjsファイルを作る二つのファイルを入れたテーマのフォルダの中に、新たに自分用の設定を書くためのjsファイルを作ります。名前は何でも良いです。(ちなみに子テーマを使用している方は、親テーマのheader.phpファイルを丸ごとコピーして、これを子header.phpファイルとしてテーマのフォルダの中に入れておくと良いです。設定はこちらに記述していきます。間違えても安心ですね。Taketori()).set({lang:’ja-jp’,fontFamily:’sans-serif’}).element(‘縦書きにしたい部分ID’).toVertical();と記述します。Taketori()).set({設定項目:値,設定項目:値}).element(‘縦書き対象要ID’).toVertical(画面の読み込み待ちをするかどうか);この様に指定する様に書いてあります。.element(‘縦書き対象要ID’)ここでは、どの部分に対して縦書きを適用するかを指定します。ブラウザfirefox上で、縦書きにしたい部分の本文の上を右クリック、”firebugで要素を調査”してIDやクラスを確認して下さい。.toVertical(画面の読み込み待ちをするかどうか);これは特に指定がなくても.toVertical();このように記述しておいて下さい。実はこれを省いたために全く縦書きにならず、四苦八苦したんですよ(ノ_-;)...5.wp_enqueue_scriptで外部ファイルを読み込むそれでは、header.phpファイルの中に外部ファイルを読み込む記述をしていきます。?>という記述があります。この真下にtaketori.jsと、3.で作った○○.jsを読み込ませます。urlで外部cssを読み込ませる次にスタイルシートへtaketori.cssを読み込ませる記述をします。cssの記述の前に書いて下さいね!上記のように一番上に書けばOKです。更新してみるとどうでしょう?(画像クリックで拡大)おおっ、なんと縦書き化に成功したようです!(このテーマでは縦書きはヒジョーに読みづらいため横に戻しました。縦書きの指定を解除したければ、3.で作ったjsフィイルの記述の先頭に//を付けてコメントアウトしておけばOKです。Taketori()).set({lang:'ja-jp',fontFamily:'sans-serif'}).element('div.post_content').toVertical();WPには便利なプラグインも沢山揃っていますけど、自分でphpがいじくれたらもっと幅が広がると思います。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。%d人のブロガーが「いいね」をつけました。