メリークリスマスリボン

初級ブログカスタマイズなどweb系知識メモ、Illustratorで作った無料素材を公開

SAB-webカスタマイズ

FC2携帯共有テンプレ 投稿画像をイメージとして自動表示



現在、4つ公開している
FC2携帯共有テンプレートの画像自動表示バージョンです。

ヒゲは世界を救う!・・・・・・・・・・と思いたいヽ(∇⌒ヽ)
の、ヒ・ゲルマニウムさんからの素敵なご指摘がありまして、
なるほど!と思い別バージョンを作りました。ありがとうございます!

問題がなければ近日、公開される予定です。

今までのテンプレートは、
記事内に投稿した画像が、[画像]という文字リンクでしたが、
こちらはそのまま画像が表示されるタイプ
になります。

(※大きい画像は縮小して表示されます。
  携帯のキャリアによって、表示できない画像のファイル形式がありますので、
  画像投稿の際はご注意ください。)

以下、[画像]→イメージとして表示させる方法を簡単にメモします。

FC2携帯テンプレートカスタマイズ
[画像]→イメージとして表示させる方法


ブログ管理画面の、
テンプレートの設定】→携帯用の【テンプレート管理】にて、
作業を行います。

カスタマイズしたいテンプレートを【編集】または【複製】します。
「間違ったら嫌…」という方は【複製】してカスタマイズをお勧めします。


&photo=true っていう変数?

現在、記事投稿画面で画像が、[画像]という文字リンクになっている場合、
&photo=true 】という変数?を足してあげることで
ダイレクトに画像を表示させることができます。

携帯でブログを見た時、
[画像]←と表示されているのは、各記事のページです。
&photo=true 】はどうやら、
&photo=trueをつけたリンクを押すと
[画像]ではなく、イメージとして表示される、といったモノのようです。


●具体例



a href="<%topentry_link><%tail_url>"> <%topentry_title> /a

※↑の場合、記事タイトルをクリックして各記事へ飛んだ場合、
   投稿した画像は、[画像]という文字リンクで表示されます。



a href="<%topentry_link>&photo=true<%tail_url>"> <%topentry_title> /a

※↑&photo=trueを足した場合、
   各記事のページへ飛ぶと、画像がイメージとして表示されるように。



<%topentry_title>=記事のタイトル
・<%topentry_link>=記事それぞれのページURL
・<%tail_url>=携帯ページのプライベートモードの際に必要なURL
・<a href>○○</a>=囲まれている○○がリンクになります(html

詳しくは、FC2ブログ変数一覧をご覧下さい。





どこに&photo=trueが必要?

上で説明したことから、
各記事へジャンプできるリンク、全てに&photo=trueが必要になります。

ザッと、各記事へジャンプできるリンクを確認した結果、



・トップページに表示されている記事のタイトル
各記事内の前へ/次へみたいなボタン
・コメント欄などにある【本文へ戻る】とか書いてあるボタン



結構探すといっぱいあります。
また、これら以外にも各記事へリンクしている部分があるかもしれません、
少なくとも、上に書いた部分は必ずリンクしているものと思われます。


そんなこと言われても、 htmlソース、
ぐちゃぐちゃしてて どこにあるか分からん!


って方がおられると思います(私もそうですが。

私の場合は、

お馴染みのGoogleツールバーを利用して、
図のような感じで、キーワードをハイライトさせて探しています。



キーワードは、
not_permanent_area
※これが表記されている部分より下のところが&photo=trueを足す部分っぽい為

&photo=true
※プレビュー後、間違って変な場所に足してた時の為

次 前 本文へ戻る

※これらの文字がリンクになっている場合は。

あまり多くキーワードを入れると、たっくさんマークされて
逆に分からなくなるので、工夫して使ってみてください。

間違っている部分あるかもしれませんが、今日はこれにて。

こちらもどうぞ 関連エントリー

コメント一覧

コメントを書く

  • 管理人にだけメッセージを送る

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

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

welcome
SAB-webカスタマイズを購読
新着記事を すぐにおしらせ



Comment
データ取得中...
RSSリンクの表示
リンクなど


あわせて読みたいブログパーツ