プロフィール
プロフィール


【マイルストーン:No8】ご指摘事項の回答

2018年11月7日

文字数が長い時、画像からはみ出て表示される



こちら改修し、テスト環境に反映しました。

文字数が長い場合でも、画像の横幅に収まるように調整しました。画像下の文章も、画像の横幅に収まるように調整しました。
小画像の場合も表示が崩れないようになりました。




画像の間に矢印(→という文字)を挿入したい



ブログシステムの仕様上、どうしても画像の間に文字を挿入することは難しいです。

しかし、「矢印の画像」を用意することで、画像の間に矢印を入れることができます。


▼サンプル
小画像
小画像



◎矢印の画像を作る方法
・Windows「ペイント」ソフトの場合

1. ペイントを開きます
2. 「ファイル」→「プロパティ」を開きます。
3. 「イメージのプロパティ」が開きますので、幅と高さをお好みのサイズに変更します。
4. この時、「高さ」は横に並べる画像(Before、After)と同じ高さにしてください。
5. 「ホーム」→「A」 のアイコンをクリックして、カンバスの中心をクリックします。
6. 文字入力枠が表示されますので、「→」と入力、フォントサイズをお好みのサイズに調整します。
7. ファイルを保存します。

※ただし、中画像を2枚並べる場合は難しいです。
 中画像の最大幅はブログの幅を2等分して、若干スキマができるくらいの
 幅しか持たせていないため、間に1文字でも文章を入れると、
 画像が横に揃わなくなります。



高さの異なる横並びの画像を「上揃え」にする




画像上の文章の「行数」が同じ場合、画像が上揃えになるように改修しました。
ただし、画像上の文章の「行数」が異なる場合は、どうしても高さを調整することができませんでした。


▼改修されたパターン
画像上の文章の「行数」が同じ場合、画像を上ぞろえにできます。画像下の文章は行数が違っていても問題ありません。
ああああああああああああああああああああああああああああああああああああああきききききき



小画像の場合も同様です
小画像の場合も同様です
小画像の場合も同様です




▼どうしても改修ができないパターン
画像上の文章の「行数」が異なる場合、どうしても段ずれしてしまい、改修は難しいです。画像下の文章は行数が異なっても問題ありません。
かかかかかかかかかかかかきききききき





以上、ご確認のほどよろしくお願いいたします。

新規記事登録001(2018/02/06)

犬その1(2018/02/02)

sss