[Resolved] Social icon block after upgrade to WordPress 6.1

[Fabrizio]

Hi,
I wanted to report that a couple of small issues occurred on my website after upgrading to WordPress 6.1 specifically
with the “Social Icons” block, present in the footer of the website http://www.webzone.it.
In the frontend the icons are no longer aligned on a single line, but this is easily solved by intervening on the css.
The main problem is that with the measurement of the page quality through PageSpeed Insights (which proudly the website could boast a score of 100 on all 4 categories), now the SEO category finds that the links associated with the social icons are not crawlable.

How can I solve?
Thank you
Fabrizio

[Fabrizio]

Screenshot

[Fernando]

Hi Fabrizio,

It’s pointing to the Social Icons in the Off Canvas Menu. How specifically are you adding these social icons? Can you check the URL added?

[Fabrizio]

Hi Fernando,
Thanks for the reply, I checked the url. I reinserted the icons with the exact url again. The icons have been inserted into the theme’s default footer template element, via the Gutemberg editor.
Please see the screenshot

[David]

Hi there,

the theme has no control over those core blocks, we try not to interfere with the CSS that WP applies to them.
But other users have had similar issues after updating to WP 6.1, where the global-styles-inline-css styles that WP dynamically generates is not updated and is missing the new CSS that those blocks require.

Including this, which you can add to your site.

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

Can you try deleting those blocks. Publish the changes. View the front end. Then re-edit and re-add those blocks. Then clear any caches. Hopefully WP should re-generate the newer CSS it requires.
Hopefully

[Fabrizio]

Hi David
I entered the code in the additional css and nothing has changed. But the thing that bothers me deeply is that social links are not crawlable. Basically it is as if the field where the URLs are entered were not filled in.
As reported in the PageSpeed Insights screenshot
fabrizio

[David]

Did you try this?

Can you try deleting those blocks. Publish the changes. View the front end. Then re-edit and re-add those blocks. Then clear any caches. Hopefully WP should re-generate the newer CSS it requires.
Hopefully

When you re-add the blocks you can add the correct links back.

[Fabrizio]

Of course I can insert the link. It is also saved. I also tried to enter without https: // but without success. If you want, I will provide you with the access data to the backend.

[David]

The Social Icons that are missing the URL are the ones in Appearance > Widgets -> Off Canvas.

[Fabrizio]

Sorry my friend, I’m stoned and I wasted a lot of time!

[David]

haha 🙂 – glad you got it resolved !!

[Author]

Posts