Maintaining productivity when managing a WordPress site involves reducing small daily friction. If you frequently review and update your content, you know that switching between the public view (front-end) and the edit screen (back-end) can require unnecessary clicks. Especially if you prefer to browse with the admin toolbar hidden or if your theme does not include a default edit link.
To solve this, I developed Edit Post Link, a simple, extremely lightweight, and customizable plugin that inserts a stylized edit link directly into the content of your posts and pages, visible only to those with editing permissions.
In this post, I will detail the plugin’s features, what motivated its creation, and how you can start using it today.
What is Edit Post Link?
The plugin’s premise is to simplify the workflow for content creators and administrators. Instead of scrolling down the page searching for the WordPress admin bar or returning to the admin dashboard to locate a specific page or post, Edit Post Link adds a discreet “Edit” button or link directly on the front-end.
The main differentiator is that the link is generated in a completely dynamic and secure way: it will never be displayed to regular readers, logged-out visitors, or users without the edit_post capability. It is an exclusive shortcut for your content team.
Key Features
The plugin was designed with a focus on layout flexibility and simplicity of use:
- Flexible positioning: Choose to display the shortcut at the beginning of the article (above content) or at the end (below content).
- Three display styles:
- Plain Text: A traditional and clean text link, ideal for minimalist designs that want to avoid visual clutter.
- Button: A classic rectangular button with a smooth lift effect (hover effect) and a drop shadow when hovered.
- Animated Circle: An elegant alternative that displays only a small circle. When hovered, the circle expands dynamically using CSS animations to reveal the text “Edit”.
- Target setting: Choose whether you want to open the edit link in the same tab or in a new tab of your browser.
- Complete color customization: In the admin panel, you can use an integrated color picker to define the background, border, font, and hover state colors of the button, ensuring it harmonizes with your site’s design.
- Live preview panel: The redesigned settings page features a built-in preview area that updates in real-time as you change the colors and format chosen.
- Theme integration: If you prefer the link to use the same typography and visual style as your theme’s native links, simply disable the “Load plugin styles” option in the settings.
Focus on Performance and Code Best Practices
Following modern WordPress development guidelines, Edit Post Link was built to be as unnoticeable as possible during page load:
- Clean front-end: The plugin does not load unnecessary scripts for regular visitors. The expansion animation of the Circle mode is done entirely via pure CSS, eliminating any JavaScript dependency on the front-end.
- Conditional script loading: Utility libraries, such as the Iris color picker (jQuery), are enqueued strictly on the WordPress admin options page, ensuring your public site’s performance remains flawless.
- Security and Accessibility (a11y): The code features strict server-side data validation, proper sanitization, security checks via nonces, along with clearly defined keyboard focus-visible states and a larger click area for the Circle mode.
- Block Theme Support (FSE): Thanks to the WordPress 6.4+ Block Hooks API, in templates using block-based themes (Full Site Editing), the link is automatically and seamlessly inserted right after the content, maintaining layout consistency.
- Broad compatibility: The code is optimized and compatible with recent WordPress versions (6.0 or higher) and modern PHP environments (PHP 7.0 or higher, tested up to PHP 8.3), preventing common server update conflicts.
How to Install and Use
Setting up the plugin takes less than two minutes:
- In your WordPress dashboard, go to Plugins > Add New.
- Search for “Edit Post Link”.
- Click Install Now and then Activate.
- Go to Settings > Edit Post Link.
- Choose the position, the link type, and set the colors you prefer.
- Click Save Changes and you’re set! When you are logged in and browsing your posts and pages, the button will be there to make your life easier.
Open Source and Contributions
Edit Post Link is an open-source project. If you are a developer and want to check the plugin’s code, suggest improvements, or report issues, the public repository is available on GitHub:
If the plugin has helped optimize your editing routine, consider leaving a review on the official plugin directory page. Your feedback goes a long way in keeping the project updated and secure!
