我们政府网站群集约化系统是支持广告位管理的，但有一些客户未购买该功能，也有一些客户需要同时挂多个广告位，那只能修改模板源代码了，

正常情况下，发送邮件到客服邮箱，我司会在24小时内处理完毕。为了方便政府人员自主更换的需求，制作本教程。

注意：

1、只有授权的管理员才有权限看到相关菜单和具有相关的权限，否则不要乱动。

2、需要懂得一点PS图片处理的知识和html源代码的知识。

3、如果采购有前端WAF防火墙或入侵防护系统的客户，会出现无法修改的情况，那只能发邮件修改了。

4、修改模板前务必备份修改页面代码，如果出现修改错误以便及时恢复。（非常重要）

4、修改模板前务必备份修改页面代码，如果出现修改错误以便及时恢复。（非常重要）

4、修改模板前务必备份修改页面代码，如果出现修改错误以便及时恢复。（非常重要）

重要的事情说三遍。下面进入正题：

1、先制作好自己的需要悬挂的图片，最常见的为对联广告位和飘图广告位两种，也有横幅广告位。

常见的对联广告位图片尺寸规格宽度建议≤300px，高度可自定义。

常见的飘图广告位图片尺寸规格宽度建议≤300px，高度可自定义。

建议图片保存为质量80%，JPG或png8、精确、PNG格式，文件大小≤100KB保存待用。

图片名称建议使用小写英文字母或数字，譬如abc.jpg，123,jpg，abc123,jpg，abc.png，123,png，abc123,png，不要使用中文命名。

2、登陆网站后台，点击：工具-文件管理，选择Templates/您网站模板的路径/images/,点击功能菜单-上传文件，选择本地电脑上处理好的图片，确定上传。

3、图片上传成功后，点击：网站-模板管理，选择Templates/您网站模板的路径/首页/

找到duilian.cshtml文件（控制对联广告位的模板文件），点击右侧的编辑。

注：这里如果需要修改飘图，点击piao.cshtml文件（控制飘图广告位的模板文件）进行修改。

4、进入duilian.cshtml文件编辑界面，找到L1,L2,L3,L4,R1,R2,R3,R4，这些是对应的各个广告位，代码基本一致，核心代码如下：

document.writeln("<a href=http://www.abc.com/123.html><img src=@templateDirectory/images/20230325.jpg height="150" width="150"></a>");

href=http://www.abc.com/123.html（红色部分为超链接部分，如果是站内链接可直接使用/目录/*.cshtm的形式）

src=@templateDirectory/images/20230325.jpg（红色邠为图片名称，修改为上传图片的文件名即可，）

小知识：如果想隐藏当前广告位，可以在//---L1对应下面的四行代码前面加上"//"即可隐藏。

//document.writeln("<div id="left1" class="itemFloat">");

//document.writeln("<div><a class='itemclose' href='javascript:void(0)' onclick='javascript:close_left1()' hidefocus='true'>[ 关闭 ]</a></div>");

//document.writeln("<a href=/news/ target=_blank><img border=0 src=91673144501.jpg></a>");

//document.writeln("</div>");

5、如何开关呢？ 以最常用的首页调用为例：

点击：网站-模板管理，选择Templates/您网站模板的路径/首页/

找到index.cshtml（有的是default.cshtml）首页模板文件，点击右侧的编辑。拉到最底部

红框里的就是开关（调用）代码了

如果不需要显示就删除对应行红框内的代码就可以了，需要显示的时候增加上即可。

重要重要重要提醒：

***修改模板前务必先备份当前页代码，如果出现修改错误以便及时恢复。***

***修改模板前务必先备份当前页代码，如果出现修改错误以便及时恢复。***

***修改模板前务必先备份当前页代码，如果出现修改错误以便及时恢复。***