Social media icons are overweight and open in a new window Editorial

1

The social network icons located in the header are not hidden and convey weight.
In addition, clicking on them you go to the same browser window.
I tried to change this: /user/themes/editorial/templates/partials/social.html.twig

<ul class="icons">
    {% for item in theme_config.social %}
    {% if item.icon != "mastodon" %}
        <li><a href="{{ item.url }}" class="icon brands fa-{{ item.icon }}" title="{{ item.name }}" rel="nofollow" target="_blank"><span class="label">{{ item.name }}</span></a></li>
    {% else %}
        <li><a href="{{ item.url }}" rel="me" class="icon brands fa-{{ item.icon }}" title="{{ item.name }}"><span class="label">{{ item.name }}</span></a></li>
    {% endif %}
    {% endfor %}
</ul>

I may not have done it very gracefully or beautifully, but it works.

2

You shouldn’t edit theme files directly. You will loose these changes on every theme update. Check how to create a child theme

1 Like
3

I don’t quite understand what you mean by this.

In the next version of the Editorial theme, I will implement this option, to be able to open the links in the same window or in a blank window.

1 Like
4

@RobotWerter. You can try the GitHub version of the Editorial theme (upcoming version 2.2.3). I have included the target option in the social icon links.

1 Like
5

Sorry for my bad English.
I just added this:
rel=“nofollow”

6

@RobotWerter, the new version is ready to use and includes the target tag to social media icons
and rel=nofollow attribute to improve SEO in some templates, but not on the header social media icons.

1 Like
7

:+1: greatly news. I plan to update the topic tomorrow. In the meantime, I continue to study it. I am really looking forward to the implementation of the company description according to the requirements of schema dot org)