因此，您的站点没有设置为执行任何这些操作isn\'t the solution 解决您的问题，但它会按您的要求执行（单击项目并在同一页上更改图像）。您需要结合以下内容更好地构建页面php, custom page templates, custom post types, custom galleries, custom fields, queries... 许多不同的事情需要更长的答案和更多的WordPress教育。

右边的菜单目前只是一段文字。

这个脚本（使用jQuery和Chrome控制台）将清除它，创建新的菜单项，当单击每个菜单项时，它们将使用菜单项上的数据用占位符替换主要特征图像。

这将有助于您进一步了解jQuery的帮助，但您缺少大量针对特定事物的类。例如，主图像的选择器是.col-md-9 img 这太笼统了。也许可以改成class="col-md-9 featured-image".

// your menu
var $ul = jQuery(\'ul.homedesign\');

// clear it out cause it\'s useless as is
$ul.html(\'\');

// now make some fake links
var count = 6; for ( var i = 1; i <= 6; i++ ) {

   // Create a new list item with click handler
   $item = jQuery ( \'<li data-item="\' + i + \'" ><a>Amazon \' + i + \'</a></li>\' );

   $item.on(\'click\', function(evt){
        // ignore default, shoudl be li anyway...
        if(evt) evt.preventDefault();

        // scope   
        var $this = jQuery(this);

        // get the id for ... whatever
        var inx = $this.data( \'item\' );

        // should be labeled better
        // but, replace the main image with a label using the stored id
        jQuery(\'.col-md-9 img\').attr(\'src\', \'//placehold.it/634x341/eee/222/&text=\' + inx );
   });

   // add our new item to the list
   $ul.append ( $item );
}