Posts and pages have their own characteristics and uses, but sometimes there is a need to display important, very short, time sensitive information which don’t really fit into a post or page. WP Notes Widget fills this gap. The visual design is similar to real sticky notes which adds to the effective communication of the message.
With WP Notes Widget you can:
attach an image, audio, or video to a note
attach a link to either an uploaded file, a link from your website, or a link to another website
integrate with your twitter account to automatically tweet your notes
select the font style, font size, font color, and background color of notes
select which notes appear on a specific widget
post date notes to appear at a certain date/time
set notes to expire at a certain date/time (with additional, free plugin)
Enhancements
To further enhance the functionality of WP Notes Widget you can install these great plugins:
These are the fields and options that are available when editing a single note. Similar to a post.
This is a variation of screenshot 1 with different settings chosen. In this example the ability to post directly to Twitter has been enabled.
This shows the listing of all of the notes in the system. Similar to posts.
This shows the widget controls on the widget admin page.
The show what the front end of the website looks like using the configuration specified. The layout will naturally differ depending on what theme is being used.
This is a variation of screenshot 5. Different settings are being used to alter the front end display.
The admin page to enter your Twitter App credentials for automatic Tweets.
(Available in PRO) Add notes to posts and pages with the "Add Notes" button above the editor
(Available in PRO) Shortcode editor modal window - display settings
(Available in PRO) Shortcode editor modal window - font selection
(Available in PRO) Create note categories to organize your notes. Display notes from a category automatically.
(Available in PRO) Front end example with notes in post content 1
(Available in PRO) Front end example with notes in post content 2
What is the best way to customize the look (CSS) of WP Notes Widget?
Select the “I will use my own CSS styles for WP Notes Widget” option on the widget configuration page. This will disable all built in WP Notes Widget styles. You can take a look at public/less/wp-notes-public.less to view the LESS file used to generate the CSS file used on the front end of the website. This may be helpful when creating your own styles. You can add your own styles to the style.css file in your active theme folder, or another file if your theme does not use style.css for theme styles.
How can I get my images to have a transparent background like in the screenshots?
The images used in the screenshots are a PNG file and have been created with a transparent background. Only this file type and GIFs allow transparent backgrounds. JPGs are not capable of having transparent backgrounds.
What type of download attachments can I use?
You can attach any download that WordPress supports. In many cases it would make sense to have .PDF file as an attachment but any file type in your media library will work. This includes .mp3s, images, even video files.
I can’t get my tweets to post to my Twitter account
There are a few possible reasons why you are experiencing difficulties:
You did not check the “send tweet on publish or update” checkbox
Your tweet is over the 140 character limit
You did not enter the proper authentication credentials
You are trying to tweet an exact duplicate of a tweet you recently posted
