如何修改WordPress网站指定容器区块的背景颜色与透明度？

你可以根据自己站点的实际情况选下面任意一种方法操作：

• 优先检查主题自带设置
  进入WordPress后台，打开「外观」-「自定义」面板，找「全局样式」「容器设置」「内容区域」这类配置项，绝大多数正规主题都会内置容器背景的配置项：要自定义纯色直接选对应色值，要透明效果把背景透明度拉到0即可，设置完点发布就生效，这种方法后续更新主题不会丢配置。
• 自定义CSS适配（主题没有对应设置时用）
  1. 打开前台页面按F12调出开发者工具，点击左上角的元素选择箭头，点中页面上的灰色容器区域，在右侧样式面板就能看到容器对应的CSS类名，常见的类名是.container、.site-content、.content-area。
  2. 回到后台「外观」-「自定义」-「额外CSS」栏，粘贴对应代码：
     设置自定义纯色（把下面.site-content替换成你查到的实际类名，#ffffff替换成你需要的色值）：

  .site-content {
    background-color: #ffffff;
  }
  

  设置全透明背景：

  .site-content {
    background-color: transparent;
  }
  

  如果需要半透明效果，可以用rgba色值写法，最后一位参数是透明度（取值0-1，数值越低越透），比如半透白：

  .site-content {
    background-color: rgba(255,255,255,0.5);
  }
  

  写完可以实时预览效果，确认没问题点发布即可。
• 页面构建器场景适配
  如果你是用Elementor、古腾堡编辑器或者其他页面构建器搭的页面，直接进入对应页面的编辑模式，点选需要修改的容器块，在右侧样式栏找到「背景」配置项，直接设置纯色/透明效果，更新页面就生效。

内容的提问来源于stack exchange，提问作者Berlin Proffesor