使用javascript

Question

我遇到了一个我无法理解的问题。

我在我的CMS中构建了3个相同的模板，除了他们调用的CSS（它不是WordPress并且无法访问应用程序层）。我已经在主题文件中插入了我的导航，侧边栏和页脚（在WordPress网站中将这些视为＆＃34;页面＆＃34;而不是通常使用的PHP短代码）。然后，我的页面内容将动态提供。

我的问题是这些模板将用于许多不同的网站。因此，导航，侧边栏和页脚的内容都需要能够根据它们正在使用的站点进行更改。业务要求是我必须只有这些页面中的一个。如果我要做20个网站，我就不能制作20份主题。

我最初的想法是使用这样的东西......

    var url = window.location.href;
    var site1 = url.indexOf('site1');
    var site2 = url.indexOf('anothersite');
    var site3 = url.indexOf('thefinalsite');
    if (site1 >= 0) {
        $('.sidebar_info').append('<a href=""><li>Login</li></a><br/><a href=""><li>Another Link</li></a>');            
    }
    else if (site2 >= 0) {
        $('.sidebar_info').append('<a href=""><li>Not Login</li></a><br/><a href=""><li>Link</li></a>');            
    }
    else if (site3 >= 0) {
        $('.sidebar_info').append('<a href=""><li>Unique Link</li></a><br/><a href=""><li>Some other Link</li></a>');            
    }
    else {
         $('.sidebar_info').append('<a href=""><li>Nothing</li></a>'); 
    }

虽然我非常确定能够完成这项工作，但如果每次建立一个网站都需要建立这个网站，我必须进入3个不同的页面并更新功能。另外，理想情况下，技术水平较低的人可以自行旋转其中一个。

关于使用JS或jQuery实现此目的的其他方法的任何想法？

非常感谢！