TOP  >  日記  >  なーお  >  サイト管理  >  日記バージョンアップ:画像を本文中に挿入可能に

なーお さんの日記

 
2011
9月 2
(金)
07:57
日記バージョンアップ:画像を本文中に挿入可能に
本文

皆さん、こんにちは。 :-)

既にお気づきの方もいるかもしれませんが、日記のバージョンアップを行い、画像表示を改善しました。

  1. 日記詳細や、各人日記index、画像一覧表示で、画像をクリックするとページ遷移せずLightBoxで開くように改善。 LightBox上では、ページ内の前後の画像を次々に開くことができます。
  2. 日記の画像を、アップロード後に本文に挿入することが可能になりました。 手数は増えますが、今まで日記の説明と画像が離れていたことで少々読みづらい場面もあり説明に工夫が必要でしたが、この手順に従えば一般的なブログと同様に本文の傍に画像を配置できます。
    • まず、今までどおりに本文と画像を投稿しておき、「編集」モードに入ります。
    • 画像が登録されている状態で、
      t_0060b228762072ab142437b28305c328d2.jpg
      本文編集オプションの一番下に「画像の本文挿入操作ブロックの開閉」が出現しますので、そこをクリックすることで挿入操作ブロックが出てきます。
      この操作エリアと、画像の下の「本文挿入画像の選択」を使います。
    • 5,本文挿入画像の選択ラジオボタンをONする。
    • 1,BBcodeの「img」「siteimg」、「html」のなかから、有効なタグを選択します。 基本的に「siteimg」タグで挿入しておけば問題ないでしょう。
    • 2,画像添え書きも本文に追記する場合、チェックを入れます。添え書きはこの操作の際に書かれた内容で挿入され、以後の添え書きの修正は同期されず反映されませんので、その都度本文も修正が必要です。
    • 3,画像挿入パターンを選択すると、本文にタグが挿入されます。 上段はサムネイルを表示しクリックで拡大する場合に使用し、下段は画像サイズのまま表示の場合。 通常は上段のサムネイル方式を使います。
    • 4,clearfloatタグ(文字の回り込み解除)を挿入 で、回り込みを一旦解除可能です。複数画像をアップする場合は、適宜挿入してください。

t_018204d21a94628ff1bdf44052ffbdfac8.jpg
画像が本文に挿入表示されました!
この挿入されたタグは、掲示板にコピペすることで掲示板上でも表示が可能です。

    • 画像の添え書きは、画像一覧表示なので有効なので、従来通り記載しておくと見やすいです。

以上、秋のオフ会を前にそろそろ作品登録が増えてくると思いますので、どうぞご活用ください。 ;-) もちろん既存記事も同様の手順で編集できます。
なお、この内容はメンバー限定掲示板の日記の使い方スレッドにも書いておきます。

閲覧(6756)

コメント一覧

たてちゅう  投稿日時 2011/9/2 15:01

バージョンアップお疲れ様です!

コンテスト用のが完成しましたら
日記トライしてみます!

新しくコメントをつける

題名
ゲスト名
投稿本文
より詳細なコメント入力フォームへ

ログイン

E-mail

パスワード:



パスワード紛失

新規登録

携帯アクセス

QR_Code.jpg
http://bit.ly/dDcMxt (www.enbisp.com)

画像表示

なーお さんの日記 [ランダム画像]

クリアミント2録音
自室の状況 ...

オフ会2015選曲
Fourplay Fourplay より Max-O-Ma...

オフ会2014選曲
チャイコフスキー バレエ組曲 くるみ割り人形 作品71a ...

stereo誌付録スピーカーの特性(暫定)
PW80とPT20各単体、スターに取り付けての軸上1mのS...

stereo誌付録スピーカーの特性(暫定)
US-144MK2 ループバックテスト、単一sin波でのノ...

オフ会2011向け選曲
みにくいアヒルの子 ...

投稿者

なーお さんの日記
アクセス数: 1186651 



カレンダー

«前の月次の月»
123
45678910
11121314151617
18192021222324
252627282930

新着コメント