之前悅?cè)唤ㄕ竟倬W(wǎng)使用了wp rocket這款緩存優(yōu)化加速插件,但是該插件與我目前使用的wordpress建站主題可能存在一些兼容問題,無法很好的識別單獨設(shè)置的移動端幻燈圖片,所以我取消了移動端的專用圖片,讓移動圖和PC端使用同一張幻燈圖,在手機端就讓它自動響應(yīng)縮放了。不過這又存在另一個問題,因為移動端的幻燈圖是直接按比例縮放的,所以移動端的幻燈圖高度就小了,原來幻燈圖上的按扭鏈接在移到端上沒辦法正常顯示,最終我就把幻燈圖上的按扭鏈接也刪除了。
接下來我使用A標簽給幻燈圖的第一行文字加了一個鏈接,如上圖所示,因為wordpress建站主題設(shè)置了全局默認的A標簽樣式,灰色的,這樣看的不是很清楚,出于強迫癥的需求,我得把這個顏色修改為白色。
因為主題使用了全局的A標題樣式,如果我直接修改主題的設(shè)置可能會影響其它地方的顯示效果,所以我通過直接在A標簽中設(shè)置顏色的方式來修改顏色,這樣只對當(dāng)前的鏈接起作用。
<a href="http://www.wto86.com/jg" target="_blank" style="color:white;font-size=16px">wordpress建站服務(wù)</a>
代碼如上。這其實是非常簡單的,熟手早就知道的,這里僅分享給有需要的朋友。
最后的效果如上圖所示。這樣看起來終舒服一些了。
? Copyright 2024. 悅?cè)痪W(wǎng)絡(luò)工作室/悅?cè)粀ordpress建站 專注中小企業(yè)wordpress建站 All Rights Reserved.網(wǎng)站地圖
本站圖片來源為Pexels、Pixabay、Freepik、Unsplash等圖片庫的免費許可,CC0協(xié)議;還有部分為自己手繪,版權(quán)碰瓷請自重!法律服務(wù):law@yueranseo.com 蜀ICP備20016391號-1 川公網(wǎng)安備 51011502000367號
?
?
?
?
微信聯(lián)系