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
Dec 6 | Dec 5 | Dec 4 | Dec 3 | Dec 2 | Dec 1 | Nov 30 | Nov 29 | Nov 28 | Nov 27 | Nov 26 | Nov 25 | Nov 24 | Nov 23 | Nov 22 | Nov 21 | Nov 20 | Nov 19 | Nov 18 | Nov 17 | Nov 16 | Nov 15 | Nov 14 | Nov 13 | Nov 12 | Nov 11 | Nov 10 | Nov 9 | Nov 8 | Nov 7 | Nov 6 | Nov 5 | Nov 4 | Nov 3 | Nov 2 | Nov 1 | Oct 31 | Oct 30 | Oct 29 | Oct 28 | Oct 27 | Oct 26 | Oct 25 | Oct 24 | Oct 23 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 1 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 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 |
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 | 1 | 0 | 0 | 1 | 0 | 1 | 1 | 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 →_