エントリーごとに任意の「関連エントリー」を設定できるようになりました。今回は校正オプション「resizeImg」機能と合わせて、「お知らせ」カテゴリーの記事に最適サイズの画像が載っている「関連エントリー一覧」を作ります。「関連エントリー」のチェックボックスにチェックを入れます。任意のエントリーを選び、エントリー編集画面を開きます。「関連エントリー設定」タブが表示されるので、入力欄にキーワードを入れて現在編集しているエントリーと関連付けたいエントリーのタイトルを選択してください。登録した関連エントリーは、下記のピンクの線で囲まれたハンドルをドラッグアンドドロップすることで表示順を変更することができます。右の「確認」ボタンをクリックすることで、実際にそのエントリーのページに移動して内容を確認できます。ハンズオン課題2:表示用モジュールの設置エントリー編集画面で設定した「関連エントリー」はEntry_Summaryモジュールで表示できます。ここでは、関連エントリーを表示するためのEntry_Summaryを作成します。モジュールIDを作成する管理ページ>モジュールIDに移動し、関連エントリーを表示するためのモジュールIDを作成します。以下の設定が必要です。モジュールIDは「summary_related」と命名します。関連エントリーはサイト全体から選択できるので、階層の設定をしておきましょう表示設定モジュールIDの設定の「関連エントリー」にチェックをつける以上で、関連エントリーの紐付けと表示のためのカスタマイズが完了しました。テンプレートを作成する1.で作成したモジュールID用のHTMLファイルを作成します。複製し、「summaryRelated.html」にリネームしてください。テキストエディタで開き、1行目にモジュールID「summary_related」を記述します。内に2.で作成したテンプレートファイルを読み込みます。-->エントリー(詳細ページ)に関連エントリーが表示されていれば完了です。cmsでは、Entry_Summaryなどにメイン画像を表示させる場合、CSSを使ってサイズや縦横の比率を変更していました。実装された校正オプション「resizeImg」を使えば、画像そのもののトリミングやサイズ変更が可能になります。校正オプション「resizeImg」はアップロードした画像を指定したサイズに自動でトリミング(切り抜き)・拡大をしてくれます。テキストエディタで開きます。部分が校正オプションです。デフォルトでは120px四方の画像が生成されるようになっています。初期状態では120px四方の画像が生成されます。画像サイズを200px四方に変更しましょう。-->ブラウザを再読み込みすれば、画像サイズが変更されます。