Title: Social Profile Frame Generator – Custom Social Media Frames Creator
Author: Jose Varghese
Published: <strong>2025 年 5 月 15 日</strong>
Last modified: 2026 年 5 月 30 日

---

搜索插件

![](https://ps.w.org/profile-frame-generator/assets/banner-772x250.png?rev=3294362)

![](https://ps.w.org/profile-frame-generator/assets/icon-256x256.png?rev=3295944)

# Social Profile Frame Generator – Custom Social Media Frames Creator

 作者：[Jose Varghese](https://profiles.wordpress.org/josevarghese/)

[下载](https://downloads.wordpress.org/plugin/profile-frame-generator.2.1.3.zip)

 * [详情](https://cn.wordpress.org/plugins/profile-frame-generator/#description)
 * [评价](https://cn.wordpress.org/plugins/profile-frame-generator/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/profile-frame-generator/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/profile-frame-generator/#developers)

 [支持](https://wordpress.org/support/plugin/profile-frame-generator/)

## 描述

**Profile Frame Generator** is a user-friendly, performance-focused plugin that 
allows site owners to upload custom PNG frames that users can overlay on their photos
to generate social media profile pictures. This plugin easily helps create a social
photo without any software on the desktop or mobile.

WordCamp Asia 2026 and WordCamp Europe used this plugin for social badge creation:

 * [WordCamp Asia 2026 – Social Avatar Profile Frame](https://wpasia.org/2026/frame/attendee/)
 * [WordCamp Europe – Social Avatar Profile Frame](https://social.wceu.eu/index.php/profile-frame-attendee/)

Built for events, campaigns, and brand communities, this plugin is perfect for WordCamp,
meetups, or social movement organizers who want to promote a unified visual identity
among supporters, attendees, volunteers, and speakers.

### 🎯 Key Features:

 * **NEW:** Detailed, responsive frontend UI.
 * **NEW:** Split-screen layout for desktop.
 * Zoom In/Out controls for precise adjustments.
 * Rotate Left/Right controls to fix orientation.
 * Bokeh/Blur effect to blur the background image.
 * Reset Position button to quickly start over.
 * Gravatar support – load user avatar directly from email.
 * Custom background color for non-transparent areas.
 * Customizable user instructions.
 * Upload a transparent PNG frame from the WordPress media library.
 * Generate framed profile pictures with an interactive frontend interface.
 * Lightweight: CSS/JS loads **only on pages** containing the shortcode.
 * Responsive and mobile-ready with intuitive gestures (touch drag/pinch).

### 🛠 How to Use:

 1. **Install** the Profile Frame Generator plugin via Plugins > Add New.
 2. Navigate to **Dashboard > Profile Frame**.
 3. Click **“Select Frame from Media Library”**, choose your PNG frame, and click **
    Select Frame**.
 4. Configure the new control settings (Zoom, Rotate, Bokeh, etc.) as desired.
 5. Click the **“Save Settings”** button.
 6. Copy the shortcode (e.g., `[profile_frame frame="123"]`) or just `[profile_frame]`
    to use the default saved frame.
 7. Paste the shortcode on any post or page.
 8. **Save and view** the page – the frame generator canvas will be visible to users.

### ✨ Frame Interaction & Controls:

Users can customize their image overlay using the following:
 – **Zoom Buttons**–
Precise zoom control. – **Rotate Buttons** – Rotate image 90 degrees left or right.–**
Mouse Wheel** – Zoom in/out of the uploaded image. – **Mouse Drag** – Reposition
the image within the frame. – **Mobile (Pinch to Zoom)** – Two-finger pinch gesture
to zoom. – **Mobile (Rotate)** – Rotate the image left or right using your fingers.–**
Gravatar** – Enter email to auto-load profile picture.

### 🖼 Multiple Frame Support:

To use more than one frame:
 – Use `[profile_frame frame="image_id_here"]` where`
image_id_here` is the Media Library ID of your PNG frame. – Each frame must be used
on a **separate page**, as only one frame is supported per page.

Example:
 – Frame A: `[profile_frame frame="123"]` – Frame B: `[profile_frame frame
="456"]`

> ⚠️ **Performance First:** The plugin **only loads CSS and JS on pages with the
> shortcode**, ensuring fast load times and minimal impact on your site.
> Note: **WordPress** and **WordCamp** are registered trademarks of the WordPress
> Foundation. This plugin is not affiliated with or endorsed by WordPress.org or
> WordCamp. Names used for reference only.

### Support

For questions, support requests, or feature suggestions, please visit the [support forum](https://wordpress.org/support/plugin/profile-frame-generator/).

If you find this plugin useful, consider [buying me a coffee](https://superwebshare.com/donate)
to support development. Thank you!

### Credits

#### Donors

Thanks to the following generous supporters who donated to keep this plugin going:

 * Arie

## 屏幕截图

[⌊User uploads a photo, previews, applies effects like bokeh, and downloads the 
final image.⌉⌊User uploads a photo, previews, applies effects like bokeh, and downloads
the final image.⌉[

User uploads a photo, previews, applies effects like bokeh, and downloads the final
image.

[⌊Upload PNG frame via settings and configure advanced controls.⌉⌊Upload PNG frame
via settings and configure advanced controls.⌉[

Upload PNG frame via settings and configure advanced controls.

## 安装

 1. Upload the plugin files to the `/wp-content/plugins/profile-frame-generator` directory,
    or install via the WordPress plugin repository.
 2. Activate the plugin from the **Plugins** menu in WordPress.
 3. Go to **Dashboard > Profile Frame** to configure settings and upload your frame.
 4. Copy and paste the shortcode to any post or page.

## 常见问题

### Can I use more than one frame?

Yes! Use `[profile_frame frame="image_id_here"]` with the corresponding Media Library
image ID. Only one frame per page is supported.

### What format should the frame image be?

Transparent **PNG** files are required for best results.

### Can users adjust their uploaded images?

Yes. Users can zoom, reposition, rotate, and fine-tune their uploaded photos to 
ensure a perfect frame fit.

### Will this plugin slow down my website?

No. The plugin is lightweight and loads scripts **only on the page** where the shortcode
is used.

## 评价

![](https://secure.gravatar.com/avatar/ef465d551b4048416dfc53cd9c3ff0ceec84105dd362ce4da479b5c94f37be02?
s=60&d=retro&r=g)

### 󠀁[Simple to implement and easy to use](https://wordpress.org/support/topic/simple-to-implement-and-easy-to-use/)󠁿

 [Arie](https://profiles.wordpress.org/ao-on-wp/) 2026 年 5 月 22 日 1 回复

This is a great little plugin for visitors of your website to create a profile image
with a frame you made. The support was also quick and helpful, even though the issue
was with my site and not with the plugin.

![](https://secure.gravatar.com/avatar/ff0592894ef07993e93ef422e56196f97e7ff41a6f4e2cc285f88b12e7871a6b?
s=60&d=retro&r=g)

### 󠀁[Simply | Easy | Fun](https://wordpress.org/support/topic/simply-easy-fun/)󠁿

 [Vachan Kudmule](https://profiles.wordpress.org/vachan/) 2026 年 2 月 12 日 3 回复

Thank you @josevargheseGreat tool! —Just a quick suggestion for next version, there
should be a slider for zoom as the mouse scroll can get funky.

 [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/)

## 贡献者及开发者

「Social Profile Frame Generator – Custom Social Media Frames Creator」是开源软件。
以下人员对此插件做出了贡献。

贡献者

 *   [ Jose Varghese ](https://profiles.wordpress.org/josevarghese/)

[帮助将「Social Profile Frame Generator – Custom Social Media Frames Creator」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/profile-frame-generator)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/profile-frame-generator/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/profile-frame-generator/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/profile-frame-generator/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/profile-frame-generator/)。

## 更新日志

#### 2.1.3

 * New: Added donors section in the donation card on the settings sidebar. Thanks
   to our donation provided users to support the plugin.

#### 2.1.2

 * New: Redesigned frontend controls toolbar with custom SVG icons replacing Dashicons
   for zoom, rotate, and reset buttons.
 * New: Responsive controls panel layout for better display across screen sizes.
 * New: Upload area redesigned with a custom SVG upload icon and file format hint(
   JPG, PNG or GIF).
 * New: Inline SVG spinner animation during Gravatar loading.

#### 2.1.1

 * Fix: Admin review notice no longer appears on block editor (Gutenberg) post/page
   screens.

#### 2.1.0

 * New UI with more clean settings page
 * Fix: Removed duplicate variable declarations in controls JS that caused strict-
   mode errors.
 * Fix: Added PHP 7.0 version check on activation with a friendly error message.
 * Fix: Removed all inline blocks from PHP — JS logic moved to external cacheable
   files.
 * Fix: Removed console.log() debug statements from frontend controls which was 
   added in a previous debugging.

#### 2.0.1

 * Enhanced Settings page
 * Fixed FOUC on admin notices.

#### 2.0.0

 * Major Update: New simplified and modern frontend UI.
 * Added Zoom In/Out buttons with slider control
 * Added Rotate Left/Right buttons
 * Added Reset Position button
 * Added Bokeh/Blur effect toggle
 * Added Gravatar integration
 * Added custom background color setting
 * Added customizable instructions text
 * Added option to select frame from Media Library

#### 1.1

 * Minor enhancements to the settings page

#### 1.0.0

 * Initial release
 * Option to select the frame within the settings
 * Shortcode support
 * Frontend image selection, zoom, and positioning
 * Download generated image

## 额外信息

 *  版本 **2.1.3**
 *  最后更新：**2 周前**
 *  活跃安装数量 **50+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/profile-frame-generator/)
 * 标签
 * [avatar](https://cn.wordpress.org/plugins/tags/avatar/)[Event](https://cn.wordpress.org/plugins/tags/event/)
   [profile picture](https://cn.wordpress.org/plugins/tags/profile-picture/)[wordcamp](https://cn.wordpress.org/plugins/tags/wordcamp/)
 *  [高级视图](https://cn.wordpress.org/plugins/profile-frame-generator/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/profile-frame-generator/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/profile-frame-generator/reviews/)

## 贡献者

 *   [ Jose Varghese ](https://profiles.wordpress.org/josevarghese/)

## 支持

最近两个月解决的问题：

     总计 1，已解决 1

 [查看支持论坛](https://wordpress.org/support/plugin/profile-frame-generator/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://buymeacoffee.com/josevarghese)