[Theme] ちょっとした小技

新テーマに替えるにあたって、いろいろなテーマをダウンロードし、ファイルを眺めているとなかなか面白い構成になっていることがある。ちょっとしたことだが、便利そうなので導入したものをメモしとこっ。

yutakaさんがよく嘆いているIEと他のブラウザの見え方の違いの問題。私もあちらを立てればこちらが立たないみたいなことになって、全然先に進めないような状態が続いている。困るのは、IEを切り捨てられないこと。全体の7割を占めるユーザーが使っているため、IEを切ると無茶寂しいサイトに変身してしまう。

  1. <?php
  2. function find($component) {
  3.     global $HTTP_USER_AGENT;
  4.     $result = stristr($HTTP_USER_AGENT,$component);
  5.     return $result;
  6. }
  7. ?>

これをbrowser_detection.phpというファイル名で同じテーマディレクトリに保存し、
header.phpの <?php wp_head(); ?> の下あたりに

  1. <?php include('browser_detection.php'); ?>
  2.    
  3.     <?php if ( find('MSIE') ) { ?>
  4.     <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style_ie.css" />
  5.     <?php } ?>

と挿入し、保存。

あとstyle.cssの内容をコピーし、style_ie.cssとしてこれも同じテーマディレクトリに保存する。

これでIEの見栄えは、このstyle_ie.cssで調整すればいいわけだ。

それとテンプレートを配布のオリジナルのまま使っている人はほとんどいないだろうと思う。たいていの場合、アドセンスを追加したり、他のWEBサービスをサイドバーあたりに増やしたりしているのではないだろうか。そうすることによって人と違うサイトになってまた愛着が生まれたりするものだが、テンプレートはゴチャゴチャしてくる。

アドセンスなどはテーマを替えても使用するので、私はテーマ内のfunction.phpではなく、my-hacks.phpを使っている。

  1. <? php
  2. function google_ads() { 
  3.     ob_start();
  4.     ?>
  5.    
  6.         <div class="adsense" align="center">
  7.             <script type="text/javascript"><!--
  8.             google_ad_client = "pub-****";
  9.             google_ad_width = 728;
  10.             google_ad_height = 90;
  11.             google_ad_format = "728x90_as";
  12.             google_ad_type = "text";
  13.             google_ad_channel ="";
  14.             google_color_border = "F5F5F5";
  15.             google_color_bg = "F5F5F5";
  16.             google_color_link = "406E99";
  17.             google_color_url = "406E99";
  18.             google_color_text = "333333";
  19.             google_page_url = document.location;
  20.             //--></script>
  21.             <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
  22.         </div>
  23.    
  24.     <?php
  25.     $ads = ob_get_contents();
  26.     ob_end_clean();
  27.     print($ads);
  28. }
  29.  
  30. ?>

という風にして、使いたいところで
<?php google_ads(); ?>
で呼び出すことにした。1つだけ注意は、呼び出す関数名を使ってなさそうな名前にするだけ。

いろいろなサイズを使うなら、google_ads_728x90() とかサイズを入れるとわかりやすいだろう。

ほかにもなんかないっすか?便利な改造法は。 :D

ツイート

Top

タグ
タグ: , ,

ナビゲーションリンク
| UP |

の記事をすべて見る。

Top

コメントが 9件あります

コメント RSS を使用するとこの投稿のコメントが確認できます。
TrackBack URI
コメントしてみる?

ピンバック/トラックバック

  1. Favicon びんさんのマジかよ〜
  1. yutaka さんのコメント
    2006年 9月 26日 21:00 # Japan Fedora Linux Mozilla Firefox

    会長〜 こりゃエエです :oops:  早速試してみるです
    ところで「Internet Explorer 7」のRelease Candidate
    1 日本語版がダウンロードできるようなので試してみました。確かに進化してますね
    起動も早くなってます。といってもFirefoxから乗り換えようとは思いませんが :oops:

    返信する

  2. Masayan さんのコメント
    2006年 9月 26日 21:20 # Japan Windows Mozilla Firefox

    ホントに困ったチャンです、IEは。 :arrow:

    といってもFirefoxから乗り換えようとは思いませんが

    私ももう乗り換えられません。 :mrgreen:
    ここまで慣れるとめんどくさいですもんね。

    返信する

  3. lomo さんのDelicious
    2006年 9月 27日 05:35 # delicious

    WordPressのhackネタ2つ

  4. Toru さんのコメント
    2006年 9月 27日 14:40 # Japan Windows Mozilla Firefox

    IEにのみ別のCSSを適用するのであれば、MSが推奨しているconditional commentsも結構便利ですよ。ちょっと古いけど、日本語記事はここ。IE以外は無視されます。ちなみに僕はそれを使ってCSSの他にIE用のJavaScriptもロードしてます。

    あとはK2で利用されている、ループをtheloop.phpにまとめるやり方が便利です。1カ所修正するだけで、singleもhomeとかも全て修正されますから。

    返信する

  5. Masayan さんのコメント
    2006年 9月 27日 19:01 # Japan Windows Mozilla Firefox

    Toruさん、ありがとうございます。

    キターー(・∀・)ーー
    これいいですね。即乗り換えです。 :wink:

    K2もお取り寄せして見てみます。 :mrgreen:

    返信する

  6. Toru さんのコメント
    2006年 9月 27日 19:09 # Japan Windows Mozilla Firefox

    K2もお取り寄せして見てみます。

    K2は良い勉強になりますよ∼。ただ結構PHPで改造してあるテーマなので、PHP初心者の僕にははじめは訳がわからんかったです :?:
    だんだんと慣れましたけど :)

    返信する

  7. Masayan さんのコメント
    2006年 9月 28日 18:33 # Japan Windows Mozilla Firefox

    いえいえ、私も素人さんなのでわかりませんよ。 :lol:
    眺めているうちになんとなく・・・勘で・・・なんとかなります。 :x

    返信する

  8. lomo_lomo さんのはてなブックマーク
    2006年 12月 31日 17:26 # hatena bookmark

    WordPressのhackネタ2つ

Top

コメントをどうぞ


:x :wink: :twisted: :shock: :sad: :oops: :o :mrgreen: :lol: :idea: :evil: :cry: :cheesy: :arrow-u: :arrow-l: :arrow-d: :D :?: :) :!: 8)
あなたの情報 (必須) help

twitter

e-mail

Top

Web Services by Yahoo! JAPAN