差分

このページの2つのバージョン間の差分を表示します。

--- activities:management:edit-image [2021/08/31 15:00]
Staff_Ujiie [２）位置]
+++ activities:management:edit-image [2021/09/11 17:58] (現在)
Staff_Ujiie [２）位置]
@@ 行 14: / 行 14: @@
 **リンク先に画像のみ**
 {{ :activities:management:var_1000-0750_4_3.jpg?direct&600 |Click me!}}
-**リンクのみ**
+**リンクのみ表示**
 {{ :activities:management:var_1000-0750_4_3.jpg?linkonly }}
@@ 行 23: / 行 23: @@
 \\
 ==== ２）位置 ====
-表示位置設定のちがいによる実際の表示の状況とテキストとの位置関係を確認（画像はSサイズ）
-**指定なし**
+表示位置設定の違いによる実際の表示の状況とテキストとの位置関係を確認（画像はSサイズ）
-{{:activities:management:var_1000-0750_4_3.jpg?nolink&200|}}編集画面で画像ファイル名に続けて書いた文章は、このように画像の真ん中あたりから表示されるが、ページの右端を超えると、画像の下の行に続いていく。画像ファイル名の直後で改行して文章を書くと、画像の下の行から始まる。
-**左寄せ**
-{{:activities:management:var_1000-0750_4_3.jpg?nolink&200 |}}画像の右側は通常の文章エリアとなるため、文章の左側に画像を挿入した形になる。段落の切り替え、改行等通常の文章のまま表示される。以下ダミー文字％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％\\
-％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％
-**中央**
+**指定なし** {{:activities:management:var_1000-0750_4_3.jpg?200&nolink}}編集画面で画像ファイル名に続けて書いた文章は、このように画像の真ん中あたりから表示されるが、ページの右端を超えると、画像の下の行に続いていく。画像ファイル名の直後で改行して文章を書くと、画像の下の行から始まる。
-{{ :activities:management:var_1000-0750_4_3.jpg?nolink&200 |}}特に改行等を行わなくとも画像の両脇は空欄になり文章は入らない。
-**右寄せ**
+**左寄せ** {{:activities:management:var_1000-0750_4_3.jpg?200&nolink }}画像の右側は通常の文章エリアとなるため、文章の左側に画像を挿入した形になる。段落の切り替え、改行等通常の文章のまま表示される。以下ダミー文字％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％\\  ％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％％
-{{ :activities:management:var_1000-0750_4_3.jpg?nolink&200|}}画像は右端に寄り、左寄せの場合とは逆のレイアウトになる。文章の量が多ければ左寄せと同様に感じられるが、文が短かったり途切れている場合でも画像は右端なので、中央にスペースが空くことがありえるので注意が必要。\\
-以下ダミー文字＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄
-\\
-※1.左寄せと右寄せを選択した場合で、まわりの文章が少ない場合に、画像が次の段落まではみ出して非常にみっともない見た目になることがあります。編集画面でわからずにプレビューしてはじめて気がつきますが、この場合適当に改行を繰り返して次の段落の表示位置を下に下げるしかなさそうです。
-※2.画像の表示設定と文章の位置関係は、PCとモバイルとで意図していないような見え方になることがあるので、怪しいときは確認したほうがよいでしょう。
+**中央** {{ :activities:management:var_1000-0750_4_3.jpg?200&nolink }}特に改行等を行わなくとも画像の両脇は空欄になり文章は入らない。
+**右寄せ** {{ :activities:management:var_1000-0750_4_3.jpg?200&nolink}}画像は右端に寄り、左寄せの場合とは逆のレイアウトになる。文章の量が多ければ左寄せと同様に感じられるが、文が短かったり途切れている場合でも画像は右端なので、中央にスペースが空くことがありえるので注意が必要。\\  以下ダミー文字＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄ \\
+※1.左寄せと右寄せを選択した場合で、まわりの文章が少ない場合に、画像が次の段落まではみ出して非常にみっともない見た目になることがあります。編集画面でわからずにプレビューしてはじめて気がつきますが、この場合適当に数行分改行記号「%%\\ %%」を挿入してスペースを作って、次の段落にぶつからないように調整するしかなさそうです。開いているブラウザの幅によってはそれでも画像が回り込んでくることもあるのですが、対応しきれない部分が出てきます。
+※2.画像の表示設定と文章の位置関係は、PCとモバイルとでも意図していないような見え方になることがあるので、怪しいときは確認したほうがよいでしょう。
 \\
 ==== ３）イメージサイズ ====
 画像の表示サイズ設定の違いによる、ページ中に占める面積の違い（ファイルサイズはサンプル画像(.jpg)の参考値）
 ** S:**(200 × 150px: 5.6KB){{ :activities:management:var_1000-0750_4_3.jpg?nolink&200 }}
 **M:**(400 × 300px: 14.1KB){{ :activities:management:var_1000-0750_4_3.jpg?nolink&400 }}

ふたつぼし inside

ユーザ用ツール

サイト用ツール

差分

ページ用ツール