記事 1 へのレス：
>>0
CSSやHTMLを見てないので断言はできないですが……
たぶん、横幅（width）の指定がCSSでされてないのだと思われます。
【表紙画面編集】内で、画像部分を以下のように書き換えてみてください。
━━━━━━━━━━
<img class="top" src="##IMAGE_DATA_3_URL##" style="max-width:100%">
━━━━━━━━━━
本当は全体をデザインしているCSSを直す……のが根本的な解決となるんですが、画像がこれ１つだけなら上記の方法（インラインスタイルシート）で局所的に指定したほうが、ちゃちゃっと終わるし分かりやすいかと。
なお書き足したのは「style="max-width:100%"」の部分で、これで「画像の最大横幅を、親要素の横幅と同じにする」という指定をしています。
思うにテンプレの配布元サイトさんではデフォルトCSSを有効にしていて（ALICE+のデフォルトCSSには全画像に対し「style="max-width:100%"」の指定があります）、
一方>>0 mm.さんはALICE+のデフォルトCSSを無効にされている（＝「style="max-width:100%"」の指定がない状態）のだと思います。
この「style="max-width:100%"」有無のせいで、表示に差異が生まれている可能性が高いです。
上記をやっても配布元さん同様の表示にならないなら、別の理由……CSSを書く場所に誤りがあるとか、HTMLにミスがある（必要な記述を消してしまった、など）といったことが考えられます。
その場合、HTML・CSSを見ないことには問題箇所の特定は困難です。
**おまけ**
「他にも画像を使うから、根本的に解決したい！」というときはCSSのなるべく始めの行（１行目とか）にこう書きます。
━━━━━━━━━━
img{max-width:100%;}
━━━━━━━━━━
「max-width（最大横幅）」を使ってこう書くと、画像の横幅を親要素の横幅100%までに制限します。
「width（横幅）」でなく「max-width（最大横幅）」で指定するのは、前者だと親要素の横幅よりも小さな画像を使ったとき、親要素の横幅に合わせて画像が横に伸びてしまうからです。
一方「max-width（最大横幅）」であれば、指定の最大横幅未満の画像は、画像そのものの横幅で表示が可能……となります。
ちなみに親要素というのは>>0の例で言うと、画像を入れている「<div class="">〜</div>」または「<section class="">〜</section>」といったものです。
画像を入れている箱、みたいなものとご想像ください。
箱に入れる画像が箱より大きいとき、画像は箱を突き破って表示されます。それが>>0の状態です。
スタイルシートで「画像は、箱の幅に合わせて縮小しなさい」と指定してやると、箱から飛び出さずに済む……というわけです。