ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Word​Press Customizer

by ahmadawais ST2/ST3

🚀 Sublime Text package of snippets for WordPress Customizer. Helps you write standard WordPress code for Customizer with different kinds of snippets — in seconds.

Details

  • 1.0.4
  • AhmdA.​ws
  • github.​com
  • 2 years ago
  • 36 minutes ago
  • 2 years ago

Installs

  • Total 8K
  • Win 6K
  • OS X 1K
  • Linux 740
Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5 Sep 4 Sep 3 Sep 2 Sep 1 Aug 31 Aug 30 Aug 29 Aug 28 Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6
Windows 0 7 12 8 2 3 9 4 10 7 3 4 7 9 8 10 7 4 1 3 6 3 5 15 3 6 2 6 6 9 4 6 3 2 5 6 10 5 5 8 4 9 7 8 3 10
OS X 0 1 3 0 1 1 0 0 4 3 2 3 1 4 0 2 3 2 1 5 0 2 1 1 3 1 1 2 2 1 1 1 0 0 4 2 3 1 2 1 0 0 0 3 2 1
Linux 0 2 4 1 0 0 1 1 1 1 2 0 0 0 0 0 1 0 0 0 1 0 1 2 3 0 0 0 0 1 0 0 2 1 0 0 1 3 0 2 0 1 1 1 1 2

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-WP-Customizer GPL Package Control GitHub release Documentation

WP Customizer Snippets

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

  1. Snippet: WP Customize Add Pannel
    • Tab trigger: wpCustomizerAddPanel
  2. Snippet: WP Customize Add Section
    • Tab trigger: wpCustomizerAddSection
  3. Snippet: WP Customize Add Setting
    • Tab trigger: wpCustomizerAddSetting
  4. Snippet: WP Customize Add Control Basic
    • Tab trigger: wpCustomizerAddControlBasic
  5. Snippet: WP Customize Add Control Image
    • Tab trigger: wpCustomizerAddControlImage
  6. Snippet: WP Customize Add Control Upload
    • Tab trigger: wpCustomizerAddControlUpload
  7. Snippet: WP Customize Add Control Color
    • Tab trigger: wpCustomizerAddControlColor
  8. Snippet: WP Customize postMessage JS Basic
    • Tab trigger: wpCustomizerPostMessageJSBasic
  9. Snippet: WP Customize Register Function
    • Tab trigger: wpCustomizerRegisterFunction

🤞 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.

WP Customizer Snippets

▶︎ 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.

  1. Install Package Control.
  2. From inside the Sublime Text, open Package Control's Command Pallet: Command+Shift+P on Mac Ctrl+Shift+P on Windows or Linux.
  3. Type Install Package and hit Return or Enter. A list of available packages will be displayed.
  4. 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).
  5. Restart Sublime Text to complete installation. The features listed above should now be available.

🤔 Manual Installation

  1. Close Sublime Text.
  2. 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
    • 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
  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.


🙌 WPCOUPLE PARTNERS:

This open source project is maintained by the help of awesome businesses listed below. What? Read more about it →

Follow me 👋 on TwitterTweet to say Hi