Joomla! 3オリジナルJSフレームを削除する

2916 ワード

とっくにJoomlaにいた!1.5の中でかつてこのような需要があって、どのようにMootoolsのこのJSフレームワークを除去して、今日Joomlaにいます!3の中であなたは二度とこのような需要がなくて、Joomlaのためです!3にはjQueryフレームワークが導入されていますが、オリジナルのBootStrapフレームワークをどのように削除するかというニーズがあるかもしれません.
Joomlaで!3の中の11大新しい特色の1文の中で私達はJoomlaを紹介したことがあります!3 BootStrapという現在最も流行しているフロントエンドフレームを導入しました.はい、確かに使いやすいです.しかし、このフレームワークは现在、国内では実用的ではありません.それは完全にIE 6と互換性がありません(少なくとも私たちのウェブサイトもIE 6を放弃しています).また、IE 7、IE 8のサポートはあまりよくありません.例えば、CSS 3のものはサポートできません.また、IE 9にもいくつかの属性が互換性がありません.中国のインターネットの一般ユーザーグループは依然としてこれらのブラウザが主流です.私たちの二次開発者は両立する必要があります!
Chromeの開発者ツールでJoomlaを見てみましょう!3の中で何が多くなって、mootoolsは依然として主要なフレームワークで、/media/jui/jusの中で私达はjQueryのフレームワークを见ることができて、もう1つのBootStrapのフレームワーク、それからgoogleapisのフォントのフレームワークで、国内の开発者の习惯といくつかの政策によって言えば、BootStrapとGoogleAPISは私达が削除するもので、BootStrap私达は上で言って、GoogleAPISはもともと良いもので、しかし、皆さんも知っていると思いますが、これは国内では効率に影響し、サイトがうまくいかないと半日も開けません.
 
ポイントが来て、削除する前に、私は皆さんにこれらのものがどのように来たのかを紹介して、Joomlaを開けます!3のデフォルトテンプレートファイル:/templates/protostar/index.php、次のコードが表示されます.
<jdoc:include type="head" /><!--                -->
<?php
  // Use of Google Font
  if ($this->params->get('googleFont'))
  {
?><!--      Google  ,        ,         -->
    <link href='http://fonts.googleapis.com/css?family=<?php echo $this->params->get('googleFontName');?>' rel='stylesheet' type='text/css' />
    <style type="text/css">
      h1,h2,h3,h4,h5,h6,.site-title{
        font-family: '<?php echo str_replace('+', ' ', $this->params->get('googleFontName'));?>', sans-serif;
      }
    </style>
<?php
  }
?>

私は行の中でみんなに注釈をつけて、主にJoomlaです!すべてのオリジナルフレームワークリソースの文を参照すると、次のGoogleFontはバックグラウンドで閉じることができ、バックグラウンドに入る-拡張-テンプレート管理-「protostar-Default」テンプレートに入る-「オプション」タブ-下の「タイトルにGoogleフォントを使用する」をクリックしてNoを選択すればいいです.外国貿易のウェブサイトならば、この項目を保留することができます
 
肝心なのはBootStrapを落とすことです.通常はJoomlaを修正することをお勧めしません.コアコードなので、方法は簡単です.Joomla!3 jQueryフレームワークを導入し、私たちはjQueryの方法でBootStrapや他の欲しくないものを削除します.方法は以下の通りです.
Joomlaを開けろ!3のデフォルトテンプレートファイル:/templates/protostar/index.php、コード「」を見つけ、その上に次のコードを挿入します.
<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>  
<script>  
$(function(){$("script[src='/media/jui/js/bootstrap.min.js']").remove();});
</script>  
<jdoc:include type="head" />

これらのJSファイルの位置は上記の2枚目の図で知るが、jQuery構文を使用しているため、まずjQueryフレームワークを参照し、2枚目の図に示す位置に従って先に参照し、bootstrapを見つけなければならない.min.jsの位置は、jQueryのremoveメソッドを使用して、このjsを削除すればよい.文をの前に置くのは、前後してロードする原則に従い、その後に置くテストが無効である場合です.
同様に、他のJSでもJSの方法でページを削除すればよい.