Categories
JavaScript Portfolio Web Development

Weather Dashboard

The weather dashboard is a simple JavaScript program to view the weather for the specified city. A month ago I finished the coding bootcamp given by UC Berkeley. It was a fast paced bootcamp teaching front end web development skills. It was a six month course and I learnt about everything from Vanilla JavaScript, Node […]

Categories
Gutenberg Plugins Web Development WordPress

Creating Inspector Controls for Shortcode attributes – Part 1

This is next part in the series of Converting Shortcodes to Gutenberg Blocks. Shortcodes have been part of WordPress for a long time. As the new block editor is gaining users and popularity, converting these shortcodes to blocks will be helpful. Gutenberg blocks are not only useful for creating custom page layouts, but also make […]

Categories
CSS Gutenberg Web Development WordPress

Styling CSS grid responsive layouts based on the number of columns on the page

Building responsive layouts using CSS Grid and Flexbox is easy. Few lines of CSS and the columns resize nicely based on the width of the page. CSS Grid or Flexbox takes care of resizing and the columns nicely stack as needed in smaller view ports. We can style these columns using media queries for different […]

Categories
Gutenberg Web Development WordPress Tutorials

Converting a Shortcode to a Gutenberg block

WordPress shortcodes make it easy to add complex code to the pages. Now that the new editor is here to stay and we are all getting used to the new editor, it is important to make sure that the code that was available as shortcodes should now be given to the users as blocks. Converting the […]

Categories
Plugins Web Development WordPress

MailChimp lists using Ajax

I recently built a Mailchimp addon plugin for the Chamber Dashboard plugins. The plugin uses the Mailchimp api key to connect to Mailchimp and display the lists in the plugin options page. The admin can select a Mailchimp list to which new member emails can be automatically added. Without Ajax, the user would have to […]

Categories
Plugins Web Development WordPress

Adding a category filter to custom post type shortcode

The Chamber Dashboard plugins make it very easy to create member listings and display the businesses on the site. The shortcode used to display businesses has a few parameters that can be specified like pagination options, business details that need to be displayed like email, phone number, business category, membership level etc. The business_category option […]

Categories
Plugins Web Development WordPress

Adding login/logout links to selected WordPress Menu

Adding a login/logout link to any WP menu is very easy using the wp_nav_menu_items hook. In the Chamber Dashboard Member Manager plugin, we wanted to give our users an option to add the login/logout link to the selected menu of their choice.  There was an option to enable the login/logout link which would add the […]

Categories
Gutenberg Plugins Web Development

Custom Blocks with Advanced Custom Fields

Advanced Custom Fields is an amazing plugin that I have been using for a while. It makes it so easy to build extra fields for WordPress sites. So, when the custom blocks feature came out, I just had to try. Here is the first block I built to display a post from a custom post […]

Categories
Plugins Web Development WordPress

WordPress Parent and child categories using Ajax

Updated: 4/26/2019 wp_dropdown_categories displays the WordPress categories in a nice drop down. You can choose to display the parent and child categories in a hierarchy. Using Ajax, it is simple to display the child categories based on the selected parent category. I wrote the WP Category Dropdown plugin to make it easy to add this […]