MEMO

4月 12 2011

投稿画面にJavaScriptを適用させる。


WordPress3.1の投稿画面にJavaScriptを適用させようとして、下記をインストール

Inline Javascript をインストール

==使用例==

[inline]
<script type="text/javascript">
document.write("Javascript");
</script>
[/inline]
Javascriptを読み込むとき、パスを直書きするのがやだからrunPHPをインストール

ここで、WordPress3.1のプラグインの新規追加からインストールするとおかしいことに・・・。

↓解決方法は下記

  • FTPでフォルダ階層をひとつ取ってplugins/runPHP/runPHP.phpに変更
  • FTPで_draggable.phpファイルを削除

解決したら、使用しているテーマフォルダにjs/xxxxxxxx.jsをFTPでアップして、JavaScriptを読み込む。

[inline]
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/xxxxxxxx.js></script>
[/inline]
    しかーし!!! WordPress3.1で、「Inline Javascript」をインストールすると・・・・。

  • 改行がおかしくなる
  • 「SyntaxHighlighter」とケンカする。

そこで、「Inline Javascript」と「runPHP」をやめて、「Custom CSS and JS」をインストールすることで解決できました!!!!

「Custom CSS and JS」インストール

《custom_css》
追加するCSSの外部ファイルのパスを記述

《custom_css_code》
追加するCSSのコードを記述

《custom_js》
追加するJavaScriptの外部ファイルのパスを記述

《custom_js_code》
追加するJavaScriptのコードを記述

wordpress3.1は、カスタムフィールドを初期表示していないので、表示するように設定を変更

因みに現在使用しているWordPressのバージョンは3.1です。

Tags: , ,

Trackback URL

Leave a Reply