| 投稿者 | メッセージ | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
|
mai 登録日: 2008.06.23 記事: 22 |
質問させてください。 携帯で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 |
試行錯誤しながらいろんな方法を試した結果なんとかイラストを表示できるようになりました!! これが正しい方法なのかは、わかりませんが・・・・。 記事を投稿するとき、画像や写真をUPしたものは携帯上で閲覧できていたので、そこから考えました。 インターネット上で表示されている写真や、イラストのプロパティを見て、画像のURLを確認しそのURLを直接入力しました。 テンプレート編集→mob/short→アイテム→アイテムの本体 <img src="http://*******/media/2/20090204-rose02.gif"><a href=<%itemlink%>><%title%></a>(<%date%>)<br> なんとかイラストを表示させることができました! ただ、これ以外にも表示させる方法があるのであれば。。。。 ぜひ、皆さんのご意見がきければと思います。 |
||||||||||
|
|
|||||||||||
|
きゃしゃ 登録日: 2007.12.15 記事: 302 所在地: 河内平野 |
まずPCから確認されてみてはいかがでしょうか。 あと、考えられる可能性として、表示確認につかっている端末に対応していない画像フォーマットだったりとか。 たとえばauでプログレッシブJPGとか。 |
||||||||||
|
|
|||||||||||
|
mai 登録日: 2008.06.23 記事: 22 |
きゃしゃさん返信が遅くなってしまいすみません。。。。 PC用のブログで、同様のソースを使用したところ、エラーにはならずイラストを表示させることができました。。。 私が表示確認につかっている端末は、Docomoです。 まわりにDocomo以外の携帯端末を使っている人がいないので、他社の携帯での確認はできないのですが。。。 もう少し、ソースの変更しながら表示されるようにならないか追っかけてみます。 |
||||||||||
|
|
|||||||||||
|
きゃしゃ 登録日: 2007.12.15 記事: 302 所在地: 河内平野 |
決して万全ではありませんが、ケータイ各社のエミュレータは導入しておいて損はありません。 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 所在地: 西播磨 |
いまさらな気もしますが
アイテムの投稿画面からアップロードしてません? |
||||||||||
|
|
|||||||||||
boff![]() 登録日: 2006.10.11 記事: 138 所在地: Fukuoka |
横レスチックですいません。 もしFirefoxをお使いなら、FireMobileSimulatorというアドオンがあります。 http://firemobilesimulator.org/ モバイル用のサイト確認で役立つと思います。 |
||||||||||
|
|
|||||||||||
|
mai 登録日: 2008.06.23 記事: 22 |
皆様返信ありがとうございます。とても助かります!! きゃしゃさん 丁寧なURLを教えて頂きありがとうございます。 早速導入し、どう変わるかみてみます! shizukiさん スキンファイルの「mob」に、「images」というディレクトリを作成しその中に、イラストをアップロードし、そのイラストをソース内で<img src="<%skinfile(images/image7.jpg)%>">と指定しました。しかし表示できませんでした。 しかし、記事中の写真やイラスト等は表示されていました。 なので記事中に使用しているイラストのURL(アイテム投稿画面よりアップロードした先)を直接ソース内に記述し、現在は表示されています。説明がわかりにくくてすみません。。。 boffさん 情報ありがとうございます☆ こういうものがあるというのを初めて知りました!! まだまだ研究・知識不足ですね(汗) |
||||||||||
|
|
|||||||||||
|
きゃしゃ 登録日: 2007.12.15 記事: 302 所在地: 河内平野 |
(もちろんrose02.gifをskins/mob/imagesにアップしてからね |
||||||||||
|
|
|||||||||||
|
shizuki モデレーター ![]() 登録日: 2006.03.23 記事: 891 所在地: 西播磨 |
こう書いた時、ソースにはどう出力されてますか? |
||||||||||
|
|
|||||||||||
|
mai 登録日: 2008.06.23 記事: 22 |
きゃしゃさん rose02.gifをskins/mob/imagesにアップし、<img src="<%skinfile(images/rose02.gif)%>">とソースに記述してみました。携帯で確認したところ、やはり×で表示されませんでした(涙) だんだん頭がこんがらがってきました(汗) shizukiさん <img src="<%skinfile(images/image7.jpg)%>">と記述し、携帯で表示されているか確認したところ、 ×と表示されていて、私が指定したイラストは表示されていませんでした。 |
||||||||||
|
|
|||||||||||
|
shizuki モデレーター ![]() 登録日: 2006.03.23 記事: 891 所在地: 西播磨 |
えーと、ソースは? |
||||||||||
|
|
|||||||||||
|
mai 登録日: 2008.06.23 記事: 22 |
最初に書かせていただいたとおり、記事タイトルの前にイラストを表示させたいため、 <a href=<%itemlink%>> <img src="<%skinfile(images/image7.jpg)%>"><%title%></a>(<%date%>) と記述いたしました。 shizukiさんの質問の回答になるでしょうか? |
||||||||||
|
|
|||||||||||
|
yama.kyms モデレーター ![]() 登録日: 2005.07.07 記事: 1049 所在地: fujisawa |
ブラウザに実際に出力されているソースです。boffさん紹介の方法を使うといいですよ。 _________________ yama Nucleus CMS 3.51JP |
||||||||||
|
|
|||||||||||
|
mai 登録日: 2008.06.23 記事: 22 |
理解力が乏しくすみません。。。 <a href=<%itemlink%>> <img src="<%skinfile(images/image7.jpg)%>"><%title%></a>(<%date%>) と記述。 その後携帯で確認したところ、 ソースが表示されているのではなく、「□×」と表示されています。 「□×」→正しくはこれではありませんが、イラストが存在しないときに表示されるものだと思います。 |
||||||||||
|
|
|||||||||||
|
yama.kyms モデレーター ![]() 登録日: 2005.07.07 記事: 1049 所在地: fujisawa |
携帯で確認ってことなら・・ <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 |
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 所在地: 西播磨 |
PCからソースだけ確認してもらえればよかったんですけどね^^; では、
携帯電話からのみ閲覧できない場合は、画像ファイルを別のもの(例えば携帯のカメラで取った写真とか)に差し替えて、再度確認してください。 両方から閲覧できない場合は、images ディレクトリのパーミッションが「本人以外読み取り不可」になっている可能性も考えられますので、そちらも確認してみてください。 ちなみに、PCからアクセスした時に携帯用スキンの mob スキンで表示させるには、URLの最後に
ソースの確認をするだけならこれで十分かと。
携帯電話から閲覧した場合、PCのブラウザのように気軽に「右クリックしてソースを表示」とかできないので、スキン変数が吐き出しているソースをそのまま表示させる為に、<img>タグの外に
ところでFOMAって、1ページ合計100kB超えると表示できなかったりしたと思ったんですが、サイズが大きかったりしませんか? |
||||||||||
|
|
|||||||||||
|
mai 登録日: 2008.06.23 記事: 22 |
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 所在地: 西播磨 |
解りました。手順を説明します。
以上です。 ちなみにここで設定できる項目は、簡単に言うと上から順に
です。 今回はファイルを「mob1」ディレクトリにおいていたのに、この一番下の記述が「mob」となっていた為に、<%skinfile()%>で出力されるURLが見当違いの「mob」ディレクトリを指していたことが原因でした。 |
||||||||||
|
|
|||||||||||
|
All times are GMT + 9 Hours
新規投稿: 不可 Powered by phpBB © 2001, 2002 phpBB Group |
|||||||||||