如何替 WordPress 文章圖片添加陰影？Code Snippets 輕鬆搞定

嗨大家好，我是阿比丁。今天教各位如何替 WordPress 文章圖片添加陰影，不會寫程式也無妨，只需下載一款名為 Code Snippets 的外掛即可輕鬆搞定。

為什要添加陰影？

由於大部分網站皆為白色背景，在展示白色系圖片時，網站背景與圖片常會水乳交融，令人難以辨識。

因此，為圖片加上陰影顯得尤為重要。有時正是這些小心思，才讓我們成功脫穎而出。

如何添加陰影？

登入 WordPress 後台，自行從「外掛」→「安裝外掛」下載並啟用 Code Snippets。

啟用 Code Snippets 後，點擊「程式碼片段」→「新增程式碼片段」→「函式」。輸入完標題，請在「程式碼」欄位以 PHP 寫 CSS box-shadow。本文最下方有範例可供複製，不會寫程式的朋友可以參考一下。

搞定程式碼後，記得點擊「儲存設定並啟用」進行存檔。

PHP 程式碼範例

在此附上 PHP 程式碼之範例，有興趣的朋友可以自行更改數值，找出符合自身審美觀的圖片陰影。範例中的數值，由左至右分別為「X 軸位移」、「Y 軸位移」、「模糊半徑」與「內邊距」。其中模糊半徑（blur radius）為陰影之模糊範圍，內邊距（padding）為圖片周圍白色內邊之距離。

add_action( 'wp_head', function () { ?>
<style>
/*文章圖片加陰影*/
	.entry-content img {
	box-shadow:3px 3px 9px gray;padding:3px;
}
	
</style>
<?php } );