About Article Image Element
The Article Image Element is primarily used within the Article List Element to showcase article thumbnails or featured images.
This element helps in creating visually appealing article lists, enhancing the overall user experience. It can also be added to individual article pages, though it is less commonly used in that context.
The article image element can only be used when placed within the article list element.
Article Image Element Settings
The Article Image Element includes several customization options to suit your design and functionality needs:
After Click
Choose from 2 Options:
- Go to Article: Clicking on the image redirects users to the full article page.
- None: The image does not perform any action when clicked.
Size
Proportion: Choose how the image is cropped or displayed:
- Square: Equal width and height.
- Vertical: Taller than it is wide.
- Horizontal: Wider than it is tall.
- Original: Keeps the image’s original aspect ratio.
- Custom: Manually adjust the width and height.
Width and Height: Set precise dimensions for the image in pixels.
Image Scale
Determine how the image fits within the defined size:
- Fit Image: Ensures the entire image fits within the size, maintaining its aspect ratio.
- Fill Image: The image will fill the set size, possibly cropping some parts to fit.
Align
Align the image Left, Center, or Right to match the layout design of the parent container or element.
SEO
- Alt Text: Provide a description of the image for accessibility and SEO. This text is displayed if the image fails to load and helps search engines understand the content.
- Image Title: Add a tooltip that appears when a user hovers over the image, giving additional context or information.
