下書き機能がナイってのは、個人的には使いづらいなーと思っとりますw 記事をいっぺんに書かなならんからねw
さて、結局昨日は続けなかった訳ですが、今日は続きを書こうと思うよ。
サムネ表示について。今日もめちゃくちゃ長いよ!必要無い人は読まなくておkw。
今回は具体的にやり方書きます。前記事で紹介した三種類の画像のうち
T.記事自体に登録される画像
について。
先にこの画像の特徴を挙げておきます。
・始めにブログのhtmlをいじる必要がある。
・ひとつの記事にひとつしか画像を上げられない。(Vと組み合わせれば複数登録できる気もするけどその話はまた今度。)
・毎回独自タグの書き込みが必要。
・サムネ表示、オリジナルサイズでの表示、画像リンクのみの表示のうち、どの表示にするかを毎回記事ごとに選べる。
てとこです。
画像の表示方法は自由に選べる代わりに、テンプレ編集(html)が必要になります。ま、難しい操作ではないので少し注意すれば誰でもできます。
まず、この方法で何故テンプレ編集が必要かという話ですが。
テンプレをいじったことのある方はここら辺の話はすでに分かっている話だと思います。
とりあえずやってみれば分かるかと思うので、時間のある方は以下のような実験をしてみてください。
まずは、いつも通り記事を書きます。
その記事の好きなところに、独自タグ「##entry_img_s##」を入れてみてください。
※注意!
この記事で表示している独自タグは#(ナンバー半角)を#(ナンバー全角)にしています。ので、これをコピペしても使えません。ここから使う時は#(全角)から#(半角)に直してください。また、♯(シャープ)ではないのでこれも注意。
そして、画像を投稿します。
(PCなら「画像を一緒に投稿する」、携帯なら「[5]保存する」の後の「記事画像のアップロード」でメール送信、もしくはメール投稿の記事に画像を添付して投稿)
最後に、記事を保存します。
保存までしなくても、プレビューでも確認できるかと思いますが、自分で独自タグを入れた部分の他にもう一枚、(おそらく記事の一番最初か一番最後に)同じ画像が表示されていないでしょか?
これが、テンプレ編集が必要な理由です。
テンプレが初期設定のままだと、今回のやり方で登録した画像をどこに表示するかという指示がすでにテンプレのhtmlに組み込まれている場合がほとんどだと思います。
そのため、その指示を消さないことには、記事に独自タグを書きこんだ場合画像が毎回二つ表示されてしまうということ。
なので、テンプレのhtmlに組み込まれている画像表示指示のタグを消してしまいましょう。
PCの場合は「デザイン設定」の【Myテンプレ管理】から、今使っているテンプレ(☆がついているテンプレ)の【編集】(鉛筆マーク)を選択。
(PCからテンプレ管理(モバイル)を編集するときは「1記事表示」を選択)
携帯の場合はマイページから
「[1]ブログ」の【[3]デザイン設定】
「ブログに使用中のテンプレ」の【
編集する】
「[7]上級者カスタマイズ」の【1記事ページ】
と、順番に進みます。
そうすると現れるのがhtml。編集するのは「ボディ」のhtml。
この中に、画像を表示させるタグが入っているのでそれを探します。
よう分からん英数文字の羅列ばかりですが、ここで目印となるのが日本語表記されている文字。
結局はブログのデザインを表しているタグの羅列なので、日本語を目印にして全体をみると、なんとなくどの部分を今自分が見ているかわかる…と思います。
タグも、意味の分かる単語を読んでみると、そのタグが何を示しているかがなんとなく分かります。
ま、タグが分かろうが分かるまいが、(分かった方が探しやすいけど)やることは一緒。
よく探すと
##entry_img_link([画像])##
##entry_img_s##
##entry_img##
のうちどれかがどこかにあるはず(`・ω・´)探しましょう。
画像を表示するためのタグは一つだけ。複数はないはずです。目標はentry_imgの文字。
記事上で画像が勝手にサムネ表示された人は二つ目のsのついてるタグがあるはず。
探す参考までに
##entry_body##
のタグが、記事本文を表示しなさいという意味のタグなので、勝手に表示された画像が本文の前にあった人はこのタグの上を
本文の下に表示されていた人はこのタグの下を探してみてください。
さて、そしてentry_img関係のタグが見つかったら、あとはこれを消すだけ。
ただし、ここが一番注意どころですが、間違って良く分からないタグまで消さないようにしてください。
よくわからないタグを良く分からないまま消すと、ブログの画面がちゃんと表示されなくなる可能性があります。
わけもわからず色々消してしまわないよう、注意してください。
また、もし間違って良く分からないタグを消してしまった場合は編集をやめて、保存をしない。
もし保存までしてしまった場合は、また改めてテンプレをストックし、そのテンプレにデザインを変更すれば大丈夫だとは思います。
ということで、注意しながら目的のタグを消去。
これが完了したら、半分くらいやることは終了。
このhtmlから必要なタグを消す作業。パソコンのテンプレと携帯のテンプレ両方に対してやる必要があります。
それはもちろん、PCのテンプレと携帯のテンプレがそれぞれ設定が異なっているため、それぞれ独立してhtmlを持っているから。
だから、例えばPCのhtmlを直した状態で画像を挙げると、PC版ではちゃんと画像が一つになるのに、携帯から見ると画像がふたつになってる
ということもあり得ます。
なので、PCテンプレも携帯テンプレも、忘れず両方編集しましょう。
どちらも「デザイン設定」から編集できます。
そうして、PCと携帯両方の編集が終わったらやることはほぼ完了!
あとは、記事の画像を挟み込みたい所に独自タグを入れ
この記事の始めに説明した方法
(PCなら「画像を一緒に投稿する」、携帯なら「[5]保存する」の後の「記事画像のアップロード」でメール送信、もしくはメール投稿の記事に画像を添付して投稿)
で記事と一緒に画像を投稿すればおk。
ちなみにその、記事に書きこむ独自タグはさっきも紹介したタグのいずれか。
@##entry_img_link(リンクにしたい言葉入れる)##
A##entry_img_s##
B##entry_img##
それぞれ
@画像のリンクだけ貼り付ける
A画像のサムネイル表示
B画像をオリジナルサイズで表示
という意味のタグです。お好きなものをお使いください。
さぁ、これでサムネイルを文章に挟んだ記事が書けるはずです。
最後に、今回の方法での注意をもうひとつ。
htmlをいじって画像表示の指示をしているタグを消しましたが、それはつまり、記事を書く時に自分で画像表示の独自タグを入れないと画像が表示されなくなるということです。
なので、いままでは独自タグなんて記事に書きこまなくても画像が表示されたけど、今回のようなhtml編集をした場合、独自タグを書きこまなかった記事には、たとえ画像を一緒に投稿していても自動では画像が表示されないということです。
つまり、画像を一緒に投稿する時は毎回独自タグを入れる必要がある、ということ。
またおそらくですが、過去に独自タグを書かずに挙げていた記事の画像も、html編集することで表示されなくなると思われます。ので、過去の画像を表示させておきたい場合は過去の記事を一つずつ編集しないといけない、ハズ。
デメリットもありますがそのかわり、独自タグの種類を変えることで、リンクだけにするのかサムネにするのか、オリジナルサイズにするのか毎回自分で選ぶのは利点だと思います。
長くなりましたが(ホントにな)タイプTとして、よろしければお試しください。
(html改造の責任は各自でよろしくお願いします(´ω`)わしも詳しいことはわからんけん)
さーて、あと二通り。せっかく書く気になったから、あと二通りもちゃんと書こうと思いますw
これが誰かの役に立つのかはなはだ疑問だが。ま、自己満足のためにww
ども、お疲れ様でした。
最近のコメント