Nucleus(JP)フォーラム Forum Index

Find on the forum:
OR  AND    » Advanced Search

未返信の記事を表示全てのフォーラムを既読にする

新しいトピックを投稿 トピックに返信
投稿者 メッセージ
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.02.03 (火) 18:38   記事の件名: NP_Mobile With Single Pageでの携帯閲覧
引用付きで返信

質問させてください。
携帯でblogが閲覧できるように、NP_Mobile With Single Pageをプラグインしました。
インストール後設定の変更し、一通り携帯で閲覧できるようになりました。

Nucleusのバージョンはv3.31
NP_Mobile With Single Page バージョン: 1.5.1
スキンは「mob」を使わせていただいています。


topの記事一覧の、タイトル前にイラストを表示させたいと考え、
スキンファイルの「mob」に、「images」というディレクトリを作成しその中に、イラストをアップロードしました。

テンプレート編集→mob/short→アイテム→アイテムの本体に以下のソースを入力しました。
<a href=<%itemlink%>>
<img src="<%skinfile(images/image7.jpg)%>"><%title%></a>(<%date%>)<br>

携帯でイラストが表示されたか確認すると、イラストは表示されていない(×と表示されている)状態です。
記述が間違っているのでしょうか?もともとの考え方が違うのでしょうか?
よろしくお願いいたします。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.02.04 (水) 18:07   記事の件名:
引用付きで返信

試行錯誤しながらいろんな方法を試した結果なんとかイラストを表示できるようになりました!!
これが正しい方法なのかは、わかりませんが・・・・。


記事を投稿するとき、画像や写真をUPしたものは携帯上で閲覧できていたので、そこから考えました。
インターネット上で表示されている写真や、イラストのプロパティを見て、画像のURLを確認しそのURLを直接入力しました。

テンプレート編集→mob/short→アイテム→アイテムの本体
<img src="http://*******/media/2/20090204-rose02.gif"><a href=<%itemlink%>><%title%></a>(<%date%>)<br>

なんとかイラストを表示させることができました!
ただ、これ以外にも表示させる方法があるのであれば。。。。
ぜひ、皆さんのご意見がきければと思います。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
きゃしゃ



登録日: 2007.12.15
記事: 302
所在地: 河内平野

記事 日時: 2009.02.05 (木) 11:59   記事の件名:
引用付きで返信

まずPCから確認されてみてはいかがでしょうか。

あと、考えられる可能性として、表示確認につかっている端末に対応していない画像フォーマットだったりとか。
たとえばauでプログレッシブJPGとか。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.02.16 (月) 15:15   記事の件名:
引用付きで返信

きゃしゃさん返信が遅くなってしまいすみません。。。。

PC用のブログで、同様のソースを使用したところ、エラーにはならずイラストを表示させることができました。。。
私が表示確認につかっている端末は、Docomoです。
まわりにDocomo以外の携帯端末を使っている人がいないので、他社の携帯での確認はできないのですが。。。
もう少し、ソースの変更しながら表示されるようにならないか追っかけてみます。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
きゃしゃ



登録日: 2007.12.15
記事: 302
所在地: 河内平野

記事 日時: 2009.02.16 (月) 16:01   記事の件名:
引用付きで返信

決して万全ではありませんが、ケータイ各社のエミュレータは導入しておいて損はありません。

http://www.nttdocomo.co.jp/service/imode/make/content/download/index.html
http://www.au.kddi.com/ezfactory/tool/index.html
http://creation.mb.softbank.jp/doc_tool/tool_list.html

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
shizuki
モデレーター
モデレーター


登録日: 2006.03.23
記事: 891
所在地: 西播磨

記事 日時: 2009.02.16 (月) 16:26   記事の件名:
引用付きで返信

いまさらな気もしますが
Quote:
topの記事一覧の、タイトル前にイラストを表示させたいと考え、
スキンファイルの「mob」に、「images」というディレクトリを作成しその中に、イラストをアップロードしました。
と書いてあるんですが、URLを見ると
Quote:
http://*******/media/2/20090204-rose02.gif
ですよね?
アイテムの投稿画面からアップロードしてません?

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動 MSNM
boff



登録日: 2006.10.11
記事: 138
所在地: Fukuoka

記事 日時: 2009.02.16 (月) 20:48   記事の件名: もしFirefoxなら
引用付きで返信

横レスチックですいません。
もしFirefoxをお使いなら、FireMobileSimulatorというアドオンがあります。

http://firemobilesimulator.org/

モバイル用のサイト確認で役立つと思います。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.02.27 (金) 14:48   記事の件名:
引用付きで返信

皆様返信ありがとうございます。とても助かります!!

