Alt output and homepage image size

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

Problem:

I need to confirm if the ALT attribute (alt='%%ALT%%') correctly outputs the ALT text for images in Toolset Views. Additionally, I want to ensure that the featured image displays at the correct size and does not appear larger than necessary in Google Console.

Solution:

The ALT attribute (alt='%%ALT%%') is correctly set if used within a Toolset View. To control the image size, use the size attribute in [wpv-post-featured-image] with predefined values like 'thumbnail', 'medium', 'large', or 'full'. You can also define custom dimensions using size='custom' along with width and height parameters to ensure proper scaling and cropping.

Relevant Documentation:

https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#vf-153425

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Este tema contiene 1 respuesta, tiene 1 mensaje.

Última actualización por JorgeE7101 1 year, 3 months ago.

Asistido por: Christopher Amirian.

Autor

Mensajes

February 21, 2025 at 6:07 pm #2797561

JorgeE7101

Hello. I have the following code:

<article id="[wpv-post-id]">  
<div class="card">
<em><u>enlace oculto</u></em>
<div class="card-body">
<div class="post-taxonomy-terms"><div class="d-inline">[wpv-view name="category-term-grid-home" limit="1" orderby="name"]
</div>
</div>
<h2 class="card-title">[wpv-post-link]</h2><em><u>enlace oculto</u></em>
</div>
</div>
</article>

I have two questions about with this code.

1- Is the alt code correct to output the alt field? (alt=’%%ALT%%’)

2 - How can I make sure the image showing is the correct size and not bigger than it should? Because the intrinsic size in the Google console is always much bigger than the rendered size.

Please make this topic private.

Thanks.

February 23, 2025 at 9:02 am #2797800

Christopher Amirian

Colaborador

Idiomas: Inglés (English )

Hi,

Welcome to Toolset support. The ALT tag content is added correctly if you are talking in the context of using the code in a view.

Regarding the image size, according to the documentation below the size attribute takes items as below:

'thumbnail' (default) | 'medium' | 'large' | 'full' | 'custom'

https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#vf-153425

So you need to use one of the values above.

Examples:

[wpv-post-featured-image size="medium" raw="false"]
 
[wpv-post-featured-image attr="class=my-custom-class"]
 
[wpv-post-featured-image size='custom' width='300' height='200']
 
[wpv-post-featured-image size='custom' width='300' height='200' crop='true' crop_horizontal='right' crop_vertical='bottom']

Thanks.

February 23, 2025 at 9:32 pm #2797858

JorgeE7101

Thanks Christopher. All solved.