Banner for Tinymce Custom Styles
Improve TinyMCE visual editor by adding custom editor stylesheets and a configurable styles dropdown. Wordpress Tutorial
Noted That:
  • To install correctly this tinymce-custom-styles.zip .
  • Fisrt Download the tinymce-custom-styles.zip to your computer
  • Extract/Open tinymce-custom-styles.zip to Your Computer.
  • Then, Find readme.txt file inside tinymce-custom-styles.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " tinymce-custom-styles.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Tinymce Custom Styles

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Tinymce Custom Styles

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Tinymce Custom Styles

Step-5 : Now, Browse " tinymce-custom-styles.zip " Downloaded plugin from your computer, Where you downloaded " tinymce-custom-styles.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Tinymce Custom Styles

Step-6 : Now, Click on " Active Plugin "

Activate Tinymce Custom Styles

Step-7 : Then, See left Side Menu. " Tinymce Custom Styles " folder is added on left Side Menu. Now, Click on " Tinymce Custom Styles " folder.

Noted that: If you do not see " Tinymce Custom Styles " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Tinymce Custom Styles Configurations and Settings or How to work " Tinymce Custom Styles " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " TinyMCE Custom Styles " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is TinyMCE Custom Styles
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide
  1. Upload the Plugin to your wp-content/plugins/ folder
  2. Activate the Plugin
  3. Go to Settings -> TinyMCE Custom Styles
  4. Follow the instructions on the screen – write your CSS and create your custom formats

Important: Some Settings of TinyMCE or certain TinyMCE Plugins require you to do some manual settings for the Plugin to work. The Plugin WILL work, if you configure it correctly – check the FAQ for help.


Name