web-dev-qa-db-ja.com

私のWordPressの親テーマ（ブートストラップを使用して構築されたもの）でCDNを使用した場合の問題は何ですか？

「テーマチェック」を実行するときは、CDNを使用しないことをお勧めします。私はこの方法でブートストラップCDNを使用しています

function underscore_bootstrap_wp_scripts() {

/*   bootstrap and font awesome and animate css  */
wp_enqueue_style( 'bootstrap_cdn', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' );
wp_enqueue_style( 'fontawesome_cdn', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' );

/*   default underscores styles  */
wp_enqueue_style( 'underscore_bootstrap_wp-style', get_stylesheet_uri() );

/*  bootstrap js  */
wp_enqueue_script('bootstrap_js_cdn', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js',array('jquery'),'',true);

/*   default underscores js  */
//wp_enqueue_script( 'underscore_bootstrap_wp-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
wp_enqueue_script( 'underscore_bootstrap_wp-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

/* my stylesheet and js */
wp_enqueue_style( 'custom_style_css', get_template_directory_uri(). '/css/main.css' );
wp_enqueue_script('custom_js', get_template_directory_uri(). '/js/main.js',array('jquery','bootstrap_js_cdn'),'',true);

if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    wp_enqueue_script( 'comment-reply' );
  }
}

"Themes Check"プラグインが示す -

推奨：コード内にCDNのURLを見つけました：maxcdn.bootstrapcdn.com/font-awesome。 CDNからCSSやJavascriptのリソースをロードしてはいけません。それらをテーマにバンドルしてください。

推奨：コードにCDNのURLが見つかりました：maxcdn.bootstrapcdn.com/bootstrap。 CDNからCSSやJavascriptのリソースをロードしてはいけません。それらをテーマにバンドルしてください。

theme-developmentthemestwitter-bootstrapcdn
3
Walid Omonos

あなたのテーマはどの外部リンクライブラリにも依存するべきではありません。そのライブラリをいつ停止できるかについての保証はありません。これが、将来のリスクを防ぐために、すべてのテーマアセットをテーマと一緒にパッケージ化する必要がある理由です。

5
daniyalahmad

Daniyalahmadが言ったように、それはあなたのテーマに外部資産へのリンクを含めない方が良いです。最近の良い例です。私はMyThemeShopのテーマを使い、彼らは外部のhtml5shimにリンクしました。グーグルは最近これをホストすることをやめたので私は私のウェブサイトで404を入手し始めた。単純にコメントアウトするのは簡単でしたが、一般的なユーザーにとっては、これは大きな問題です。

GitHubに、死んだhtml5shim googlecode URLの150万インスタンスが追加されました： https://www.reddit.com/r/programming/comments/4u47ak/15m_instances_of_a_dead_html5shim_googlecode_url/

テーマをパッケージ化するときは、必ずそれを一緒にパッケージ化してください。それを含めたくないのであれば、事後にそれをデプロイする方法についてあなたのユーザのためのチュートリアルを書いてください。彼らが外部とリンクしたいのであれば、それは通常は問題ありませんが、基本テーマでは問題ありません。 font awesome CDN をチェックすることをお勧めします。無料で、HTTP/2を介して25を超えるPOPから配信されます。

2
Brian Jackson