携帯用スキンを編集可能にする方法

前後の記事

更新:2008年3月16日（日）

携帯用スキンを編集可能にする方法

今回は、携帯用のスキンを各キャリア用に作成したり、ぶろぐんの管理画面上で編集出来るようにする方法を書きます。

とりあえずは、DoCoMoの端末用の携帯ページスキンを作成してみる事にします。

作業手順

まず、ダウンロードした〔ぶろぐん〕blognplus本体に入っているskinフォルダ内にあるiskin.htmlを複製し、i-mode.htmlと改名し、skin_sampleフォルダの中に入れましょう。

skin_sampleフォルダの中には、default.cssというファイルがありますが、これを複製してi-mode.cssと改名します。

i-mode.cssをテキストエディタ等で開き中身を消します。（紛らわしいので）

後はいつもの如く、管理画面上から〔スキン追加/編集〕ボタンを押し、名前を仮にi-modeとして先程作成したi-mode.htmlとi-mode.cssをアップロードします。

※cssファイルをアップロードしなければ、追加出来ない仕様になっています。

無事、アップロードが終わればお次はこれを携帯から見える状態にする為にindex.phpを残念ながら１行だけ追記しなければならないのでやって下さい。

// スキンファイル読み込み
$skin = file(BLOGN_SKINDIR."iskin.html");　　//←　この表記のある所の下に
if($ua[0] == 'DoCoMo')$skin = file(BLOGN_SKINDIR."i-mode.html");　//←こいつを追記

blognPlus2.5.4の場合だと　1650行目の次の行に追記する事になります。

試しに、PCで携帯サイトを見る方法等を参照し、実際にDoCoMoとしてサイトに入ってみて下さい。

と言ってもデフォルトのままなら見た目は変わらないので、スキンを触り、目印等をつける事をお勧めします。

先程の工程と同様にすれば、それ以外の端末も編集可能になります。

仮に今までのテンプレートである、iskin.htmlを複製し、i-other.htmlとします。

これを同じようにアップロードし、1650行目の文

// スキンファイル読み込み
$skin = file(BLOGN_SKINDIR."iskin.html");　　//←　この表記の部分

$skin = file(BLOGN_SKINDIR."i-other.html");　　//←　こう書き換える

そうすると、今までのskinをぶろぐんの管理画面で自由に書き換えられるようになります。（一応バックアップしておいて下さいね。）

せめて3キャリアは全種類テンプレートを作りたい。

そういう方は下記のコードのさらに下に

//↓前回追記した部分
if($ua[0] == 'DoCoMo')$skin = file(BLOGN_SKINDIR."i-mode.html");

//↓SoftBank用
if(preg_match("/^SoftBank/", "$ua[0]"))$skin = file(BLOGN_SKINDIR."i-softbank.html");

//↓au用
if(preg_match($ua[0] == 'UP.Browser')$skin = file(BLOGN_SKINDIR."i-au.html");

こうすれば、一応主要３キャリア＋その他の端末を全て編集出来るようになります。

さらにこだわりたければ、Tu-Ka用や、Willcom用やJ-Phone用と作ってゆけば良いでしょう。

こうする事によって、端末ごとに対応した広告コードを貼る事が出来るようになり、多い日も安心です。

無料ブログ比較検証 : ハッスル寅男

最初はランキングサイトで訪問者を増やそう

伸び悩んでいる方は、ランキングを科学するを参照

[ 11:27 PM | comments (2) | trackback (0) ]

[後でまた読む]

記事貼り付け

投稿者 itochan

＞試しに、PCで携帯サイトを見る方法等を参照し
リンクが間違っています

[ URL | 2008年3月24日, 11:47 PM ]

投稿者ハッスル寅男

報告メチャ助かりました♪というのも、あちらのブログの記事参照リンクで張ったリンクだったからです。
という事は、全てのテキストエリアにある記事参照がそうなっていた事になりますので、朝から大慌てで修正しました。

stereologのテンプレートにあるoutput_idを利用したのですが、そのままじゃ無理そうですね。今はテンプレート内にある、
echo <<< EOF

を echo ""

に変更し、とりあえず暫定的に$_GET[id]を使って対処しました。

[ URL | 2008年3月25日, 09:37 AM ]