DeepSeek探索全新的WordPress-AI插件（支持定制功能）点击立即了解
在插件激活时，系统会自动检查是否存在名为 “DIY 封面设计工具” 的页面。若不存在，插件会创建该页面，并使用短代码 [ diy_image_generator ] 嵌入图片生成器内容，方便用户直接访问使用。
演示链接：
自定义图片设置选项
背景设置：用户能够通过颜色选择器自由指定两种颜色，插件会基于这两种颜色生成线性渐变背景。默认颜色分别为红色 #ff0000 和蓝色 #0000ff。文本设置文字输入：提供输入框，用户可输入想要显示在图片上的文字，默认显示 “DIY 文字渐变图”。字体选择：提供 Arial、Courier New、Georgia、Times New Roman、Verdana 等多种字体供用户选择，默认字体为 Verdana。字体大小设置：用户可输入具体像素值调整文字大小，最小值为 1px，默认大小为 80px。字体颜色选择：借助颜色选择器，用户可自定义文字颜色，默认颜色为白色 #ffffff。字体透明度设置：可设置字体透明度，取值范围在 0 到 1 之间，步长为 0.1，默认透明度为 0.8。阴影设置阴影颜色选择：使用颜色选择器确定文字阴影颜色，默认颜色为白色 #FFFFFF。阴影模糊度设置：用户输入数值调整阴影模糊程度，最小值为 0，默认值为 0。阴影偏移设置：分别设置阴影在水平和垂直方向的偏移距离，默认水平和垂直偏移值均为 1。图片尺寸与比例设置图片尺寸选择：提供小（600×300）、中（700×350）、大（800×400）三种预设尺寸供用户选择。图片比例选择：支持 2:1、3:2、4:3 等横向比例，用户可按需调整图片宽高比例。
实时预览功能
用户进行各项设置时，预览区域会实时更新显示生成的图片效果。无论修改背景颜色、文字内容，还是调整字体大小等，预览图片都会立即反映相应变化，方便用户及时查看和调整。
图片导出功能
用户完成所有设置并对预览效果满意后，点击 “导出图片” 按钮，插件会自动将预览区域的图片以 PNG 格式保存到本地，文件名为 “generated – image.png”。
良好的页面布局与响应式设计
页面布局：采用 Flexbox 布局，将设置区域和预览区域分左右两部分展示，结构清晰，操作方便。响应式设计：在小屏幕设备（如手机）上，页面布局会自动调整为垂直方向，设置区域在上，预览区域在下，确保各个设置选项和预览区域都能清晰显示，方便用户在移动设备上操作。同时，图片生成区域（预览区域）大小固定不变，不会溢出屏幕。