[WordPress] 外掛分享: Social Profile Frame Generator – Custom Social Media Frames Creator

WordPress 外掛 Social Profile Frame Generator – Custom Social Media Frames Creator 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Social Profile Frame Generator – Custom Social Media Frames Creator」是 2025-05-14 上架。
  • 目前有 50 個安裝啟用數。
  • 上一次更新是 2026-02-16,距離現在已有 9 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

josevarghese |

外掛標籤

Event | avatar | wordcamp | profile picture | social media frame |

內容簡介

### 外掛總結:
Profile Frame Generator 是一款使用者友善且專注於效能的外掛,允許網站擁有者上傳自訂的 PNG 框架,讓使用者將其覆蓋在照片上生成社群媒體的個人資料照片。這款外掛可輕鬆協助在桌面或行動裝置上創建社交照片。

### 問題與答案:
1. 這款外掛的目標市場是什麼?
- 這款外掛針對活動、活動、品牌社群而建,非常適合於 WordCamp、見面會或社會運動組織者,他們想在支持者、參與者、志願者和講者之間推廣統一的視覺身份。

2. 使用這款外掛有哪些關鍵功能?
- 從 WordPress 媒體庫上傳透明的 PNG 框架。
- 生成有框架的個人資料照片,並具有互動式前端界面。
- 輕量級:CSS/JS 僅在包含短碼的頁面上載入。
- 支援在不同頁面上使用帶有框架 ID 的短碼的多個框架。
- 具有靈活和行動裝置準備的直觀手勢和控制。

3. 如何使用這款外掛?
- 通過「外掛」>「新增外掛」安裝 Profile Frame Generator 外掛。
- 導航到「儀表板」>「個人資料框架」。
- 點擊「從媒體庫中選擇框架」,選擇您的 PNG 框架,然後點擊「選擇框架」。
- 點擊「保存框架設置」按鈕。
- 保存後,短碼將顯示在設置下方。
- 複製短碼(例如,[profile_frame frame="123"])。
- 使用短碼區塊(或根據您喜歡的編輯器)在任何帖子或頁面上粘貼短碼。
- 保存並查看頁面 - 框架生成器畫布將對用戶可見。

4. 這款外掛如何支援多框架?
- 要使用多個框架:
- 使用 [profile_frame frame="image_id_here"],其中 image_id_here 是您的 PNG 框架的媒體庫 ID。
- 每個框架必須在單獨的頁面上使用,因為每頁僅支援一個框架。
- 例如:
- 框架 A: [profile_frame frame="123"]
- 框架 B: [profile_frame frame="456"]
- 創建一個頁面,該頁面包含指向每個框架的鏈接,以讓用戶選擇自己喜歡的框架。

5. 這款外掛如何確保效能優先性?
- 這款外掛僅在包含短碼的頁面上載入 CSS 和 JS,確保快速載入時間並對您的站點產生最小影響。

原文外掛簡介

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.
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:

Install the Profile Frame Generator plugin via Plugins > Add New.
Navigate to Dashboard > Profile Frame.
Click “Select Frame from Media Library”, choose your PNG frame, and click Select Frame.
Configure the new control settings (Zoom, Rotate, Bokeh, etc.) as desired.
Click the “Save Settings” button.
Copy the shortcode (e.g., [profile_frame frame="123"]) or just [profile_frame] to use the default saved frame.
Paste the shortcode on any post or page.
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.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Social Profile Frame Generator – Custom Social Media Frames Creator」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0 | 1.1 | 2.0.0 | trunk |

延伸相關外掛(你可能也想知道)

  • Simple Local Avatars 》若目前使用者擁有媒體權限,此外掛會在使用者資料中增加頭像上傳欄位,並像Gravatar一樣在使用時產生所需的大小。簡單輕量化的工具。, 只需編輯使用者資料,...。
  • One User Avatar | User Profile Picture 》WordPress 目前只允許您使用透過 Gravatar 上傳的自訂頭像。One User Avatar 讓您使用媒體庫中上傳的任何照片作為頭像。這意味著您可以使用與文章相同的上傳...。
  • Gravatar Enhanced – Avatars, Profiles, and Privacy 》Gravatar Enhanced為您的網站增加了一些很酷的功能:, , 復古風格(生成的)Gravatar, 啟用Hovercards, 向在您的網站上評論但沒有Gravatar的人發送定制的Gravat...。
  • User Profile Picture 》使用 WordPress 標準媒體上傳工具,為用戶設置或刪除自定義個人資料圖像。, 查看文件和範例, , 使用者必須擁有上傳圖像的功能(通常是作者角色或更高)。您可...。
  • WP User Avatars 》允許註冊使用者上傳並選擇自己的頭像。, 建議外掛, 如果您喜歡這個外掛,您可能會喜歡以下這些外掛!, , WP User Profiles, WP User Activity, WP User Avata...。
  • Simple User Avatar 》這個外掛程式簡化了WordPress使用者的生活。, 現在使用者可以從他的媒體庫中簡單地新增或刪除他們的頭像圖像。易於使用,不需要其他的功能。外掛程式可在GitH...。
  • Basic User Avatars 》在前端頁面和編輯個人資料畫面上添加頭像上傳欄位,讓使用者可以上傳自定義個人頭像。, WordPress 社群和會員網站使用此外掛作為輕量級解決方案提供自定義的...。
  • WP User Profile Avatar 》WP User Profile Avatar 是一款外掛,可讓您更改預設的 WordPress 頭像或使用者個人資料照片。您可以使用媒體庫中上傳的任何照片,或使用自訂照片 URL 作為頭...。
  • Meks Smart Author Widget 》這個簡單的外掛程式讓你可以在 WordPress Widget 中顯示作者/使用者資訊。此外掛的聰明之處在於「自動偵測」使用者/作者,因此它可以選擇性地在單獨的文章頁...。
  • Leira Letter Avatar 》Letters Avatar 可以根據使用者的名稱首字母自動生成頭像。, 管理區域能夠完全自訂,你可以自由編輯頭像的設定如形狀、背景顏色等。, 相容性, 此外掛與任何程...。
  • User Profile Picture 》使用 WordPress 標準媒體上傳工具,為使用者設置自定義個人資料圖像。, 協助貢獻, , 請給予星級評價, 。
  • Author Avatars List/Block 》這個外掛可以方便地在您的 (多使用者) 網站上顯示按用戶角色分組的使用者頭像列表。它還允許您將單個頭像插入到文章或頁面中,以顯示您正在談論的某個人的圖...。
  • Disable User Gravatar 》這是一個非常簡單且輕量級的外掛程式,可以將預設的頭像匿名化,並防止使用者的 Gravatar 根據其註冊的電子郵件地址自動從 gravatar.com 獲取。這在需要增加...。
  • Better Recent Comments 》預設的「近期留言」小工具比較有限。「Better Recent Comments」改進了這一點,提供了一個更靈活的小工具,可選擇顯示使用者的實際留言,以及顯示頭像和顯示...。
  • Easy Author Image 》Easy Author Image 可以方便地為您的個人資料頁面添加作者圖像,只需安裝此 WordPress 外掛,您的「個人資料」選項卡(位於「使用者」下方)將多了一個名為「...。

文章
Filter
Apply Filters
Mastodon