{"id":232975,"date":"2025-05-15T16:20:33","date_gmt":"2025-05-15T16:20:33","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/profile-frame-generator\/"},"modified":"2026-03-24T18:46:00","modified_gmt":"2026-03-24T18:46:00","slug":"profile-frame-generator","status":"publish","type":"plugin","link":"https:\/\/lmo.wordpress.org\/plugins\/profile-frame-generator\/","author":15876460,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.1","stable_tag":"2.0.1","tested":"6.9.4","requires":"5.0","requires_php":"7.0","requires_plugins":null,"header_name":"Profile Frame Generator","header_author":"Jose Varghese","header_description":"Allows users to upload their photo, apply a frame, and download the result. Supports interactive positioning.","assets_banners_color":"5c5955","last_updated":"2026-03-24 18:46:00","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/profiles.wordpress.org\/josevarghese\/","rating":5,"author_block_rating":0,"active_installs":70,"downloads":758,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"josevarghese","date":"2025-05-15 18:28:42"},"1.1":{"tag":"1.1","author":"josevarghese","date":"2025-12-04 20:04:31"},"2.0.0":{"tag":"2.0.0","author":"josevarghese","date":"2026-02-16 22:48:09"},"2.0.1":{"tag":"2.0.1","author":"josevarghese","date":"2026-03-24 18:46:00"}},"upgrade_notice":{"2.0.0":"<p>Major Update: This version includes a completely new frontend UI and several new features. We recommend testing on a staging site before updating your live site.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3295944,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3295944,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3294362,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3294362,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","2.0.0","2.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3294355,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3294355,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Upload PNG frame via settings and configure advanced controls.","2":"User uploads a photo, previews, applies effects like bokeh, and downloads the final image."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[129,2431,7894,242354,4774],"plugin_category":[43,50],"plugin_contributors":[237124],"plugin_business_model":[],"class_list":["post-232975","plugin","type-plugin","status-publish","hentry","plugin_tags-avatar","plugin_tags-event","plugin_tags-profile-picture","plugin_tags-social-media-frame","plugin_tags-wordcamp","plugin_category-customization","plugin_category-media","plugin_contributors-josevarghese","plugin_committers-josevarghese"],"banners":{"banner":"https:\/\/ps.w.org\/profile-frame-generator\/assets\/banner-772x250.png?rev=3294362","banner_2x":"https:\/\/ps.w.org\/profile-frame-generator\/assets\/banner-1544x500.png?rev=3294362","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/profile-frame-generator\/assets\/icon-128x128.png?rev=3295944","icon_2x":"https:\/\/ps.w.org\/profile-frame-generator\/assets\/icon-256x256.png?rev=3295944","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/profile-frame-generator\/assets\/screenshot-1.png?rev=3294355","caption":"Upload PNG frame via settings and configure advanced controls."},{"src":"https:\/\/ps.w.org\/profile-frame-generator\/assets\/screenshot-2.png?rev=3294355","caption":"User uploads a photo, previews, applies effects like bokeh, and downloads the final image."}],"raw_content":"<!--section=description-->\n<p><strong>Profile Frame Generator<\/strong> 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.<\/p>\n\n<p>Sample URL for Social Avatar Profile Frame used by WordCamp Asia 2026 by using this plugin: https:\/\/wpasia.org\/2026\/frame\/attendee\/<\/p>\n\n<p>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.<\/p>\n\n<h3>\ud83c\udfaf Key Features:<\/h3>\n\n<ul>\n<li><strong>NEW:<\/strong> Detailed, responsive frontend UI.<\/li>\n<li><strong>NEW:<\/strong> Split-screen layout for desktop.<\/li>\n<li>Zoom In\/Out controls for precise adjustments.<\/li>\n<li>Rotate Left\/Right controls to fix orientation.<\/li>\n<li>Bokeh\/Blur effect to blur the background image.<\/li>\n<li>Reset Position button to quickly start over.<\/li>\n<li>Gravatar support - load user avatar directly from email.<\/li>\n<li>Custom background color for non-transparent areas.<\/li>\n<li>Customizable user instructions.<\/li>\n<li>Upload a transparent PNG frame from the WordPress media library.<\/li>\n<li>Generate framed profile pictures with an interactive frontend interface.<\/li>\n<li>Lightweight: CSS\/JS loads <strong>only on pages<\/strong> containing the shortcode.<\/li>\n<li>Responsive and mobile-ready with intuitive gestures (touch drag\/pinch).<\/li>\n<\/ul>\n\n<h3>\ud83d\udee0 How to Use:<\/h3>\n\n<ol>\n<li><strong>Install<\/strong> the Profile Frame Generator plugin via Plugins &gt; Add New.<\/li>\n<li>Navigate to <strong>Dashboard &gt; Profile Frame<\/strong>.<\/li>\n<li>Click <strong>\"Select Frame from Media Library\"<\/strong>, choose your PNG frame, and click <strong>Select Frame<\/strong>.<\/li>\n<li>Configure the new control settings (Zoom, Rotate, Bokeh, etc.) as desired.<\/li>\n<li>Click the <strong>\"Save Settings\"<\/strong> button.<\/li>\n<li>Copy the shortcode (e.g., <code>[profile_frame frame=\"123\"]<\/code>) or just <code>[profile_frame]<\/code> to use the default saved frame.<\/li>\n<li>Paste the shortcode on any post or page.<\/li>\n<li><strong>Save and view<\/strong> the page - the frame generator canvas will be visible to users.<\/li>\n<\/ol>\n\n<h3>\u2728 Frame Interaction &amp; Controls:<\/h3>\n\n<p>Users can customize their image overlay using the following:\n- <strong>Zoom Buttons<\/strong> - Precise zoom control.\n- <strong>Rotate Buttons<\/strong> - Rotate image 90 degrees left or right.\n- <strong>Mouse Wheel<\/strong> - Zoom in\/out of the uploaded image.\n- <strong>Mouse Drag<\/strong> - Reposition the image within the frame.\n- <strong>Mobile (Pinch to Zoom)<\/strong> - Two-finger pinch gesture to zoom.\n- <strong>Mobile (Rotate)<\/strong> - Rotate the image left or right using your fingers.\n- <strong>Gravatar<\/strong> - Enter email to auto-load profile picture.<\/p>\n\n<h3>\ud83d\uddbc Multiple Frame Support:<\/h3>\n\n<p>To use more than one frame:\n- Use <code>[profile_frame frame=\"image_id_here\"]<\/code> where <code>image_id_here<\/code> is the Media Library ID of your PNG frame.\n- Each frame must be used on a <strong>separate page<\/strong>, as only one frame is supported per page.<\/p>\n\n<p>Example:\n- Frame A: <code>[profile_frame frame=\"123\"]<\/code>\n- Frame B: <code>[profile_frame frame=\"456\"]<\/code><\/p>\n\n<blockquote>\n  <p>\u26a0\ufe0f <strong>Performance First:<\/strong> The plugin <strong>only loads CSS and JS on pages with the shortcode<\/strong>, ensuring fast load times and minimal impact on your site.<\/p>\n  \n  <p>Note: <strong>WordPress<\/strong> and <strong>WordCamp<\/strong> 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.<\/p>\n<\/blockquote>\n\n<h3>Support<\/h3>\n\n<p>For questions, support requests, or feature suggestions, please visit the <a href=\"https:\/\/wordpress.org\/support\/plugin\/profile-frame-generator\/\">support forum<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/profile-frame-generator<\/code> directory, or install via the WordPress plugin repository.<\/li>\n<li>Activate the plugin from the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Go to <strong>Dashboard &gt; Profile Frame<\/strong> to configure settings and upload your frame.<\/li>\n<li>Copy and paste the shortcode to any post or page.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20use%20more%20than%20one%20frame%3F\"><h3>Can I use more than one frame?<\/h3><\/dt>\n<dd><p>Yes! Use <code>[profile_frame frame=\"image_id_here\"]<\/code> with the corresponding Media Library image ID. Only one frame per page is supported.<\/p><\/dd>\n<dt id=\"what%20format%20should%20the%20frame%20image%20be%3F\"><h3>What format should the frame image be?<\/h3><\/dt>\n<dd><p>Transparent <strong>PNG<\/strong> files are required for best results.<\/p><\/dd>\n<dt id=\"can%20users%20adjust%20their%20uploaded%20images%3F\"><h3>Can users adjust their uploaded images?<\/h3><\/dt>\n<dd><p>Yes. Users can zoom, reposition, rotate, and fine-tune their uploaded photos to ensure a perfect frame fit.<\/p><\/dd>\n<dt id=\"will%20this%20plugin%20slow%20down%20my%20website%3F\"><h3>Will this plugin slow down my website?<\/h3><\/dt>\n<dd><p>No. The plugin is lightweight and loads scripts <strong>only on the page<\/strong> where the shortcode is used.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.1<\/h4>\n\n<ul>\n<li>Enhanced Settings page<\/li>\n<li>Fixed FOUC on admin notices.<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Major Update: New simplified and modern frontend UI.<\/li>\n<li>Added Zoom In\/Out buttons with slider control<\/li>\n<li>Added Rotate Left\/Right buttons<\/li>\n<li>Added Reset Position button<\/li>\n<li>Added Bokeh\/Blur effect toggle<\/li>\n<li>Added Gravatar integration<\/li>\n<li>Added custom background color setting<\/li>\n<li>Added customizable instructions text<\/li>\n<li>Added option to select frame from Media Library<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Minor enhancements to the settings page<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Option to select the frame within the settings<\/li>\n<li>Shortcode support<\/li>\n<li>Frontend image selection, zoom, and positioning<\/li>\n<li>Download generated image<\/li>\n<\/ul>","raw_excerpt":"All-in-one profile picture frame generator. Allows users to upload their photo, apply a frame, customize with zoom\/rotate\/bokeh, and download.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/232975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=232975"}],"author":[{"embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/josevarghese"}],"wp:attachment":[{"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=232975"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=232975"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=232975"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=232975"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=232975"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/lmo.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=232975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}