キーワード検索

テクニカルサポートからの重要なお知らせ

ブログ記事に挿入する画像サイズを変更する

BiND Pressの記事内に挿入する画像について、挿入した時点で自動で、ブログ記事側で設定されている画像サイズに変換されて表示されます。

ページ名「template.detail」を変更すると、ブログテンプレートが認識されず、ブログの編集ができません。ページ名は変更されないようご注意ください。

デフォルトのブログ記事の場合
040709-01.png

プレーン2段組の場合
040709-02.jpg

上記の画像サイズは、「template.detail」内で、該当ブロックのサイズの編集を「SiGN Pro」で行うことで、そのブログコーナー内の全記事に反映されます。ここでは、画像のサイズ変更方法をご案内いたします。


編集するブロックを開く


サイトエディタ画面を開き、設定したいブログコーナーの「template.detail」をクリックします。
040709-03.jpg

ブログ記事のブロックの〈編集〉をクリックします。
040709-04.jpg

〈エディタモード〉をクリックします。
040709-05.jpg

ブログ記事の編集が可能な画面になりました。
040709-06.jpg

エディタモードに変換後は、スマートモードに戻せません。またブログ記事を構成するタグを直に編集できるようになります。誤った編集をすると、ブログ記事のレイアウトが崩れる原因となりますのでご注意ください。

画像サイズを変更する

画像を選択した状態で〈編集〉をクリックします。 040709-07.jpg

SiGN Pro編集画面が表示されますので、左上の〈幅×高さ〉をクリックします。
040709-08.jpg

幅と高さの間のマークをクリックすると、縦横比率に影響されず、数値を指定可能です。

040709-080s.jpg

表示させたいサイズを選択し、〈OK〉をクリックします。
040709-09.jpg
右下の〈完了〉をクリックし、ブロックエディタに戻ります。
040709-10.jpg
ブロックエディタ画面で〈適用〉をクリックし、サイトエディタ画面に戻ります。
040709-11.jpg
次に、サイトエディタ右上のアイコンから〈サイト全体を再構築〉をクリックします。
040704-09.jpg


ブログコーナーのデザインは、再構築することで他のページに反映されます。

サイトをアップロードし、設定した画像サイズが適用されたことを確認します。
040709-12.png

記事投稿画面では、サイトエディタ側で表示されている画像サイズ内でのトリミングも可能です。040709-13.jpg


ひとつのブログコーナー内の各種ブログ記事は「template.detail」ページ内のデザインを元に構築される為、ひとつのブログコーナー内の記事デザインは、画像サイズも含めすべて統一されます。
異なる画像サイズを設定されたい場合は、別途ブログコーナーを作成していただきますようお願いいたします。


------------------

※なお、複数画像の挿入時、上記で指定した画像サイズ内に設定する手順とは別に、「記事エディタ画面で「本文」内に画像を設定」することで、画像間の改行によるスペースを反映させることも可能です。

© digitalstage Inc.