Sublime Custom CSS Editor

December 23, 2015

Sublime Custom CSS Editor Plugin

Write easily your custom CSS like sublime text editor and add your website.

Sublime Text Custom WordPress Css Editor. You can easily write your custom css by using this plugin. This will be add inline css in your website.
We include all sublime text editor features in this plugin.

Features

Features of Sublime Custom CSS Editor

  • Autocomplete And Hint
  • Syntax highlighting.
  • Line numbering.
  • keyMap Sublime Text
  • autoCloseBrackets
  • matchBrackets
  • Sublime theme
  • showCursorWhenSelecting
  • Translate pot file included.

  • For Example *
    just select your targeted layout ID or Class ID=# or Class=. or any html tag
    Then go to page “Appearance” —> “Sublime Custom CSS” and enter your custom style (CSS only). Example:

 body{ color:#222; margin: 0; padding: 0; background-color: #fff; } .headers{ font-size: 16px; color: :#666; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99; } 

Credits: CodeMirror.

Email for Support: [email protected]

Arbitrary section

You may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated
plugins where more information needs to be conveyed that doesn’t fit into the categories of “description” or
“installation.” Arbitrary sections will be shown below the built-in sections outlined above.

A brief Markdown Example

Here’s a link to WordPress and one to Markdown’s Syntax Documentation.
Titles are optional, naturally.

Markdown uses email style notation for blockquotes and I’ve been told:

Asterisks for emphasis. Double it up for strong.

<?php code(); // goes in backticks ?> 

Installation

This section describes how to install the plugin and get it working.

Automatic installation

  1. Go to Plugins > Add New > Upload and select the .zip file from your hard disk
  2. Click the “Install now” button
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Manual installation

  1. Download a copy (zip file) of this plugin from WordPress.org.
  2. Unzip the zip file.
  3. Upload the unzipped directory to your website’s plugin directory (/wp-content/plugins/).
  4. Log into WordPress Dashboard of your website.
  5. Activate this plugin through the “Plugins” tab.

After installation, a “Sublime Custom CSS Editor” menu item will appear in the “Appearance” section. Click on this in order to view plugin’s administration page.

Can I use this plugin on my language?

Yes. But If your language is not available then you can make one. This plugin is ready for translation. The sublimecsse.pot file is included and placed in “languages” folder. You need to just translate sublimecsse.pot file.

How Can write my style

just select your targeted layout ID or Class ID=# or Class=. or any html tag
Then go to page “Appearance” —> “Sublime Custom CSS” and enter your custom style (CSS only). Example:

 body{ color:#222; margin: 0; padding: 0; background-color: #fff; } .headers{ font-size: 16px; color: :#666; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99; } 

Screenshots

  1. Write css with Hint and Autocomplete.

    Write css with Hint and Autocomplete.

  2. Fined your content.

    Fined your content.

  3. Save and Add custom CSS.

    Save and Add custom CSS.

Changelog

1.0

  • Is First Version of The plugin.

1.0.1

Details

  • Version: 1.0.1
  • Active installations: 100
  • WordPress Version: 4.4
  • Tested up to: 4.4.33

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars