Editor Stylify - WordPress WYSIWYG Editor CSS Styles Plugin Version 1.0
Today I will be contributing a plugin which adds styles to the WYSIWYG Editor of WordPress, the plugin will be plug and play. Basically what the plugin does is when activated it applies a custom css stylesheet to the WYSIWYG Editor.
Features or Work Done
- Created a custom css file for the editor
- Create a WordPress Plugin File
- Integrate the custom css to the WordPress WYSIWYG Editor.
What is the WordPress WYSIWYG Editor?
It is a powerful tool used to edit content on websites, web pages. The most popular one is called TinyMCE. It is like the markdown editor for Steemit or Busy.org but it has more features. A screenshot of the WYSIWYG Editor of WordPress:
Advantages of adding Editor Styles
One of the advantages of adding editors styles is it will be easier to edit the content you are gonna add to the editor. Much more important will be that you can use the styles of the front-end of your website with the same as the editor styles you are gonna add so that when you edit on the WYSIWYG Editor the layout and look is pretty much the same with what you are gonna get on the site's front-end.
How To Use the Plugin
Step One
Add the plugin folder editor-stylify to the wp-content/plugins folder in your WordPress Installation through FTP or File Manager.
Step Two
In the WordPress Admin Dashboard go to the Plugins page and activate the plugin
Step Three
After activating, the editor now should have the css styles you have.
Step Four
If you want to add your custom styles to the editor stylesheet, you can just edit the es_customeditor.css file on the wp-plugins/plugins/editor-stylify/css folder with a text editor you are comfortable with.
Results in Activating the Plugin
Before
After
Links
Repository: https://github.com/renegade47/wp-editor-stylify
Commit: https://github.com/renegade47/wp-editor-stylify/commit/276a655f7e55f6051c55274b7b54cf9f17c6a8e3
Github Proof
Posted on Utopian.io - Rewarding Open Source Contributors
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Thank you very much for approving my contribution.
Wow another, contribution to utopian with WordPress again this time. Keep up the good work, and may God Bless you always. :)
Again you have been one of my top followers, thank you very much for the awesome comment and support always.
Hey @vallesleoruther I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x