携帯用スキンを編集可能にする方法|無料ブログ比較検証

無料ブログ比較検証 > Blogn > 携帯用スキンを編集可能にする方法

Blogn

更新: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.htmli-mode.cssをアップロードします。

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

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

// スキンファイル読み込み
$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");


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

さらにこだわりたければ、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 ]

 









自動収集スパムから投稿者を守る為、E-Mailは筆者宛に届き、ブログ上では非公開とします。

この記事のトラックバックURL

携帯用スキンを編集可能にする方法にトラックバック
ハッスルサーバー レンタルサーバー
メルマガ登録・解除 ID: 0000198295
ハッスルサーバー 学園 3年B組ハッスル先生
   
バックナンバー powered by まぐまぐトップページへ
SEO対策や人間心理を考慮した戦術的なサイト制作等、現場の人間だから知り得た極秘ネタがギュッと詰まったお得なメールマガジンを配信しています。
おすすめコンテンツ
カテゴリ

ブログ初心者の方へ (4)

低価格レンタルサーバー (23)

個人的ランキング (1)

失敗しないサーバー選び (14)

中価格レンタルサーバー (3)

失敗しない商用サーバー選び (3)

ブログ比較,検証 (23)

ブログ比較 (3)

ブログ検証 (19)

携帯サイト制作 (47)

モバイルサイト制作の裏側 (21)

ケータイサイト制作王3 (7)

無料で携帯サイトを作成 (8)

無料PHPスクリプト (10)

無料ブログの為のCSS講座 (1)

独自ドメイン攻略 (4)

Blogn (17)

くだらない話 (20)

ブックマーク (7)

自動リンク (1)

ブログマーク (5)

実用性重視 (1)

最新情報
お役立ちリンク

サイト制作・アクセスアップ

お手軽ツール

自動リンク

過去ログ

2009年6月(3件)

2008年7月(1件)

2008年6月(2件)

2008年5月(6件)

2008年4月(16件)

2008年3月(21件)

2008年2月(8件)

2007年11月(2件)

2007年10月(1件)

2007年8月(9件)

2007年7月(5件)

2007年6月(6件)

最新コメント

魔法のメールフォームを配布しました

ペガサス (7/02)

nanaringo (6/29)

nanaringo (6/27)

nanaringo (6/26)

アクセスアップする方法を検証

ヨシノリ (6/17)

ちょいワルおやじブームの弊害

ハッスル寅男 (6/12)

バイクを全塗装する方法

ハッスル寅男 (6/07)

携帯サイト振り分け (SEO対策考慮)

ハッスル寅男 (6/06)

CoreServerの評判,評価,口コミ

ハッスル寅男 (6/06)

ぶろぐん促進計画

ハッスル寅男 (6/06)

その他の比較 検証サイト
ハッスル寅男
無料ブログ徹底検証

リスクの少ないサーバー移行

検索結果のグループ化を検証

はてなブックマークに参戦

NEXT SPACEの長所と短所

QuickSilverG4MacがUSB2対応に

ショップサイトを無料で

商品画像をより魅力的にする

物販サイトを始めたい方は必読

CoreServerで上位表示

CoreServerの評価 活用法

携帯から無料ブログ比較検証
無料 ブログ比較検証
W3C
Valid HTML 4.01 Transitional
Valid CSS!
使用ブログ [ぶろぐん+]
BLOGNPLUS(ぶろぐん+)
RSS
RSS 1.0
RSS 2.0
Atom 0.3
処理時間 0.28118秒
SEOパーツでアクセスアップ?
  • seo
ハッスルサーバー一番安い 専用サーバーブログ比較CMSケータイサイト制作王アクセスランキングプライバシーポリシー