将内容限制为特定登录用户

Question

我们希望实现限制WordPress中自定义主题的特定内容，只需在页面的正文内容中读取他的用户角色。

我尝试用JS这样做（我知道它不安全），但没有设法获得我们想要的东西。

我们想要实现的是，应该为特定类型的用户（已经设法在HTML页面的主体上设置用户类角色）显示弹出窗体，并在单个选项卡上的“高级”选项卡上导航列出主题的页面，没有登录或不允许这样做而没有支付联盟费用（当然隐藏在后台的内容）

您可以在此处找到页面示例https://golfrevo.it/struttura/circolo-golf-e-tennis-rapallo/以及下面标签的屏幕截图

这是我试图实现的代码

jQuery('.c27-submit-listing-form .account-sign-in .button').click(function(e) {
    e.preventDefault();

    jQuery('#sign-in-modal').modal('show');
});

// Force login for bookings
jQuery(document).ready(function($) {
    var tabs = [
        '_tab_1',
        'PREMIUM',
        'premium'
    ];

    tabs.forEach(function(tab) {
        $('body:not(.role-golfer_trial).single-listing .profile-menu li a:contains("' + tab + '")').unbind();
        $('body:not(.role-golfer_trial).single-listing').on('click', '.profile-menu li a:contains("' + tab + '")', function(e) {
            e.preventDefault();
            alert('You must be premium useres to view this content');
            $('#sign-in-modal').modal();
        });
    });
});