Adding UIkit to Pinegrow: Part 7

Posted on: November 16,2019

Namaste!!     Welcome to the last (I think) part of our tutorial series on integrating the UIkit framework into Pinegrow. In previous sections, we have covered how to initialize a new plugin for Pinegrow, ran through the steps for adding a new HTML component, as well as covering how to give the end-user choices […]

Adding UIkit to Pinegrow: Pt 6

Posted on: August 9,2019

Namaste!      Welcome to part 6 of this tutorial. In this part, we will be covering an additional ‘key:value‘ pair for the options fields and talk about what values are made available to pass to helper functions. To pretty up our options, we will also discuss how to use the built-in ‘PgToggleButtonMaker()‘ function. First, […]

Adding UIkit to Pinegrow: Pt 5

Posted on: July 26,2019

    Namaste!     Welcome to part 5 of this series! In this section, we will be injecting our template resources, covering some helper functions, and then we will add in a custom control for adding UIkit icons to Pinegrow using a built-in modal picker.     To recap our past posts in this […]

Adding UIkit to Pinegrow: Pt. 4

Posted on: July 8,2019

Namaste!!     Edited July 24th to add in another basic input type: the ‘slider’. Added section marked with red asterix. Sorry!     Thanks for sticking with me on this arduous journey. In this installment, we will learn about the three (see edit above, there are four more) other basic input types – the […]

Adding UIkit to Pinegrow: Pt 3

Posted on: June 28,2019

Namaste!     In this part of the tutorial, we will discuss the overall structure of our plugin, outline the basic parts of a Pinegrow component, and then finally add our first component! Just to recap, we have set up our plugin project with a custom folder structure, added a custom template with JSON instructions […]

Adding UIkit to Pinegrow: Pt 2

Posted on: June 24,2019

Namaste!     In this portion of the tutorial, we will start writing the JavaScript that adds the framework for our UIkit components. While we will utilize many of the built-in properties of the framework constructor, there will be several that I will not use in the code. You can refer to the ‘pinegrow.js’ file […]

Adding UIkit to Pinegrow: Pt 1

Posted on: June 17,2019

Namaste! NOTE: This post has been edited on July 5, 2019, for clarity (Thanks, Brian!) and to correct an error. And again on Aug. 11, also for clarity (Thanks, Schpengle!) For some reason, some of the JSON sections are not being read correctly when a new project is started, so I will eliminate them and […]

Don’t forget the notch!

Posted on: September 23,2017

Namaste! The new iPhone cometh, and with it comes a new design challenge. The dreaded “notch”! Although the whole phone is a screen, Apple has placed what is essentially a Microsoft Kinect at the top to house cameras, microphone, and infrared sensors. This means that anything top dead-center in the screen will be blocked. What […]

Very, very random.

Posted on: September 3,2017

Namaste! This is just a quick post about something that I just learned about. If you are like me, you spend a bit of time cleaning up the back-end before presenting to a client. I know what you are thinking, and no, I’m not a prostitute. I mean the Admin areas! Personally, I hate all […]

Custom Customizer!

Posted on: June 21,2017

Namaste! This tutorial is going to begin to tackle an integral part of the WordPress ecosystem, the theme customizer. While a portion of thie tutorial is custom to Divi, this tut can be applied to any WordPress theme you are designing. The customizer was introduced a number of years ago and provides a way for […]