WordPress Customizer
🚀 Sublime Text package of snippets for WordPress Customizer. Helps you write standard WordPress code for Customizer with different kinds of snippets — in seconds.
Details
Installs
- Total 15K
- Win 12K
- Mac 2K
- Linux 1K
Feb 28 | Feb 27 | Feb 26 | Feb 25 | Feb 24 | Feb 23 | Feb 22 | Feb 21 | Feb 20 | Feb 19 | Feb 18 | Feb 17 | Feb 16 | Feb 15 | Feb 14 | Feb 13 | Feb 12 | Feb 11 | Feb 10 | Feb 9 | Feb 8 | Feb 7 | Feb 6 | Feb 5 | Feb 4 | Feb 3 | Feb 2 | Feb 1 | Jan 31 | Jan 30 | Jan 29 | Jan 28 | Jan 27 | Jan 26 | Jan 25 | Jan 24 | Jan 23 | Jan 22 | Jan 21 | Jan 20 | Jan 19 | Jan 18 | Jan 17 | Jan 16 | Jan 15 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 1 | 0 | 1 | 0 | 1 | 0 | 0 | 1 | 0 | 1 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
Sublime-WP-Customizer-Snippets Sublime Package of snippets for WordPress Customizer. |
|
A FOSS (Free & Open Source Software) project. Maintained by @AhmadAwais. |
⚡️ Sublime-WP-Customizer
Sublime snippets for WordPress Customizer.
✅ Getting Started
Read the official documentation and snippet reference. 1. INTRODUCTION 2. GETTING STARTED 3. SNIPPET REFERENCE 4. IMPLEMENTATION - Adding a Register Function - Adding a Cutsomizer Panel - Adding a Customizer Section - Adding a Customizer Setting - Adding a Customizer Control - Adding a Customizer Color - Adding a Customizer Image - Adding a Customizer Upload
→ General Information
WordPress Version: 4.6.0
Snippets: 09
Version: 1.0.4
🛡 Snippets
- Snippet: WP Customize Add Pannel
- Tab trigger:
wpCustomizerAddPanel
- Tab trigger:
- Snippet: WP Customize Add Section
- Tab trigger:
wpCustomizerAddSection
- Tab trigger:
- Snippet: WP Customize Add Setting
- Tab trigger:
wpCustomizerAddSetting
- Tab trigger:
- Snippet: WP Customize Add Control Basic
- Tab trigger:
wpCustomizerAddControlBasic
- Tab trigger:
- Snippet: WP Customize Add Control Image
- Tab trigger:
wpCustomizerAddControlImage
- Tab trigger:
- Snippet: WP Customize Add Control Upload
- Tab trigger:
wpCustomizerAddControlUpload
- Tab trigger:
- Snippet: WP Customize Add Control Color
- Tab trigger:
wpCustomizerAddControlColor
- Tab trigger:
- Snippet: WP Customize postMessage JS Basic
- Tab trigger:
wpCustomizerPostMessageJSBasic
- Tab trigger:
- Snippet: WP Customize Register Function
- Tab trigger:
wpCustomizerRegisterFunction
- Tab trigger:
🤞 Tab Triggers
You can do a fuzzy search inside PHP or JS file with initials of the snippets' names. E.g. To add a WP Customizer Add Pannel
you can just type wpcap
and Sublime will suggest the snippet. If that doesn't happen read the optional tip below. You can also open Package Control's Command Pallet: Command+Shift+P on Mac Ctrl+Shift+P on Windows or Linux and search for these snippets.
⚙ How to Use the Snippets?
WP Customize snippets are meant to bring ease to your workflow. All you have to do is select a snippet and then press Tab button to go from one editable area to another. E.g.
▶︎ Optional Tip
Sublime won't autocomplete PHP files when there is no closing ?>
tags , so go to Sublime Text > Preferences > Settings-User
add this snippet:
"auto_complete_selector": "source, text",
👍 Installation Instructions
🤘 Package Control installation
The preferred method of installation is via Package Control.
- Install Package Control.
- From inside the Sublime Text, open Package Control's Command Pallet: Command+Shift+P on Mac Ctrl+Shift+P on Windows or Linux.
- Type
Install Package
and hit Return or Enter. A list of available packages will be displayed. - Type
WordPress Customizer
and hit Return or Enter. The package will be downloaded to the appropriate directory (You can watch the progress bar in the left bottom bar of Sublime). - Restart Sublime Text to complete installation. The features listed above should now be available.
🤔 Manual Installation
- Close Sublime Text.
- Download or clone this repository to a directory named
WordPress-Customizer
in the Sublime Text Packages directory for your platform:- Sublime Text 3
- OS X:
git clone https://github.com/ahmadawais/Sublime-WP-Customizer.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/WordPress-Customizer
- Windows:
git clone https://github.com/ahmadawais/Sublime-WP-Customizer.git %APPDATA%\Sublime/ Text/ 3/Packages/WordPress-Customizer
- Linux:
git clone https://github.com/ahmadawais/Sublime-WP-Customizer.git ~/.config/sublime-text-3/Packages/WordPress-Customizer
- OS X:
- Sublime Text 2
- OS X:
git clone https://github.com/ahmadawais/Sublime-WP-Customizer.git ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/WordPress-Customizer
- Windows:
git clone https://github.com/ahmadawais/Sublime-WP-Customizer.git %APPDATA%\Sublime/ Text/ 2/Packages/WordPress-Customizer
- Linux:
git clone https://github.com/ahmadawais/Sublime-WP-Customizer.git ~/.config/sublime-text-2/Packages/WordPress-Customizer
- OS X:
- Sublime Text 3
- Restart Sublime Text to complete installation. The features listed above should now be available.
🎩 Understand manual installation
You can manually install by cloning this repository into your Sublime Text Packages
directory. Get to it quickly from within Sublime via the menu at Sublime Text > Preferences > Browse Packages
.
So, browse the Packages
directory in terminal and clone this repository inside it by running the following command.
$ git clone https://github.com/ahmadawais/Sublime-WP-Customizer.git WP-Customizer
Packages
directory can be found in
OSX Macbook
- Sublime Text 2
/Users/{user}/Library/Application Support/Sublime Text 2/Packages
- Sublime Text 3
/Users/{user}/Library/Application Support/Sublime Text 3/Packages
WINDOWS
- Sublime Text 2
C:\Users\%username%\AppData\Roaming\Sublime Text 2\Packages
- Sublime Text 3
C:\Users\%username%\AppData\Roaming\Sublime Text 3\Packages
📣 Changelog
Version 1.0.4
- UPDATE: ReadMe updated
- FIX: Add Section Tab trigger
Version 1.0.3
- UPDATE: ReadMe updated
- NEW: Package Control Messages
Version 1.0.2
- ReadMe updated
- Small Snippet bug fixes in WP Customize Register Function
Version 1.0.1
- Package Control Support
- New Snippet: WP Customize Register Function
Version 1.0.0
- First version
- Snippets 8
License & Copyright
GPL v2.0 or later. Copyright © 2016 Ahmad Awais http://AhmadAwais.com/
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
🙌 THEDEVCOUPLE PARTNERS
This open source project is maintained by the help of awesome businesses listed below. What? Read more about it →
![]() |
For anything else, tweet at @MrAhmadAwais
I have released a video course to help you become a better developer — Become a VSCode Power User →

VSCode _VSCode Power User Course →_