Jul
11
2009

CSS連結

16:33 pm

サイトパフォーマンスの計測ツールのPage Speed やYSlowで、パフォーマンスアップのため、複数あるCSSを結合して数個に減らしなさいと言われていたのでやってみました。
プラグインのHaedCleanerでもやってくれるのですが、自分の場合は色々と設定を変えたりしても、どうしてもうまくいかず、結合すると表示が崩れてしまいました。
なので、力技で単純にテキストエディターを使ってファイルを繋げてしまいました。
具体的には、
1. style.css に jquerycssmenu.css,dbx.css,shCore.css,shThemeDefault.cssを連結しました。
2. その他の使っているプラグインのcssをplugins_css.css として、一つにまとめました。  skin.css,extras.css,dmsguestbook.css,kpicasa_gallery.css,pagenavi-css.css,media-library-gallery.css を連結しました。前の二つは、shadowbox-jsのcssです。
3. 次にプラグインを修正し、headerにcssを吐き出させないようコメントアウトしました。
  修正したのは、dmsguestbook.php,dmsguestbook/admin.php,kpicasa_gallery.php,media-library-gallery.php,shadowbox-js.php,syntaxhighlighter.php,wp-pagenavi.php
4. shadowbox-js,syntaxhighlighterの関連.gif,.pngをplugins_css.cssと同じフォルダにコピーします。
5. header.php に plugins_css.css を定義します。

Written by hbirds in: WPカスタマイズ | Tags: , ,

No Comments »

RSS feed for comments on this post. TrackBack URL

Leave a comment

You must be logged in to post a comment.

www.hbirds.net