ブログのカバー画像は上部と下部でカットされています

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• ブログ記事の表紙として画像をアップロードした後、公開後はその画像が上下ともにカットされて表示されます。 同様に、左の商品メニュー > コンテンツ > ブログ > 画像に存在する同じ画像もカットされます。

環境への配慮

• ライフレイDXP 7.0

決議

• 1) この行をオーバーライドします。 https://github.com/liferay/liferay-portal/blob/7.0.x/modules/apps/collaboration/blogs/blogs-web/src/main/resources/META-INF/resources/blogs/edit_entry.jsp#L146 から draggableImage="vertical" から draggableImage=" チュートリアル OSGi フラグメントを使った JSP のオーバーライド) に従ってください。
  
  2) カスタムテーマを通して、このCSSセレクターの background-size: cover を background-size: contain に変更する（または完全に削除する）。
  

  .portlet-blogs .entry-body .cover-image-container {
  }

追加情報

• 上記はサポートされていない提案に過ぎず、現在のDXPの動作が特定のパターンに従うことでまだ変更される可能性があることを示すためのものです。 これについては、ご自身の判断で進めてください。
• 修正の主な出発点はこのフォーラムの投稿です。 Liferay 7ブログの表紙画像の寸法問題
• 現在の動作はDXPではデフォルトのものであり、直接の設定やプロパティにはそれを活用できるものはありません。 この選択はウェブデザインに関連しています。つまり、DXPがブログのメインイメージを「バナー」の形で表示することで、ブログをより目立たせ、ブログの内容そのものを視覚的に強調することができます。