WP Manifestindependent plugin directory
manifest / users / profile-creator-wp

WP Profile Blocks

A WordPress plugin that simplifies the creation of a personal profile page using a settings form and native WordPress blocks.

by Khaled Mimoune · github.com/dailybarid/profile-creator-wp · website

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/dailybarid/profile-creator-wp/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/dailybarid/profile-creator-wp ↗

A WordPress plugin that simplifies the creation of a personal profile page using a settings form and native WordPress blocks.

Description

WP Profile Blocks provides a simple settings page where you can input all your profile information—from a profile picture and bio to social media links, project showcases, and social media embeds. After saving, the plugin programmatically generates a beautiful, block-based layout on a standard WordPress page of your choice.

This approach gives you the power and flexibility of the WordPress Block Editor without needing to manually build the page block by block.

A A A
A A A
A A A

Features

  • Simple Settings Interface: A single form to manage all your profile content.
  • Profile Section: Upload a profile picture using the WordPress Media Uploader, add your name, and write an "About Me" paragraph.
  • Social Media Links: Dedicated fields for major social networks (X, Instagram, LinkedIn, Facebook, TikTok, Behance, GitHub, YouTube, Email) that are automatically rendered as social icons.
  • Project Gallery: Add multiple projects, each with an image, description, and link. These are displayed in a responsive 3-column grid using media-text blocks.
  • Social Feed Embeds: Paste links to your posts from platforms like X, YouTube, or Instagram, and the plugin will embed them on your page.
  • Block-Based: The plugin uses native WordPress blocks (core/heading, core/image, core/social-links, core/media-text, core/columns, core/embed, etc.) to build the page, ensuring compatibility and performance.
  • Automatic Page Updates: The selected target page is automatically updated when settings are saved.
  • Responsive Design: All content is properly centered and responsive across devices.
  • WordPress 6.9+ Compatible: Optimized for latest WordPress versions with improved compatibility and performance.
  • Enhanced Update Mechanism: Uses improved update methodology to prevent conflicts during settings save.
  • Proper Section Spacing: Added proper spacing between content sections to prevent overlapping.
  • Fixed Social Links Display: Social links now properly show with icons and service names.
  • Enhanced Social Links: Added support for additional platforms including Telegram and WordPress, with improved email handling that converts email addresses to mailto: links.
  • Circular Profile Photo: Profile pictures are now displayed as circles with rounded styling.
  • Fixed Embed Rendering: Social feeds now properly formatted for WordPress oembed processing to display embedded content instead of plain URLs.
  • Quick Access Feature: Added direct links to edit and view the profile page from the settings page for streamlined workflow.
  • Hashtag and Link Recognition: About section and project descriptions now automatically recognize and convert hashtags (#tag) and URLs to clickable elements.
  • Embed Display Instructions: Added guidance to users about visiting the profile page editor and clicking "Update" once after settings changes to ensure social embeds display properly.
  • Validated Block Content: Ensures generated blocks pass WordPress validation without errors.

Project Plan

This project will be developed in several phases:

  1. Phase 1: Plugin Scaffolding

    • [x] Create the main plugin file and directory structure.
    • [x] Define plugin constants and basic setup.

  2. Phase 2: Admin Settings Page

    • [x] Create a settings page under the "Settings" menu.
    • [x] Use the Settings API to register sections and fields.
    • [x] Implement the form for all profile data (Profile, Socials, Projects, Feeds).
    • [x] Add repeatable Projects section with image upload, description, and link fields.
    • [x] Add Social Feeds section for embedding social media posts from various platforms.

  3. Phase 3: Content Generation Logic

    • [x] Create a function to read saved options.
    • [x] Write logic to convert saved data into WordPress block markup (serialized block format).
    • [x] Implement content generation for all profile sections (Profile, Socials, Projects, Feeds).

  4. Phase 4: Page Update Mechanism

    • [x] On settings save, get the target page ID.
    • [x] Use wp_update_post to inject the generated block content into the target page.
    • [x] Automatically update the selected page when settings are saved.

  5. Phase 5: Styling and Refinement

    • [ ] Enqueue a front-end stylesheet for custom styling (e.g., the project grid).
    • [ ] Implement pagination for the project grid.
    • [ ] General testing and bug fixes.