タグ付けされた質問 「javascript」

インタラクティブなWebサイトの作成に役立つクライアント側のスクリプト言語。WordPressコンテキスト外でのJavaScriptの使用に関する質問はトピック外ですが、Stack Overflowで質問される場合があります。

4
カスタムjavascriptファイルをサイトに追加する推奨方法は何ですか?
すでにスクリプトを追加しましたが、好ましい方法を知りたいと思いました。 私はちょうど置く<script>に直接タグをheader.php私のテンプレート。 外部またはカスタムのjsファイルを挿入する好ましい方法はありますか? どのようにjsファイルを単一のページにバインドしますか?(ホームページを念頭に置いています)

4
WordPress 4.4でwp-embed.min.jsは何をしますか?
質問 wp-embed.min.jsファイルは何をしますか?ブログのページフッターの最後に追加されていることに気付きました。 どうすればそれを取り除くことができますか? 努力 いくつかのグーグル検索の後、CodexにEmbedsを見つけました。WordPressがデフォルトで自分のページに動画などを追加したいと思うのはなぜですか? 環境 WordPress 4.4

5
WP管理セクションの特定のページにいるかどうかを確認するにはどうすればよいですか?たとえば、[ユーザー]> [プロフィール]ページにいるかどうかを確認するにはどうすればよいですか?
私はプラグインを作成していますが、特定の管理ページのみに、管理ヘッドにjavascriptを少し追加したいと思います。自分で作成したWordPressページのようなページではなく、「Your Profile」、「Users」などの既存の管理セクションページです。このタスク専用のwp関数はありますか?私は探していましたが、ブール関数is_adminとアクションフックのみを見つけることができますが、チェックするだけのブール関数は見つけることができません。

1
メディア以外のダイアログにwp.media.editor Modalを再利用することは可能ですか?
展開するには:同じエディターモード/コード(wp.media.Modal、wp.media.FocusManagerで使用されるもの)を使用して、メディアエディターではなく、独自のカスタムダイアログのモーダルを開きたいです。過去には、私はこの種のことのためにthickboxを使用していましたが、wp.media.Modalはモーダルの未来の道のようです-言うまでもなくクールに見えます。 私はJSソースを少し突いて、いくつかの可能な解決策に到達しました: コードmedia-views.jsを「借用」し、プラグインで使用します。 「拡張」wp.media.Modal(結局、バックボーンビューです)。 カスタム実装、jQueryUIなどを作成します。 あきらめて、thickboxを使用してください。 借入はwp.media.Model.extend({})を使用するよりもやや危険性が低いようですが、無駄です。私はjQueryUIのモーダルの大ファンではありませんが、仕事を成し遂げるでしょう。同時に、モーダルのカスタム実装を行うこともできます(または別のlibをベースにします)。 私は明白な何かを見逃しているように感じます:他の誰かがこれをやってのけましたか、または新しいメディアライブラリのモーダルコードは再利用を可能にする「あまりにも新しい」ですか?

1
プラグインjavascriptにdefer =“ defer”タグを追加する方法は?
プラグインjavascriptにdeferタグを追加できませんでした。Google開発者のページ速度テストでは、連絡フォーム7の javascriptにdeferタグを追加することを勧めています。 これが、問い合わせフォーム7のヘッダーにjavascriptが含まれている方法です。 add_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_scripts' ); function wpcf7_enqueue_scripts() { // jquery.form.js originally bundled with WordPress is out of date and deprecated // so we need to deregister it and re-register the latest one wp_deregister_script( 'jquery-form' ); wp_register_script( 'jquery-form', wpcf7_plugin_url( 'jquery.form.js' ), array( 'jquery' ), '2.52', true ); $in_footer = …

4
WPスクリプト/スタイルローダーを使用して、フロントエンドでスクリプトとスタイルを連結およびgzipできますか?
WPには、wp-adminに含まれる素敵なjavascriptローダーがあります:http : //core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-scripts.php CSSローダー:http : //core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-styles.php それらはすべてのキューに入れられたスクリプトを連結し、単一のgzip圧縮されたファイルとして提供できるため、管理者だけでなくフロントエンドでも使用できるかどうか疑問に思いました

