{"id":1558,"date":"2016-06-15T00:08:27","date_gmt":"2016-06-14T19:08:27","guid":{"rendered":"https:\/\/ahmadawais.com\/?p=1558"},"modified":"2018-01-20T05:53:22","modified_gmt":"2018-01-20T00:53:22","slug":"wordpress-customizer-package-sublime-text","status":"publish","type":"post","link":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/","title":{"rendered":"Introducing WordPress Customizer Package For Sublime Text!"},"content":{"rendered":"<p><a href=\"https:\/\/make.wordpress.org\/core\/components\/customize\/\">Customize component<\/a>\u00a0has an incredible PHP and JS based API in the WordPress Core. I found it to be much better than many other elements e.g. the Settings API in WordPress is a bit messy (probably why Scott Clark from 10Up is building the Fields API).<\/p>\n<h3 id=\"started-with-frameworks\">Started With Frameworks<a href=\"#started-with-frameworks\" class=\"heading-link\">#<\/a><\/h3>\n<p>Anywho, when I first started making <a href=\"https:\/\/creativemarket.com\/WPTiE\/431959-ProductPress-EDD-WordPress-Theme?u=WPTiE\">Customizer based WordPress themes<\/a>, I used frameworks like Kirki and Redux Framework, and then later I ended up using Titan Framework for a WordPress plugin called\u00a0<a href=\"http:\/\/cf7customizer.wptie.com\/\">CF7Customizer<\/a>.<\/p>\n<h3 id=\"problem-with-frameworks\">Problem\u00a0With Frameworks<a href=\"#problem-with-frameworks\" class=\"heading-link\">#<\/a><\/h3>\n<p>In the case of these frameworks, it quickly became hard to deal with the updates, backward compatibility, and then code quality especially concerning security. I found myself reading more and more source code to keep up with their development. And then came a time when I\u00a0felt I should probably go as native as I can to use WordPress APIs instead of such frameworks.<\/p>\n<h3 id=\"going-native-with-wp-customizer-api\">Going Native With WP Customizer API<a href=\"#going-native-with-wp-customizer-api\" class=\"heading-link\">#<\/a><\/h3>\n<p>I started to figure out what kept me away from using the official WP Customizer API.\u00a0I found out that WP Customizer is not very commonly adopted because of the lack of enough documented examples. Because after going through both Codex and Dev Reference, basic concepts of WordPress customizer were mundanely clear. It was just that the information is so scattered that I always went for simple and to the point frameworks.<\/p>\n<h3 id=\"customizer-is-pretty-cool\">Customizer Is Pretty Cool<a href=\"#customizer-is-pretty-cool\" class=\"heading-link\">#<\/a><\/h3>\n<p>Guess what WP Customizer is pretty much what you need to deal with and it is very easy, huge props to the customize component maintainers <a href=\"https:\/\/twitter.com\/westonruter\">Weston Ruter<\/a>, <a href=\"https:\/\/profiles.wordpress.org\/voldemortensen\">voldemortensen<\/a>, <a href=\"https:\/\/twitter.com\/NickHalsey_\">Nick Halsey<\/a>, <a href=\"https:\/\/twitter.com\/valendesigns\">Derek Herman<\/a>\u00a0and all the contributors.<\/p>\n<h3 id=\"wpcustomize-boilerplate\">WPCustomize Boilerplate<a href=\"#wpcustomize-boilerplate\" class=\"heading-link\">#<\/a><\/h3>\n<p>WPCustomize Boilerplate is something that I will write about in an upcoming article but here&#8217;s a bit about it.<\/p>\n<p>To make things better I&#8217;ve started to build a <a href=\"https:\/\/github.com\/ahmadawais\/WPCustomize\">WPCustomize Boilerplate<\/a>, which will be my sandbox for customizer related experiments. Right now, I have added all the core\u00a0and advanced controls accompanied with Panels &amp;\u00a0Sections and <a href=\"https:\/\/github.com\/ahmadawais\/WPCustomize\/blob\/master\/customizer\/customizer-sanitization.php\">customizer sanitization routines<\/a> via WPTRT.<\/p>\n<\/section>\n<div class=\"postcontents full dark\">\n<div class=\"wrapper\">\n<h2 id=\"sublime-package-for-wordpress-customizer\"><a href=\"https:\/\/ahmadawais.github.io\/Sublime-WP-Customizer\/\">Sublime Package for WordPress Customizer<\/a><a href=\"#sublime-package-for-wordpress-customizer\" class=\"heading-link\">#<\/a><\/h2>\n<p>Sublime snippets for WordPress Customizer.<\/p>\n<p><a href=\"http:\/\/www.gnu.org\/licenses\/old-licenses\/gpl-2.0.en.html\"><img decoding=\"async\" style=\"width: initial !important; height: auto !important;\" src=\"https:\/\/img.shields.io\/badge\/License-GPL-lightgrey.svg?style=flat-square\" alt=\"GPL\" \/><\/a>\u00a0<a href=\"https:\/\/packagecontrol.io\/packages\/WordPress%20Customizer\"><img decoding=\"async\" style=\"width: initial !important; height: auto !important;\" src=\"https:\/\/packagecontrol.herokuapp.com\/downloads\/WordPress%20Customizer.svg?style=flat-square\" alt=\"Package Control\" \/><\/a>\u00a0<a href=\"https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer\/releases\"><img decoding=\"async\" style=\"width: initial !important; height: auto !important;\" src=\"https:\/\/img.shields.io\/github\/release\/ahmadawais\/Sublime-WP-Customizer.svg?style=flat-square\" alt=\"GitHub release\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<section class=\"postcontents wrapper\">\n<blockquote><p><em><strong>Stupid-simple, tab-triggered sublime snippets and completions for WordPress Customizer.<\/strong><\/em><\/p><\/blockquote>\n<p>I&#8217;ve been a big fan of Sublime Text; I use it every day for both frontend and backend programming. Sublime Text has a great deal of potential which helps me automate my dev workflow and build small completions and snippets based libraries.<\/p>\n<p>What if I told you that you can build Customizer options for your next WordPress product (theme\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.<\/p>\n<\/section>\n<div class=\"postcontents full\">\n<p><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><\/p>\n<div class=\"wistia_responsive_padding\" style=\"padding:56.25% 0 0 0;position:relative;\">\n<div class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\">\n<div class=\"wistia_embed wistia_async_xsui0y1dsj dnt=1 videoFoam=true\" style=\"height:100%;position:relative;width:100%\">\n<div class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"><img decoding=\"async\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/xsui0y1dsj\/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<section class=\"postcontents wrapper\">\n<h3 id=\"download-from\">Download From<a href=\"#download-from\" class=\"heading-link\">#<\/a><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/WordPress%20Customizer\" target=\"_blank\" class=\"shortbutton orange large\">Sublime Package Control<\/a>\u00a0<a href=\"https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer\" target=\"_blank\" class=\"shortbutton green large\">GitHub<\/a>\u00a0<a href=\"https:\/\/ahmadawais.github.io\/Sublime-WP-Customizer\/\" target=\"_blank\" class=\"shortbutton blue large\">Landing Page<\/a><\/p>\n<p>Over time, I have built a good deal of such dev-workflow-automation packages for Sublime Text that I plan to share with the WordPress community, with this package being the first of many.<\/p>\n<h2><a id=\"user-content-general-information\" class=\"anchor\" href=\"#general-information\"><\/a>General Information<\/h2>\n<pre><code>WordPress Version: 4.6.0\r\nSnippets: 09\r\nVersion: 1.0.4\r\n<\/code><\/pre>\n<h2><a id=\"user-content-snippets\" class=\"anchor\" href=\"#snippets\"><\/a>Snippets<\/h2>\n<ol>\n<li>Snippet: WP Customize Add Pannel\n<ul>\n<li>Tab trigger: <code>wpCustomizerAddPanel<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize Add Section\n<ul>\n<li>Tab trigger: <code>wpCustomizerAddSection<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize Add Setting\n<ul>\n<li>Tab trigger: <code>wpCustomizerAddSetting<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize Add Control Basic\n<ul>\n<li>Tab trigger: <code>wpCustomizerAddControlBasic<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize Add Control Image\n<ul>\n<li>Tab trigger: <code>wpCustomizerAddControlImage<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize Add Control Upload\n<ul>\n<li>Tab trigger: <code>wpCustomizerAddControlUpload<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize Add Control Color\n<ul>\n<li>Tab trigger: <code>wpCustomizerAddControlColor<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize postMessage JS Basic\n<ul>\n<li>Tab trigger: <code>wpCustomizerPostMessageJSBasic<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Snippet: WP Customize Register Function\n<ul>\n<li>Tab trigger: <code>wpCustomizerRegisterFunction<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3><a id=\"user-content-tab-triggers\" class=\"anchor\" href=\"#tab-triggers\"><\/a>Tab Triggers<\/h3>\n<p>You can do a fuzzy search inside PHP or JS file with initials of the snippets&#8217; names. E.g. To add a <code>WP Customizer Add Pannel<\/code> you can just type <code>wpcap<\/code> and Sublime will suggest the snippet. If that doesn&#8217;t happen, read the optional tip below. You can also open Package Control&#8217;s Command Pallet: <code>Command+Shift+P<\/code> on Mac <code>Ctrl+Shift+P<\/code> on Windows or Linux and search for these snippets.<\/p>\n<h3><a id=\"user-content-how-to-use-the-snippets\" class=\"anchor\" href=\"#how-to-use-the-snippets\"><\/a>How to use the snippets?<\/h3>\n<p>WP Customize snippets are meant to bring ease to your workflow. All you have to do is select a snippet and then press <code>tab<\/code> button to go from one editable area to another. E.g.<\/p>\n<\/section>\n<div class=\"postcontents full\">\n<p><img decoding=\"async\" style=\"max-width: 100%;\" src=\"https:\/\/raw.githubusercontent.com\/ahmadawais\/Sublime-WP-Customizer\/master\/the.gif\" alt=\"WP Customizer Snippets\" \/><\/p>\n<\/div>\n<section class=\"postcontents wrapper\">\n<h3><a id=\"user-content-optional-tip\" class=\"anchor\" href=\"#optional-tip\"><\/a>Optional Tip<\/h3>\n<p>Sublime won&#8217;t autocomplete in the PHP files when there is no closing <code>?&gt;<\/code> tag, so go to <code>Sublime Text &gt; Preferences &gt; Settings-User<\/code> add this snippet:<\/p>\n<div class=\"highlight highlight-source-shell\">\n<pre><span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>auto_complete_selector<span class=\"pl-pds\">\"<\/span><\/span>: <span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>source, text<span class=\"pl-pds\">\"<\/span><\/span>,<\/pre>\n<\/div>\n<p><a id=\"user-content-install-instructions\" class=\"anchor\" href=\"#install-instructions\"><\/a><\/section>\n<div class=\"postcontents full dark\">\n<div class=\"wrapper\">\n<h2 id=\"install-instructions\">Install Instructions<a href=\"#install-instructions\" class=\"heading-link\">#<\/a><\/h2>\n<\/div>\n<\/div>\n<section class=\"postcontents wrapper\">\n<h3><a id=\"user-content-package-control-installation\" class=\"anchor\" href=\"#package-control-installation\"><\/a>Package Control installation<\/h3>\n<p>The preferred method of installation is via Package Control.<\/p>\n<ol>\n<li><a href=\"https:\/\/packagecontrol.io\/installation\">Install Package Control<\/a>.<\/li>\n<li>From inside the Sublime Text, open Package Control&#8217;s Command Pallet: <code>Command+Shift+P<\/code> on Mac <code>Ctrl+Shift+P<\/code> on Windows or Linux.<\/li>\n<li>Type <code>Install Package<\/code> and hit <code>Return or Enter<\/code>. A list of available packages will be displayed.<\/li>\n<li>Type <code>WordPress Customizer<\/code> and hit <code>Return or Enter<\/code>. The package will be downloaded to the appropriate directory (You can watch the progress bar in the bottom left bar of Sublime).<\/li>\n<li>Restart Sublime Text to complete the installation. The features listed above should now be available.<\/li>\n<\/ol>\n<h3><a id=\"user-content-manual-installation\" class=\"anchor\" href=\"#manual-installation\"><\/a>Manual Installation<\/h3>\n<ol>\n<li>Close Sublime Text.<\/li>\n<li>Download or clone this repository to a directory named <code>WordPress-Customizer<\/code> in the Sublime Text Packages directory for your platform:\n<ul>\n<li>Sublime Text 3\n<ul>\n<li><strong>OS X<\/strong>: <code>git clone https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer.git ~\/Library\/Application\\ Support\/Sublime\\ Text\\ 3\/Packages\/WordPress-Customizer<\/code><\/li>\n<li><strong>Windows<\/strong>: <code>git clone https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer.git %APPDATA%\\Sublime\/ Text\/ 3\/Packages\/WordPress-Customizer<\/code><\/li>\n<li><strong>Linux<\/strong>: <code>git clone https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer.git ~\/.config\/sublime-text-3\/Packages\/WordPress-Customizer<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Sublime Text 2\n<ul>\n<li><strong>OS X<\/strong>: <code>git clone https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer.git ~\/Library\/Application\\ Support\/Sublime\\ Text\\ 2\/Packages\/WordPress-Customizer<\/code><\/li>\n<li><strong>Windows<\/strong>: <code>git clone https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer.git %APPDATA%\\Sublime\/ Text\/ 2\/Packages\/WordPress-Customizer<\/code><\/li>\n<li><strong>Linux<\/strong>: <code>git clone https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer.git ~\/.config\/sublime-text-2\/Packages\/WordPress-Customizer<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Restart Sublime Text to complete the installation. The features listed above should now be available.<\/li>\n<\/ol>\n<h3><a id=\"user-content-understand-manual-installation\" class=\"anchor\" href=\"#understand-manual-installation\"><\/a>Understand manual installation.<\/h3>\n<p>You can manually install by cloning this repository into your Sublime Text <code>Packages<\/code> directory. Get to it quickly from within Sublime via the menu at <code>Sublime Text &gt; Preferences &gt; Browse Packages<\/code>.<br \/>\nSo, browse the <code>Packages<\/code> directory in terminal and clone this repository inside it by running the following command.<\/p>\n<div class=\"highlight highlight-source-shell\">\n<pre>$ git clone https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer.git WP-Customizer<\/pre>\n<\/div>\n<p><code>Packages<\/code> directory can be found in<\/p>\n<h4><a id=\"user-content-osx-macbook\" class=\"anchor\" href=\"#osx-macbook\"><\/a><strong>OSX Macbook<\/strong><\/h4>\n<ul>\n<li>Sublime Text 2 <code>\/Users\/{user}\/Library\/Application Support\/Sublime Text 2\/Packages<\/code><\/li>\n<li>Sublime Text 3 <code>\/Users\/{user}\/Library\/Application Support\/Sublime Text 3\/Packages<\/code><\/li>\n<\/ul>\n<h4><a id=\"user-content-windows\" class=\"anchor\" href=\"#windows\"><\/a><strong>WINDOWS<\/strong><\/h4>\n<ul>\n<li>Sublime Text 2 <code>C:\\Users\\%username%\\AppData\\Roaming\\Sublime Text 2\\Packages<\/code><\/li>\n<li>Sublime Text 3 <code>C:\\Users\\%username%\\AppData\\Roaming\\Sublime Text 3\\Packages<\/code><\/li>\n<\/ul>\n<h3><a id=\"user-content-changelog\" class=\"anchor\" href=\"#changelog\"><\/a>Updates &amp; Changelog<\/h3>\n<h4><a id=\"user-content-version-104\" class=\"anchor\" href=\"#version-104\"><\/a>Version 1.0.4<\/h4>\n<ul>\n<li>UPDATE: ReadMe updated<\/li>\n<li>FIX: Add Section Tab trigger<\/li>\n<\/ul>\n<h4><a id=\"user-content-version-103\" class=\"anchor\" href=\"#version-103\"><\/a>Version 1.0.3<\/h4>\n<ul>\n<li>UPDATE: ReadMe updated<\/li>\n<li>NEW: Package Control Messages<\/li>\n<\/ul>\n<h4><a id=\"user-content-version-102\" class=\"anchor\" href=\"#version-102\"><\/a>Version 1.0.2<\/h4>\n<ul>\n<li>ReadMe updated<\/li>\n<li>Small Snippet bug fixes in WP Customize Register Function<\/li>\n<\/ul>\n<h4><a id=\"user-content-version-101\" class=\"anchor\" href=\"#version-101\"><\/a>Version 1.0.1<\/h4>\n<ul>\n<li>Package Control Support<\/li>\n<li>New Snippet: WP Customize Register Function<\/li>\n<\/ul>\n<h4><a id=\"user-content-version-100\" class=\"anchor\" href=\"#version-100\"><\/a>Version 1.0.0<\/h4>\n<ul>\n<li>First version<\/li>\n<li>Snippets 8<\/li>\n<\/ul>\n<h3 id=\"download-from\">Download From<a href=\"#download-from\" class=\"heading-link\">#<\/a><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/WordPress%20Customizer\" target=\"_blank\" class=\"shortbutton orange large\">Sublime Package Control<\/a>\u00a0<a href=\"https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer\" target=\"_blank\" class=\"shortbutton green large\">GitHub<\/a>\u00a0<a href=\"https:\/\/ahmadawais.github.io\/Sublime-WP-Customizer\/\" target=\"_blank\" class=\"shortbutton blue large\">Landing Page<\/a><\/p>\n<h3 id=\"your-turn\">Your Turn<a href=\"#your-turn\" class=\"heading-link\">#<\/a><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1570\" src=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-1024x469.png\" alt=\"WPCustomzier-Is-Trending\" width=\"1024\" height=\"469\" srcset=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-1024x469.png 1024w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-300x137.png 300w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-768x352.png 768w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-1680x770.png 1680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-860x394.png 860w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-680x312.png 680w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-400x183.png 400w, https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WPCustomzier-Trending-50x23.png 50w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Last I checked, WordPress Customizer package for Sublime was 32nd most trending Sublime Package with about 250 downloads in just about two weeks. It&#8217;s up to you now. I think if you use Sublime do give it a try. If you run into any issues, create a new <a href=\"https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer\/issues\">issue<\/a>\u00a0at GitHub or send a <a href=\"https:\/\/github.com\/ahmadawais\/Sublime-WP-Customizer\/pulls\">Pull Request<\/a>.\u00a0If you have any questions comment below. Or reach out to me at Twitter <a href=\"https:\/\/twitter.com\/mrahmadawais\">@mrahmadawais<\/a>.<\/p>\n<div class=\"alert blue\"><span style=\"color: #ffffff;\"><a style=\"color: #ffffff; border: none;\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%F0%9F%94%A5%20%E2%86%92%20Check%20out%20the%20Sublime%20Package%20for%20WordPress%20Customizer%21%20&amp;url=https%3A%2F%2Fahmadawais.com%2F%3Fp%3D1558&amp;via=mrahmadawais\"><i class=\"fa fa-twitter\" style=\"font-size:28px\"><\/i> Click here to Tweet about WordPress Customizer Package For Sublime Text!<\/a><\/span><\/div>\n<div class=\"alert gray\">\n<h3 id=\"updates\">UPDATES:<a href=\"#updates\" class=\"heading-link\">#<\/a><\/h3>\n<ol>\n<li>WordPress Customizer Package for Sublime Text is now featured on the homepage of <a href=\"https:\/\/packagecontrol.io\/packages\/WordPress%20Customizer\" target=\"_blank\">PacakgeControl.io<\/a>\u00a0as the 9th most trending package. Yay! \u24e6<\/li>\n<li><a href=\"https:\/\/twitter.com\/pollyplummer\" target=\"_blank\">Sarah<\/a>\u00a0featured the package at WPTavern:\u00a0<a href=\"https:\/\/wptavern.com\/ahmad-awais-releases-wordpress-customizer-package-for-sublime-text\" target=\"_blank\">Ahmad Awais Releases WordPress Customizer Package for Sublime Text<\/a>\u00a0Yay! ?<\/li>\n<li>WordPress Customizer Package for Sublime Text is the 2nd most relevant and 10th most popular Sublime package for WP.<\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>What if I told you that you can build Customizer options for your next WordPress product (theme\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.<\/p>\n","protected":false},"author":2,"featured_media":1579,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[181,10],"tags":[125,124],"class_list":["post-1558","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-wordpress","tag-sublime-text","tag-wordpress-customizer"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introducing WordPress Customizer Package For Sublime Text!<\/title>\n<meta name=\"description\" content=\"What if I told you that you can build Customizer options for your next WordPress product (theme\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing WordPress Customizer Package For Sublime Text!\" \/>\n<meta property=\"og:description\" content=\"What if I told you that you can build Customizer options for your next WordPress product (theme\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/\" \/>\n<meta property=\"og:site_name\" content=\"Ahmad Awais\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/AhmadAwais\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/AhmadAwais\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-14T19:08:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-20T00:53:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WP-Customizer-Package-Sublime-Text.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ahmad Awais\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MrAhmadAwais\" \/>\n<meta name=\"twitter:site\" content=\"@MrAhmadAwais\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ahmad Awais\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/\"},\"author\":{\"name\":\"Ahmad Awais\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"headline\":\"Introducing WordPress Customizer Package For Sublime Text!\",\"datePublished\":\"2016-06-14T19:08:27+00:00\",\"dateModified\":\"2018-01-20T00:53:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/\"},\"wordCount\":1209,\"commentCount\":14,\"publisher\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"image\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/WP-Customizer-Package-Sublime-Text.jpg\",\"keywords\":[\"Sublime Text\",\"WordPress Customizer\"],\"articleSection\":[\"JavaScript\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/\",\"name\":\"Introducing WordPress Customizer Package For Sublime Text!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/WP-Customizer-Package-Sublime-Text.jpg\",\"datePublished\":\"2016-06-14T19:08:27+00:00\",\"dateModified\":\"2018-01-20T00:53:22+00:00\",\"description\":\"What if I told you that you can build Customizer options for your next WordPress product (theme\\\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/WP-Customizer-Package-Sublime-Text.jpg\",\"contentUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/WP-Customizer-Package-Sublime-Text.jpg\",\"width\":1920,\"height\":1200,\"caption\":\"WP-Customizer-Package-Sublime-Text\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wordpress-customizer-package-sublime-text\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ahmadawais.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing WordPress Customizer Package For Sublime Text!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#website\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/\",\"name\":\"Ahmad Awais\",\"description\":\"Founder &amp; CEO of CommandCode.ai f\\\/k\\\/a Langbase | Google Developers Advisory Board (gDAB) founding member\",\"publisher\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ahmadawais.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/#\\\/schema\\\/person\\\/1d1b9504182dca2315cf039fb4ebb85b\",\"name\":\"Ahmad Awais\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"url\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"contentUrl\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\",\"width\":2299,\"height\":1705,\"caption\":\"Ahmad Awais\"},\"logo\":{\"@id\":\"https:\\\/\\\/ahmadawais.com\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Ahmad-Awais-face.jpg\"},\"description\":\"Founder & CEO of \u2318 Command Code coding agent with taste. Founded Langbase.com, AI cloud to build, deploy, and scale AI agents with tools & memory \u00b7 Creator of Command.new. \\\"Awais is an awesome example for developers\\\" \u2014 Satya Nadella, CEO of Microsoft. NASA Mars Ingenuity Helicopter mission code contributor 8th GitHub Stars Award recipient with 5x GitHub Stars Award (Listed as GitHub's #1 JavaScript trending developer). Google Developers Expert Web DevRel. Ex VP Eng (DevTools & DevRel) Rapid \u00b7 Google Developers Advisory Board (gDAB) founding member \u00b7 AI\\\/ML\\\/DevTools Angel Investor (Replit, Resend, Daytona, Gumroad and you?) \u276f AI\\\/ML Advisory Board San Francisco, DevNetwork. Award-winning Open Source Engineering leader authored hundreds of open-source dev-tools and software libraries used by millions of developers, including Shades of Purple code theme and corona-cli. Linux Foundation (Node.js Committee Lead), OpenAPI Business Governing Board. Taught 108K+ developers via NodeCLI.com and VSCode.pro course. 274 million views, blogging for 24 yrs. \u276f Read more about Ahmad Awais or come say hi on \ud835\udd4f @MrAhmadAwais.\",\"sameAs\":[\"https:\\\/\\\/AhmadAwais.com\\\/\",\"https:\\\/\\\/facebook.com\\\/AhmadAwais\",\"https:\\\/\\\/instagram.com\\\/MrAhmadAwais\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/MrAhmadAwais\\\/\",\"https:\\\/\\\/x.com\\\/MrAhmadAwais\",\"https:\\\/\\\/youtube.com\\\/AhmadAwais\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing WordPress Customizer Package For Sublime Text!","description":"What if I told you that you can build Customizer options for your next WordPress product (theme\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/","og_locale":"en_US","og_type":"article","og_title":"Introducing WordPress Customizer Package For Sublime Text!","og_description":"What if I told you that you can build Customizer options for your next WordPress product (theme\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.","og_url":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/","og_site_name":"Ahmad Awais","article_publisher":"https:\/\/facebook.com\/AhmadAwais","article_author":"https:\/\/facebook.com\/AhmadAwais","article_published_time":"2016-06-14T19:08:27+00:00","article_modified_time":"2018-01-20T00:53:22+00:00","og_image":[{"width":1920,"height":1200,"url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WP-Customizer-Package-Sublime-Text.jpg","type":"image\/jpeg"}],"author":"Ahmad Awais","twitter_card":"summary_large_image","twitter_creator":"@MrAhmadAwais","twitter_site":"@MrAhmadAwais","twitter_misc":{"Written by":"Ahmad Awais","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#article","isPartOf":{"@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/"},"author":{"name":"Ahmad Awais","@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"headline":"Introducing WordPress Customizer Package For Sublime Text!","datePublished":"2016-06-14T19:08:27+00:00","dateModified":"2018-01-20T00:53:22+00:00","mainEntityOfPage":{"@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/"},"wordCount":1209,"commentCount":14,"publisher":{"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"image":{"@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#primaryimage"},"thumbnailUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WP-Customizer-Package-Sublime-Text.jpg","keywords":["Sublime Text","WordPress Customizer"],"articleSection":["JavaScript","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/","url":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/","name":"Introducing WordPress Customizer Package For Sublime Text!","isPartOf":{"@id":"https:\/\/ahmadawais.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#primaryimage"},"image":{"@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#primaryimage"},"thumbnailUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WP-Customizer-Package-Sublime-Text.jpg","datePublished":"2016-06-14T19:08:27+00:00","dateModified":"2018-01-20T00:53:22+00:00","description":"What if I told you that you can build Customizer options for your next WordPress product (theme\/plugin) under 5 minutes? Yes, it is possible! I have made a Sublime Text package for WordPress Customizer that can help you write quality code in a jiffy.","breadcrumb":{"@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#primaryimage","url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WP-Customizer-Package-Sublime-Text.jpg","contentUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WP-Customizer-Package-Sublime-Text.jpg","width":1920,"height":1200,"caption":"WP-Customizer-Package-Sublime-Text"},{"@type":"BreadcrumbList","@id":"https:\/\/ahmadawais.com\/wordpress-customizer-package-sublime-text\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ahmadawais.com\/"},{"@type":"ListItem","position":2,"name":"Introducing WordPress Customizer Package For Sublime Text!"}]},{"@type":"WebSite","@id":"https:\/\/ahmadawais.com\/#website","url":"https:\/\/ahmadawais.com\/","name":"Ahmad Awais","description":"Founder &amp; CEO of CommandCode.ai f\/k\/a Langbase | Google Developers Advisory Board (gDAB) founding member","publisher":{"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ahmadawais.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/ahmadawais.com\/#\/schema\/person\/1d1b9504182dca2315cf039fb4ebb85b","name":"Ahmad Awais","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","contentUrl":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg","width":2299,"height":1705,"caption":"Ahmad Awais"},"logo":{"@id":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2020\/06\/Ahmad-Awais-face.jpg"},"description":"Founder & CEO of \u2318 Command Code coding agent with taste. Founded Langbase.com, AI cloud to build, deploy, and scale AI agents with tools & memory \u00b7 Creator of Command.new. \"Awais is an awesome example for developers\" \u2014 Satya Nadella, CEO of Microsoft. NASA Mars Ingenuity Helicopter mission code contributor 8th GitHub Stars Award recipient with 5x GitHub Stars Award (Listed as GitHub's #1 JavaScript trending developer). Google Developers Expert Web DevRel. Ex VP Eng (DevTools & DevRel) Rapid \u00b7 Google Developers Advisory Board (gDAB) founding member \u00b7 AI\/ML\/DevTools Angel Investor (Replit, Resend, Daytona, Gumroad and you?) \u276f AI\/ML Advisory Board San Francisco, DevNetwork. Award-winning Open Source Engineering leader authored hundreds of open-source dev-tools and software libraries used by millions of developers, including Shades of Purple code theme and corona-cli. Linux Foundation (Node.js Committee Lead), OpenAPI Business Governing Board. Taught 108K+ developers via NodeCLI.com and VSCode.pro course. 274 million views, blogging for 24 yrs. \u276f Read more about Ahmad Awais or come say hi on \ud835\udd4f @MrAhmadAwais.","sameAs":["https:\/\/AhmadAwais.com\/","https:\/\/facebook.com\/AhmadAwais","https:\/\/instagram.com\/MrAhmadAwais\/","https:\/\/www.linkedin.com\/in\/MrAhmadAwais\/","https:\/\/x.com\/MrAhmadAwais","https:\/\/youtube.com\/AhmadAwais"]}]}},"jetpack_featured_media_url":"https:\/\/ahmadawais.com\/wp-content\/uploads\/2016\/06\/WP-Customizer-Package-Sublime-Text.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts\/1558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/comments?post=1558"}],"version-history":[{"count":1,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts\/1558\/revisions"}],"predecessor-version":[{"id":3608,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/posts\/1558\/revisions\/3608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/media\/1579"}],"wp:attachment":[{"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/media?parent=1558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/categories?post=1558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahmadawais.com\/api\/wp\/v2\/tags?post=1558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}