[風間]

此為客戶定製需求，非公開招標專案，薇曉朵已接單並解決。

需求描述：

在原主題的基礎上在選單下新增一個廣告條，要求是可以在手機版上顯示，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;
}
}

儲存後，前臺重新整理，並更新頁面快取即可看見效果。

備註：

如果需要修改圖片地址和網站連結，也是一樣，只需要修改廣告程式碼中的圖片和地址即可。

[風間]

客戶已確認，此貼關閉。

[作者]

帖子