WordPress中如何將圖片自動加框

要如何在WordPress中,自動將插入的圖片加上一個簡單的外框?

我們可以透過在佈景主題中新增定義圖片CSS的方式來達成。

以下說明添加的步驟。

步驟1 – 進入佈景主題的自訂頁面

  1. 進入WordPress控制台,點選「外觀」→「自訂」
  2. 選擇「附加的CSS」
    每套佈景主題的設定主題排列不盡相同,但基本上大多會位於左側選單的最下面附近。

步驟2 – 新增關於圖片的CSS描述

只要將以下的CSS code貼上,圖片即可自動加上一圈實線(solid)、顏色為#976203、寬度為1px的框線囉!

.entry-content img {
    border-style: solid;
    border-color: #976203;
    border-width: 1px;
}