[風間]

此為客户定製需求，非公開招標項目，薇曉朵已接單並解決。

需求描述：

在原主題的基礎上在菜單下添加一個廣告條，要求是可以在手機版上顯示，PC 版的不顯示，同時可以修改和方便更換鏈接和網址的。

解決方案：

1 、採用小工具方式後台調用，方便後續修改和調整；

2 、直接手工修改，添加代碼到主題中；

客户意向：

選擇 2，手工修改。

工作時常：

一個工作日內，兩小時內解決。

[風間]

實現效果，已處理完畢：

1 、手機端顯示——

2 、 PC 端隱藏——

[風間]

修改方法：

1 、後台找到主題文件中的 header.php 文件和 style.css

路徑為：

/wp-content/themes/everbox/header.php

/wp-content/themes/everbox/style.css

2 、找到並打開 header.php 文件底部的 <!-- END .site-header --> 上方，添加以下廣告代碼：

<div class="site-header-ad"><a href="https://bbs.weixiaoduo.com/" target="_blank"><img class="site-header-ad aligncenter" src="https://img.feibisi.com/2015/08/chuangyimi.png" width="auto" /></a></div>

3 、找到並打開 style.css 文件最底部添加以下代碼：

.site-header-ad {
display: none;
}

@media (max-width: 480px) {
.site-header-ad {
display: block;
}
}

保存後，前台刷新，並更新頁面緩存即可看見效果。

備註：

如果需要修改圖片地址和網站鏈接，也是一樣，只需要修改廣告代碼中的圖片和地址即可。

[風間]

客户已確認，此貼關閉。

[作者]

帖子