Title: Frontend User Notes
Author: Abu Bakar
Published: <strong>2025 年 1 月 4 日</strong>
Last modified: 2025 年 11 月 14 日

---

搜索插件

![](https://ps.w.org/frontend-user-notes/assets/banner-772x250.jpg?rev=3263657)

![](https://ps.w.org/frontend-user-notes/assets/icon-256x256.png?rev=3287750)

# Frontend User Notes

 作者：[Abu Bakar](https://profiles.wordpress.org/absikandar/)

[下载](https://downloads.wordpress.org/plugin/frontend-user-notes.2.1.1.zip)

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

 [支持](https://wordpress.org/support/plugin/frontend-user-notes/)

## 描述

**Frontend User Notes** is a simple yet powerful WordPress plugin that allows logged-
in users to add, edit, and manage personal notes directly from the frontend of your
website. Whether you’re building a membership site, a learning platform, a project
management tool, or a customer portal, this plugin provides a user-friendly interface
for your users to jot down and save important information without ever accessing
the WordPress dashboard.

**Simply copy, paste is allowed for the ease of adding notes.**

### Demo video

### Key Features

 * **Frontend Note Management** – Users can create, view, and edit notes from the
   frontend.
 * **User-Specific Notes** – Each user sees only their own notes. Notes are private
   and tied to individual user accounts.
 * **Simple and Lightweight Architecture:** – Lightweight, fast, and focused solely
   on delivering the best note-taking experience. No unnecessary scripts or styles
   are loaded. Only essential assets are used to ensure performance.
 * **Responsive Design** – Works seamlessly across desktops, tablets, and mobile
   devices.
 * **Secure** – Notes are stored securely and can only be accessed or edited by 
   the user who created them. Follows WordPress best practices for sanitization 
   and escaping.
 * **Supports All User Roles:** – Works for all logged-in users regardless of role(
   Subscriber, Contributor, Author, etc.).
 * **Compatibility** – Compatible Any WordPress Theme and Page Builders like Elementor,
   Beaver Builder, WPBakery, and more
 * **Custom Post Type-Based Storage:** – Notes are stored using a custom post type,
   ensuring that they are secure and scalable. Notes can be exported in xml format
   same as default WordPress posts.
 * **Admin Panel** – An admin panel where the layout and design of the notepad can
   be customized.
 * **Post Type Restrictions** – Admins can set the notepad to display on selected
   post types only.
 * **Translation Ready** – Fully translatable and compatible with multilingual sites.
 * **Exceptional Support** – by plugin Author.

### Use cases

**Frontend User Notes** is flexible and can be used in many different scenarios.
Here are just a few ways site owners are using the plugin:

**1. Membership and e-Learning sites:**

Allow members to keep track of their thoughts, tasks, or goals related to the content
they consume. Whether it’s online courses, coaching sessions, or exclusive content,
users can take notes for personal reference.

**2. Project Management Platforms**

Provide your team members or clients a simple way to track personal tasks, ideas,
or reminders without having to integrate a full project management suite.

**3. Educational Sites & eLearning Platforms**

Let students take private notes while reading lessons or watching course videos.
A great companion for LearnDash, Tutor LMS, or LifterLMS-based sites.

**4. Intranet Portals**

Add note functionality to company intranets so employees can keep private logs, 
to-do lists, or reminders.

**5. Customer Dashboards**

If you run a client area where users can access order details or support history,
give them the ability to maintain personal notes about their experience or issues.

**Only works for logged in users/members.**

**After activating the plugin, visit the frontend of the site to see it in action.**

**Please rate if you like this plugin 🙂**

## 屏幕截图

 * [[
 * Screenshot
 * [[
 * Screenshot
 * [[
 * Screenshot
 * [[
 * Screenshot
 * [[
 * Screenshot
 * [[
 * Screenshot
 * [[
 * Screenshot

## 安装

Install the plugin and activate. Go to Frontend User Notes options page under Settings
menu and customize.
 Visit the frontend of the site to see it in action.

## 常见问题

### Can users see other users’ notes?

No. Notes are strictly private and only visible to the user who created them.

### Is it compatible with Elementor or Gutenberg?

Yes! It is compatible with all themes and page builders.

### Can admins view user notes?

Yes. Site Administrators can view and edit user notes from backend.

### How can we replace/change the submit icon?

Use the following hooked function to change or replace the default submit icon.

    ```
    add_filter( 'funp_override_default_submit_icon', 'funp_override_default_submit_icon_cb' );
    function funp_override_default_submit_icon_cb($icon){
        return 'New Icon SVG code'; /* Can also use a text for submit button */
    }
    ```

### Can we display notes on a page or post?

Yes. Use the shortcode `[fun-my-notes]` to display all notes created by a user on
any page or post.

## 评价

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

### 󠀁[A lightweight, Flexible and very Attractive Plugin](https://wordpress.org/support/topic/a-lightweight-flexible-and-very-attractive-plugin/)󠁿

 [arjunarjun](https://profiles.wordpress.org/arjunarjun/) 2025 年 11 月 3 日

Finally I discovered an attractive and flexible plugin which is very useful for 
my e-learning site for taking quick notes. The plugin has the flexibility of customisation
to change the text and labels for the Notes Title and subtitle from the backend 
settings. The plugin author appears to be very positive about user feedback and 
requests for support. I have asked him for a solution tip on how to have a button
like shortcode placed on the page/place of your choice so that when it is clicked,
the Notes window opens . This is to make the pop-up note window open from any place
of your choice.Once again, thank you for such a beautiful and efficient plugin.

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

### 󠀁[Really useful plugin](https://wordpress.org/support/topic/really-useful-plugin-158/)󠁿

 [Ateeq Rafeeq](https://profiles.wordpress.org/sweetdaisy86/) 2025 年 6 月 21 日

Wow that’s a great helpful plugin! I have started using it to keep the tasks of 
each website within that website its easy and helpful !

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

### 󠀁[Excellent plugin for user notes](https://wordpress.org/support/topic/excellent-plugin-for-user-notes/)󠁿

 [fahadumar](https://profiles.wordpress.org/fahadumar/) 2025 年 1 月 8 日

Nice plugin. Really helpful!

 [ 阅读所有3条评价 ](https://wordpress.org/support/plugin/frontend-user-notes/reviews/)

## 贡献者及开发者

「Frontend User Notes」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Abu Bakar ](https://profiles.wordpress.org/absikandar/)

[帮助将「Frontend User Notes」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/frontend-user-notes)

### 对开发感兴趣吗?

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

## 更新日志

#### 2.1.1

 * BugFix: Insecure Direct Object Reference Bug Fixed. Please update plugin.

#### 2.1.0

 * BugFix: JavaScript bug preventing normal functioning of the plugin fixed. => 
   Thanks to @arjunarjun

#### 2.0.3

 * New: Added option to trigger the notepad from a custom link using a CSS class
   or ID.

#### 2.0.2

 * New: Support for [fun-my-notes] shortcode added.
 * Improved: Some PHP functions.

#### 2.0.1

 * Improved: CSS and layout improvements.

#### 2.0.0 (Major Update)

 * New: Rewritten core functionality for adding and editing notes.
 * New: Introduced a custom post type interface for easier and more flexible note
   management.
 * New: Site admins can now view notes taken by users in the backend.
 * New: Site admins can edit the notes if needed.
 * New: Plugin settings have been moved to their own top-level menu in the WordPress
   admin.
 * New: Reorganized plugin files for better structure and maintainability.
 * Improved: Minor CSS and JavaScript enhancements and fixes.

#### 1.4

 * New: Added option to replace Open Button with an icon only. (Minimal)
 * New: Added option to adjust the vertical position of Open Button.
 * Improved: Overall admin backend
 * Improved: General code improvement
 * Fix: Responsiveness Issues

#### 1.3

 * New: Added option to restrict notepage to selected post types.
 * New: Added placeholder animation for submit textarea.
 * New: Added option to override default submit icon SVG.
 * Improved: PHP, CSS, JS improved at multiple places.

#### 1.2

 * New: Allow users to edit their notes.
 * Improved: Overall code.
 * Bugs fixed

#### 1.1

 * All functions and admin options revised. double underscore in functions names
   replaced with single underscore. After update, save the changes again.
 * Added the option to make wrapper height full screen/offcanvas.
 * Added nice effect during notes loading. Placeholder Loading.
 * Design updates and general fixes.

#### 1.0

 * Just released

## 额外信息

 *  版本 **2.1.1**
 *  最后更新：**5 月前**
 *  活跃安装数量 **60+**
 *  WordPress 版本 ** 4.5 或更高版本 **
 *  已测试的最高版本为 **6.8.5**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/frontend-user-notes/)
 * 标签
 * [e-learning](https://cn.wordpress.org/plugins/tags/e-learning/)[membership](https://cn.wordpress.org/plugins/tags/membership/)
   [notepad](https://cn.wordpress.org/plugins/tags/notepad/)[notes](https://cn.wordpress.org/plugins/tags/notes/)
   [user](https://cn.wordpress.org/plugins/tags/user/)
 *  [高级视图](https://cn.wordpress.org/plugins/frontend-user-notes/advanced/)

## 评级

 5 星（最高 5 星）。

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

[Your review](https://wordpress.org/support/plugin/frontend-user-notes/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/frontend-user-notes/reviews/)

## 贡献者

 *   [ Abu Bakar ](https://profiles.wordpress.org/absikandar/)

## 支持

最近两个月解决的问题：

     总计 2，已解决 1

 [查看支持论坛](https://wordpress.org/support/plugin/frontend-user-notes/)

## 捐助

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

 [ 捐助此插件 ](https://buy.wppatch.com/l/frontend-user-notes?layout=profile)