文章入力欄に画像挿入が可能になりました

文章入力欄にはかねてよりアイコンが挿入できました。
今回の更新でこれに加え、画像の挿入が可能になりましたので、ここで使い方・利用例について説明します。
やれることの選択肢が膨大に増えた影響度の高い更新ですので、ぜひお目通しください。

何ができるのか

利用例

文字列の入力欄に、画像が追加可能となりました。例えばこんなことができます。

見出しに写真でアイコンを付ける

ボタンのラベルに画像テキストを利用する

画像ブロックを使わずに文章に画像を載せる。

吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。

表のセルに画像を入れる
春は、あけぼの。やうやう白くなりゆく山ぎは 少し明りて紫だちたる雲の細くたなびきたる。
夏は、夜。月の頃はさらなり。闇もなほ。螢の多く飛び違ひたる。また、ただ一つ二つなど、ほのかにうち光りて行くもをかし。雨など降るもをかし。
秋は、夕暮。夕日のさして、山の端(は)いと近うなりたるに、烏の寝どころへ行くとて、三つ四つ、二つ三つなど、飛び急ぐさへあはれなり。まいて雁などの連ねたるがいと小さく見ゆるは、いとをかし。日入り果てて、風の音、虫の音など、はたいふべきにあらず。
冬は、つとめて。雪の降りたるはいふべきにもあらず。霜のいと白きも、またさらでも、いと寒きに、火など急ぎ熾して、炭もて渡るも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、火桶の火も、白き灰がちになりて、わろし。
2019/07
12345
6
789101112
13
141516171819
20
212223242526
27
28293031
カレンダーに画像を入れる
  • 2019/7/2
    お知らせに画像を入れる
  • 2019/7/1
    お知らせに画像を入れる


画像の上に画像を入れる

トーナメントに画像を入れる

    • ライジング・サンズ
    • キューティー・ドッグス
    • チャンピオンズ
    • シーズン・フラワーズ
  • 女性(29歳)
    東京都
    口コミに画像を入れる

    吾輩は猫である。名前はまだ無い。
    どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。
  • Q.よくある質問に画像を入れて説明を補足する
    A.吾輩は猫である。名前はまだ無い。
    どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

利用対象ブロック

  • 文章
  • 見出し
  • 箇条書き
  • 2列箇条書き
  • テーブル
  • ボタン
  • 画像(新仕様・旧仕様)
  • 動画
  • カレンダー
  • 地図
  • サイト名・ロゴ
  • お知らせ
  • ファイル
  • 出欠表
  • よくある質問
  • トーナメント
  • リーグ表
  • 試合結果
  • 会話・口コミ
  • 時系列
  • その他(ブログ表示・宿泊予約への誘導・買い物カゴボタン・商品表示・メニュー・物件表示・サロン予約への誘導・開閉ボタン・お客様の声表示・Wikiのボタンラベル)

画像の部分装飾

挿入した画像は、部分装飾により以下のようにサイズ・左右中央揃え・形・フィルター・枠を設定して装飾ができます。

サイズ

左右中央揃え

100px

200px

10~800pxで設定できます。

左寄せ。文章が回り込みます。左寄せ。文章が回り込みます。左寄せ。文章が回り込みます。左寄せ。文章が回り込みます。左寄せ。文章が回り込みます。左寄せ。文章が回り込みます。左寄せ。文章が回り込みます。

中央寄せ。左右に文章が設置できなくなります。中央寄せ。左右に文章が設置できなくなります。

右寄せ。文章が回り込みます。右寄せ。文章が回り込みます。右寄せ。文章が回り込みます。右寄せ。文章が回り込みます。右寄せ。文章が回り込みます。右寄せ。文章が回り込みます。右寄せ。文章が回り込みます。右寄せ。文章が回り込みます。

元画像

正方形


ラグビーボール・葉・タル・ドア・グラス・りんご、も設定できます。

フィルター

モノクロ

セピア

反転
明るめ・暗め・濃いめ・薄め・ぼかし、も設定できます。





影(下)
枠の色違い・太さ違いも設定できます。

使い方

画像の挿入

文章入力欄への画像の挿入は、これまでのアイコン挿入と同じ手順で簡単です。

1.
対象ブロックの文字入力欄で、入力中ににShift(またはCtrlまたはAlt)を押しながら入力欄のクリックすると、「アイコン・画像の挿入」ウィンドウが表示されます。


アイコン・画像挿入は別の方法でも実行できます。
入力欄を1秒間長押しすると「アイコン・画像挿入」ボタンが表示されます。 アイコン・画像を挿入する位置でボタンを押すと「アイコン・画像の挿入」ウィンドウが表示されます。




2.
「アイコン・画像の挿入」ウィンドウで、「画像アップ」「URLから」「画像集から」ボタンから画像を追加し、「アイコン・画像を挿入」を押すと画像が挿入されます。
画像はボタンから再度追加して差し替えができます。また画像欄に表示されたプレビューの右上の「×」で除外できます。

画像の部分装飾

文章入力欄に挿入した画像の部分装飾は、文字の部分装飾と同じ手順で簡単です。

1.
挿入された画像を押すと画像が選択されるので、もう1度画像を押すか、表示される「部分装飾」ボタンを押すと「部分装飾(画像)」ウィンドウが表示されます。






2.
部分装飾は文字と画像とで異なります。
「部分装飾(画像)」ウィンドウでは、サイズ・左右中央揃え・フィルター・形・枠・代替テキストが設定できます。 変更後の画像は上の「プレビュー」欄で確認ができます。「リセット」ですべての装飾を除外できます。
終了したら、下部の「装飾を適用」を押して装飾を反映させるか、「キャンセル」ボタンで装飾を破棄します。

2019/7/2