きゃしゃさん
丁寧なURLを教えて頂きありがとうございます。
早速導入し、どう変わるかみてみます!


shizukiさん
スキンファイルの「mob」に、「images」というディレクトリを作成しその中に、イラストをアップロードし、そのイラストをソース内で<img src="<%skinfile(images/image7.jpg)%>">と指定しました。しかし表示できませんでした。
しかし、記事中の写真やイラスト等は表示されていました。

なので記事中に使用しているイラストのURL(アイテム投稿画面よりアップロードした先)を直接ソース内に記述し、現在は表示されています。説明がわかりにくくてすみません。。。


boffさん
情報ありがとうございます☆
こういうものがあるというのを初めて知りました!!
まだまだ研究・知識不足ですね(汗)

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
きゃしゃ



登録日: 2007.12.15
記事: 302
所在地: 河内平野

記事 日時: 2009.02.27 (金) 15:19   記事の件名:
引用付きで返信

Quote:
<img src="<%skinfile(images/rose02.gif)%>">
ではどうなりますか?
(もちろんrose02.gifをskins/mob/imagesにアップしてからね Wink

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
shizuki
モデレーター
モデレーター


登録日: 2006.03.23
記事: 891
所在地: 西播磨

記事 日時: 2009.02.27 (金) 15:52   記事の件名:
引用付きで返信

Code:
<img src="<%skinfile(images/image7.jpg)%>">

こう書いた時、ソースにはどう出力されてますか?

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動 MSNM
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.03.04 (水) 14:31   記事の件名:
引用付きで返信

きゃしゃさん
rose02.gifをskins/mob/imagesにアップし、<img src="<%skinfile(images/rose02.gif)%>">とソースに記述してみました。携帯で確認したところ、やはり×で表示されませんでした(涙)
だんだん頭がこんがらがってきました(汗)

shizukiさん
<img src="<%skinfile(images/image7.jpg)%>">と記述し、携帯で表示されているか確認したところ、
×と表示されていて、私が指定したイラストは表示されていませんでした。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
shizuki
モデレーター
モデレーター


登録日: 2006.03.23
記事: 891
所在地: 西播磨

記事 日時: 2009.03.04 (水) 15:02   記事の件名:
引用付きで返信

Quote:
<img src="<%skinfile(images/image7.jpg)%>">と記述し、携帯で表示されているか確認したところ、
×と表示されていて、私が指定したイラストは表示されていませんでした。

えーと、ソースは?

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動 MSNM
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.03.04 (水) 17:04   記事の件名:
引用付きで返信

最初に書かせていただいたとおり、記事タイトルの前にイラストを表示させたいため、
<a href=<%itemlink%>>
<img src="<%skinfile(images/image7.jpg)%>"><%title%></a>(<%date%>)
と記述いたしました。


shizukiさんの質問の回答になるでしょうか?

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
yama.kyms
モデレーター
モデレーター


登録日: 2005.07.07
記事: 1049
所在地: fujisawa

記事 日時: 2009.03.04 (水) 17:06   記事の件名:
引用付きで返信

ブラウザに実際に出力されているソースです。boffさん紹介の方法を使うといいですよ。
_________________
yama Nucleus CMS 3.51JP

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.03.04 (水) 17:29   記事の件名:
引用付きで返信

理解力が乏しくすみません。。。

<a href=<%itemlink%>>
<img src="<%skinfile(images/image7.jpg)%>"><%title%></a>(<%date%>)
と記述。
その後携帯で確認したところ、
ソースが表示されているのではなく、「□×」と表示されています。

「□×」→正しくはこれではありませんが、イラストが存在しないときに表示されるものだと思います。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
yama.kyms
モデレーター
モデレーター


登録日: 2005.07.07
記事: 1049
所在地: fujisawa

記事 日時: 2009.03.04 (水) 17:33   記事の件名:
引用付きで返信

携帯で確認ってことなら・・

<a href=<%itemlink%>>
<img src="<%skinfile(images/image7.jpg)%>"><%title%></a>(<%date%>)
src="<%skinfile(images/image7.jpg)%>"

こう書いてみてください。つまりsrc="<%skinfile(images/image7.jpg)%>"を追記します。

_________________
yama Nucleus CMS 3.51JP

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.03.04 (水) 17:45   記事の件名:
引用付きで返信

src="<%skinfile(images/image7.jpg)%>"を追記し、再度携帯より、確認しました。
以下のソースが表示されました。

□×<%title()%>(<%date()%>) src="http://ブログアドレス/skins/mob/images/image7.jpg"


yama.kymsさん質問させて下さい。
携帯で確認する場合はなぜ、src="<%skinfile(images/image7.jpg)%>"を追記するのでしょうか?

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
shizuki
モデレーター
モデレーター


登録日: 2006.03.23
記事: 891
所在地: 西播磨

記事 日時: 2009.03.04 (水) 18:41   記事の件名:
引用付きで返信

PCからソースだけ確認してもらえればよかったんですけどね^^;

では、
Code:
http://ブログアドレス/skins/mob/images/image7.jpg
のURLを直接入力して、PCと携帯双方で画像が表示されるか教えてください。

携帯電話からのみ閲覧できない場合は、画像ファイルを別のもの(例えば携帯のカメラで取った写真とか)に差し替えて、再度確認してください。

両方から閲覧できない場合は、images ディレクトリのパーミッションが「本人以外読み取り不可」になっている可能性も考えられますので、そちらも確認してみてください。

ちなみに、PCからアクセスした時に携帯用スキンの mob スキンで表示させるには、URLの最後に
Code:
?skinid=mob
とつけてやるだけでOKです。
ソースの確認をするだけならこれで十分かと。

Quote:
携帯で確認する場合はなぜ、
Code:
src="<%skinfile(images/image7.jpg)%>"
を追記するのでしょうか?

携帯電話から閲覧した場合、PCのブラウザのように気軽に「右クリックしてソースを表示」とかできないので、スキン変数が吐き出しているソースをそのまま表示させる為に、<img>タグの外に
Code:
src="<%skinfile(images/image7.jpg)%>"
と記述してもらったんだと思います。

ところでFOMAって、1ページ合計100kB超えると表示できなかったりしたと思ったんですが、サイズが大きかったりしませんか?

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動 MSNM
mai



登録日: 2008.06.23
記事: 22

記事 日時: 2009.03.05 (木) 16:13   記事の件名:
引用付きで返信

shizukiさん
*PCからでも携帯用スキンを確認できることを初めてしりました。URLの最後に?skinid=mob1 を追加し実際に見てみました。ちょっと感動しました。ありがとうございます。

*http://ブログアドレス/skins/mob/images/image7.jpgを直接入力し、PCと携帯で確認しましたが見れませんでした。

*気がついたのですが、私が、イラストを置いている場所は、skins/mob/images/ではなく、skins/mob1/images/です。

NP_Mobile With Single Page をプラグインしたときにできた、「mob」には、ディレクトリは作成できなかったため、
「mob」の内容を丸々コピーした「mob1」を作成し、その中にimagesというディレクトリを作成しイラストをUPしました。

NP_Mobile With Single Pageの Select mobile skin :「mob1」
スキン・テンプレートも「mob1」を使用しています。

----------------------------------------------------------------------------------
<a href=<%itemlink%>>
<img src="<%skinfile(images/image7.jpg)%>"><%title%></a>(<%date%>)
----------------------------------------------------------------------------------
上記のソースも、「スキン編集」→「mob1」→「メインの目次ページ」に記述しています。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信
shizuki
モデレーター
モデレーター


登録日: 2006.03.23
記事: 891
所在地: 西播磨

記事 日時: 2009.03.05 (木) 17:58   記事の件名:
引用付きで返信

解りました。手順を説明します。

  1. 左のクイックメニューの[スキン編集]をクリックしてスキンの一覧画面に移動します
  2. 「mob」スキンの行の右側の方の「編集」をクリックして、スキンの設定の編集画面に移動します
  3. 下のほうの「一般設定」とある表の「Includeプリフィックス」の行の「mob」となっていると思われるテキストボックスの中身を「mob1」に書き換えます

以上です。
ちなみにここで設定できる項目は、簡単に言うと上から順に

  1. スキンの名前
  2. スキンの説明
  3. HTTPヘッダで送信するContent-Type
  4. 外部からファイルを読み込む場合のURLのベース。
  5. 「skins」ディレクトリ内の、読み込むファイルが置かれているディレクトリ名

です。
今回はファイルを「mob1」ディレクトリにおいていたのに、この一番下の記述が「mob」となっていた為に、<%skinfile()%>で出力されるURLが見当違いの「mob」ディレクトリを指していたことが原因でした。

トップに戻る

ユーザーのプロフィールを表示 プライベートメッセージを送信 投稿者のウェブサイトに移動 MSNM
新しいトピックを投稿 トピックに返信
特定期間内の記事を表示:   

ページ移動 1, 2  次へ

Page 1 of 2

All times are GMT + 9 Hours

移動先:  

新規投稿: 不可
返信投稿: 不可
記事編集: 不可
記事削除: 不可
投票参加: 不可
ファイル添付不可
ダウンロード:

Powered by phpBB © 2001, 2002 phpBB Group