удалить элемент привязки вокруг изображений Wordpress с помощью фильтра (или jquery)

Question

У меня есть такой элемент привязки:

<a href="/link-to-image/" rel="attachment wp-att-7076"><img src="/uploads/img.jpg" alt="" title="" width="1268" height="377" class="alignnone size-full wp-image-7076" /></a>

(Это стандартный способ Wordpress вставлять загруженные картинки в сообщение.)

Я хочу удалить привязку вокруг элемента изображения, но сохранить изображение. Я просто хочу, чтобы изображение отображалось без кликабельности.

Это может быть сделано либо с фильтром для содержимого сообщения в Wordpress, либо после загрузки страницы с помощью JavaScript Фильтрация в Wordpress будет предпочтительнее. Я понятия не имею, как сделать любой из этих двух вариантов.

Answer 1

Найдите полезный код здесь :

Попробовал, но вызвал неверный код.

Ваш код в ../your_theme/functions.php будет выглядеть так:

function remove_anchor($content) {
    // the code for removing the anchor here
    $content =
        preg_replace(
            array('{<a(.*?)(wp-att|wp-content\/uploads)[^>]*><img}', '{</a>}'),
            array('<img',''),
            $content
        );
    return $content;
}

// then use WP's filter/hook system like this:
add_filter('the_content', 'remove_anchor');

Answer 2

Зайдите в папку вашей темы WP, отредактируйте файл «functions.php». Добавьте код так:

function remove_anchor($data)
{
    // the code for removing the anchor here

    // (not sure if you need help there, too).  

    // you will work on the $data string using DOM or regex
    // and then return it at the end


    return $data;
}

// then use WP's filter/hook system like this:
add_filter('the_content', 'remove_anchor');

add_filter означает, что каждый раз, когда отображается сообщение, вызывается функция remove_anchor.

jQuery, вероятно, проще, вам просто нужно идентифицировать изображения, а не делать их кликабельными (это не проверено)

$(document).ready(function()
{
    $('#post a.some-class-name').click(function()
    {
        return false;
    }
});