MediaWiki:Common.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

$(document).ready(function() {
    // Находим все таблицы с классом .standard-link
    $('.standard-link').each(function() {
        // Проходим по всем строкам таблицы
        $(this).find('tr').each(function() {
            // Находим все ячейки в строке
            var imgCell = $(this).find('th');
            var textCell = $(this).find('td');

            if (imgCell.length && textCell.length) {
                // Оборачиваем контент ячеек в один общий <a> тег
                var link = $('<a></a>').attr('href', textCell.find('a').attr('href')).addClass('standard-link-button');
                
                // Переносим контент ячеек в этот <a> тег
                link.append(imgCell.html());
                link.append(textCell.html());

                // Очищаем ячейки и добавляем в одну объединённую ячейку
                imgCell.html(link);
                textCell.remove();
            }
        });
    });
});

// CSS для стандартной ссылки-кнопки
mw.util.addCSS(`
    .standard-link-button {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #333;
        border: 1px solid #888;
        border-radius: 4px;
        padding: 4px;
        margin: 2px;
        background-color: transparent;
        transition: all 0.3s ease;
    }

    .standard-link-button:hover {
        background-color: #666;
        color: #fff;
        border-color: #fff;
    }

    .standard-link-button img {
        margin-right: 8px;
        width: 48px;
        height: 48px;
    }
`);