そのため、私は 320press Twitter Bootstrap テーマを使用し、LESS CSS を利用しているかなり重い WordPress Web サイトを開発しています。
知っておくべき一般的な情報:
- ワードプレス 3.5
- ブートストラップ 2.0
- 未満 1.3.3
WordPress 側、Bootstrap 側などはすべて問題なく動作しています。しかし... LESS を正しく動作させるのにかなりの時間を費やしました。lesscss.org から less-1.3.3-min.js ファイルをダウンロードし、適切なフォルダーにドロップしました。次に、header.php ファイルで参照しました。ページのソースを表示して less-1.3.3.js 参照をクリックすると、完全に読み込まれるため、すべてが正しくリンクされていることがわかります。
私のheader.phpファイルのコードのセクションは次のようになります
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/css/fonts.css">
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/css/custom.css">
<link rel="stylesheet/less" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/less/bootstrap.less">
<link rel="stylesheet/less" type="text/css" href="<?php echo get_template_directory_uri(); ?>/library/less/responsive.less">
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/less-1.3.3-min.js"></script>
そのため、LESS Web サイトの指示に従って、CSS ファイルを読み込んだ後にスクリプトを読み込んでみました。物事は正しく起こり始めるべきですか？いいえ、だから私はたくさん遊んで、それを理解することができませんでした.
<-- LESS が機能していないときのリーダーのテキスト
次に、GIT で通常の「less-1.3.3.js」ファイルを見つけてダウンロードしました。ブームすべてがうまくいきました。
<-- これはどのように見えるべきか (「リーダー」という言葉)
うふふ、勝利のダンス。
そんなに早くない....
ブラウザを 979 ピクセル以下に縮小すると、ナビゲーションの下に大きな隙間ができます。
このギャップは次のようになります。
OK、CSS を台無しにしたのかもしれません...約 4 時間調査した後、コンパイルされた Bootstrap.css ファイルが 2 回表示されていることに気付きました。リンクされたスタイルシートとして:
そして再び埋め込みスタイルシートとして。
Firefox で Web Developer Extension を使用して、埋め込まれたスタイルをすべて削除すると、見栄えがよくなります。しかし、javascript 以外のサイト ヘッドに何がダンプされているのかわかりません。これは誰にでも起こりますか？
何か案は？もちろん、これは内部ネットワークのみの開発環境であるため、URL を共有することはできませんが、私が話していることを示すためにいくつかのスクリーンショットを投入しました。
お願い助けて！この問題を見つけようとして私の頭は揚げられています。
ありがとう。