5
WP Rest API-注目の画像を取得する方法
私はこのAPIを初めて使用します。実際、これまでにたった数時間しか使用していません。私は研究をしましたが、それについて何も見つかりません... 問題は、投稿の注目画像を取得できないようです。JSONはを返します"featured_media: 0"。 getPosts: function() { var burl = "http://www.example.com/wp-json/wp/v2/posts"; var dataDiv = document.getElementById('cards'); $.ajax({ url: burl, data: data, type: 'GET', async: false, processData: false, beforeSend: function (xhr) { if (xhr && xhr.overrideMimeType) { xhr.overrideMimeType('application/json;charset=utf-8'); } }, dataType: 'json', success: function (data) { console.log(data); //question: data->featured_image: 0?! var theUl = …

2
functions.phpファイルはAJAX呼び出し中に呼び出されますか?AJAXをデバッグする
仲間のプログラマーが抱えている問題を解明しようとしています。functions.php管理側のAJAXを実行するときにファイルが呼び出されるのかどうか疑問に思っていましたか?AJAX呼び出しを行うと、WPの一部が読み込まれて呼び出しを処理し、応答を返すことがわかります。functions.phpファイルはその中に含まれていますか? 私が尋ねている理由は、彼がMeta-Box`プラグインのクラスを使用し、代わりにテーマの一部としてロードしているためです。そのクラスには空の応答のみを返すAJAXがあり、応答を処理するコードが読み込まれないためだと思います。WPがAJAXを処理するときにロードされるものに関するドキュメントはありますか?

4
3.5での新しいメディアマネージャーの更新のトリガー
3.5の新しいメディアダイアログでメディアライブラリを「更新」する方法を理解しようとしています。これは(私は大丈夫動作します(メディア対話のタブ/ iFrameのコンボを経由して)WordPressのライブラリに外部の画像ライブラリから画像を追加しているが、私は新しく追加された画像を表示するために対話を閉じて再度開く必要があり持っています正常にライブラリに追加されました)。 私はそこにいることを知っているwp.media.editor.open()とwp.media.editor.close()方法が、私はかなり見つけるために管理することができないsort()か、refresh()ソースに(または何でも)。正直なところ、ソースコードは非常に熱心に読まれconsole.logており、backbone.jsにはあまり役に立たないようです。何か案は?

3
カスタム投稿の追加/編集ページでスクリプトをキューに入れる方法は?
「レシピ」と呼ばれる自分が作成したカスタム投稿タイプを誰かが追加または編集している場合にのみ、JSスクリプトをキューに登録しようとしています。現在、これを行うとスクリプトは正常に動作します: if (is_admin()){ wp_enqueue_script( 'my-script' ); } しかし、これはすべての管理ページにロードされます。関数にフックする必要があると仮定していますが、それがどうなるかはわかりません。 前もって感謝します!

2
ウィジェットがバックエンドに追加されたときにJavascriptを実行する
JavaScriptコントロールがアタッチされているウィジェットがあります。 ウィジェット管理ページのロード時にウィジェットが存在する場合、コントロールは正しく機能します。 新しいウィジェットを追加すると、それらは正しく機能せず、マークアップが表示されますが、javascriptイベントは有効になりません。 新しいウィジェットを保存すると、フォームがリロードされると、コントロールが正しく作成され、機能するようになります。 ページを更新すると、既存のウィジェットのみの問題も修正されます。新しいウィジェットにはまだこの問題があります。 具体的には、これらのポイントで選択入力に対してselectizeを実行しています。 文書準備完了 Ajaxcomplete 必要に応じて各イベントでコードが実行されることを確認しましたが、結果は期待どおりではありません。 問題を実証するテストプラグインは次のとおりです。 https://gist.github.com/Tarendai/8466299 変換できることがわかったすべての選択要素で増加するカウンターがあることがわかります。 ノート: ウィジェットページがロードされると、JSコンソールで期待どおりにカウンターが増加するのがわかります。 新しいウィジェットを追加すると、コードが実行されますが、found.lengthが0であることからわかるように、実行可能な選択要素の検索に失敗します。このタイプのすべての新しいウィジェットは、選択要素を持っている select要素にはそれらを識別するためのクラスがあり、selectizeライブラリが適用されると、このクラスは削除され、既存のウィジェットでの複製と再処理が防止されます。 selectizeを使用する前に、同じ問題のあるSelect2を使用しました AJAXコードをコメントアウトすると、新しいウィジェットには標準の選択入力が含まれることになります。彼らはしない。なぜそうなのか分かりません それでは、変更を行う前に保存を更新/クリックするようにユーザーに通知せずに、selectizeコントロールを機能させるにはどうすればよいですか?

1
ワードプレスのデフォルトのパスワード強度メータースクリプトの使用方法
wordpressのデフォルトのパスワード強度メーターをキューに入れましたが、使用方法がわかりません。現在、コーデックスページにはそのドキュメントへのリンクはありません。デモページまたはドキュメントへのリンクはありますか? 解決済み HTMLは非常に単純です。2つのパスワードボックスがあります。パスワードの結果を表示する1つのdivと、ユーザー名を取得するための隠しフィールド。もちろん、jQueryコードの前にエンキューがjqueryありwp_enqueue_script('password-strength-meter');ます。動作させるjQueryコードは次のとおりです。 jQuery(document).ready(function(){ if(jQuery("#pass-strength-result").length > 0){ jQuery("#pass1").bind("keyup", function(){ var pass1 = jQuery("#pass1").val(); var pass2 = jQuery("#pass2").val(); var username = jQuery("#username").val(); var strength = passwordStrength(pass1, username, pass2); updateStrength(strength); }); jQuery("#pass2").bind("keyup", function(){ var pass1 = jQuery("#pass1").val(); var pass2 = jQuery("#pass2").val(); var username = jQuery("#username").val(); var strength = passwordStrength(pass1, username, pass2); updateStrength(strength); …

5
WordPressでWebSocketをサポートすることはできますか?
Websocketは、HTML5にラップされたクールで最先端のテクノロジーです。基本的に、websocketを開いて、Webサーバーとの永続的な双方向通信を有効にできます。クライアント(ユーザーインターフェイス)は自発的にメッセージを送信でき、サーバーもメッセージを送信できます。 既存のテクノロジー(JavaScript)では、クライアントがすべてを開始する必要があります。サーバーは、クライアントが要求していないものをクライアントに送信できません。そのため、スクリプトは、変更されていない可能性のあるデータを常に更新して再要求する必要があります。Websocketは「プッシュ」ベースでさらに機能し、いつでも新しいデータをパイプに流します。 残念ながら、ほとんどの(とにかく私が見つけることができるすべての)Websocket実装には、動作する特定のサーバーアプリケーションが必要です。ポート80と443(httpとhttps)でApacheを実行し、別のポート(つまり8000または8080)で別のシステム(通常はNode.js)を実行して、websocketリクエストを処理します。 これは明らかに機能しますが、いくつかの欠点があります。 WordPressでwebsocketを使用することで大きなメリットが得られるプラグインを作成します。しかし、ユーザーが2番目のWebサーバーをインストールする必要がある場合(通常、共有ホスティングを使用している人にとっては不可能)、プラグインとしては機能しません。 それで、経験のある人なら誰でも、WordPressをwebsocketと互換性を持たせるにはどうすればいいのでしょうか?WordPressに通信自体を処理させるか、別のミニサーバースクリプトをプラグインにバンドルしますか?すでにこれを行っている場合、WordPress自体を壊さずにどのように達成しましたか? 可能なリソース? 拡張可能なWebソケットサーバー PHP Websocket PHPとWebsocket 9/21/11更新 Apache(共有ホストでWPを実行するために最も一般的にインストールされるサーバー)がWebソケットをネイティブに実際に処理できない方法についてのすべての話で、私は代替案について疑問に思っています。いくつかのプラグイン(JetPackなど)は、外部サービスまたはAPIと通信してコンテンツを生成します。 StatsはAutomatticにコンテンツを要求します。Akismetは外部サーバーとの間でデータをやり取りします。締め切り後、公開時にコンテンツを送信します。いくつかのSEOツールは、外部システムを通じて物事をやり取りします。 したがって、WordPressプラグイン内にwebsocketコードを格納する代わりに、中央の場所でwebsocketサービスをホストし、代わりにWordPressフロントエンドと対話させることは可能でしょうか?

2
AJAXを介してwp_editorをロードする方法
WordPressのAJAX経由でwp_editorをロードする方法を知っている人はいますか? 私のマークアップとエディターは正しく読み込まれていますが、エディターコントロールが正しく読み込まれていません。JavascriptがAJAX呼び出しで実行されていない可能性があります。 任意の助けをいただければ幸いです。

4
特定のショートコードまたはウィジェットが存在する場合にのみスクリプトをロードする
特定のショートコードが存在する場合、ヘッダーにスクリプトを追加できるように、ロードする前にページ/投稿コンテンツをフィルタリングする方法が必要でした。多くの検索の後、私はこれをhttp://wpengineer.comで見つけました function has_my_shortcode($posts) { if ( empty($posts) ) return $posts; $found = false; foreach ($posts as $post) { if ( stripos($post->post_content, '[my_shortcode') ) $found = true; break; } if ($found){ $urljs = get_bloginfo( 'template_directory' ).IMP_JS; wp_register_script('my_script', $urljs.'myscript.js' ); wp_print_scripts('my_script'); } return $posts; } add_action('the_posts', 'has_my_shortcode'); これは絶対に素晴らしいことであり、まさに私が必要としていたことをしました。 今、私はそれをもう少し拡張し、サイドバーにも同じことをする必要があります。特定のウィジェットタイプ、ショートコード、コードスニペット、またはスクリプトをロードする必要がある場合に特定するために機能する他の方法によるものです。 問題は、サイドバーが読み込まれる前にサイドバーのコンテンツにアクセスする方法がわからないことです(問題のテーマにはいくつかのサイドバーがあります)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.