Category: Tutorials

The Twelve Days Of Coding

Posted on Leave a comment on The Twelve Days Of Coding

As we come upon this time of year where celebration precedes a new year and a fresh start, I think it’s fitting that we come together as WordPress power users, freelance developers, and Internet marketers, and take our coding game to a whole new level. Let’s start the new year off right by gaining a new found confidence in our ability to customize websites through our favorite code editor. Let us step out of our Page Builder comfort zones as we expand our ability to mold a template using CSS, HTML, Javasctipt, and PHP. As coined by the WordPress footer, “Code Is Poetry”. I agree. So let’s work on our Prose, shall we…

Read more “The Twelve Days Of Coding”

How To Make Your WordPress Page Builder Pages Full Width When Using The Genesis Framework

Posted on 1 Comment on How To Make Your WordPress Page Builder Pages Full Width When Using The Genesis Framework

Over the years there have been many ways to tackle this particular need, but with the recent addition of the Gutenberg Editor to the WordPress platform and the unique way that the Genesis Framework handles things like hiding unwanted elements and tweaking styles to expand certain pages to full width, I thought it would be nice to provide an updated solution.

Read more “How To Make Your WordPress Page Builder Pages Full Width When Using The Genesis Framework”

How To Add Footer Widgets To The Freelancer Framework

Posted on Leave a comment on How To Add Footer Widgets To The Freelancer Framework

There are various ways to go about doing this, including using a Page Builder Plugin or using a DEV Tool like our Extender Pro Plugin, but in this tutorial I’m going with the basic custom coding approach so you can see how this all works at the foundation code level. And in this particular tutorial I’ll be creating 3 horizontal Widget Areas, but you can easily tweak the code provided to alter this configuration (i.e.. adding or removing Widget Areas).Ā Also note that in my prep work for this tutorial I used our Freelancer DevKit Plugin to implement this code, but you can do so however you prefer. Read more “How To Add Footer Widgets To The Freelancer Framework”

A Complete Guide To Cloud Server Setup With SSL Enabled Domain

Posted on Leave a comment on A Complete Guide To Cloud Server Setup With SSL Enabled Domain

In this tutorial I walk you through the entire process, from beginning to end, of setting up a cloud server, pointing your domain to it, and using a SAAS (Software As A Service) cloud server management solution like ServerPilot to complete the process. The cloud server I use in this tutorial is Vultr, but others like Linode or DigitalOcean will do. I also use Hover (domain registration service), but of course you can use whatever you like. Read more “A Complete Guide To Cloud Server Setup With SSL Enabled Domain”

How To Add CSS Animation Effects To Your Mobile Hamburger Menu Icons

Posted on Leave a comment on How To Add CSS Animation Effects To Your Mobile Hamburger Menu Icons

Someone posted a link to the following page in the Beaver Builder Facebook group regarding Hamburger Icon Animations:

The instant I saw it I knew I had to implement that into Dynamik! šŸ˜€ Especially with the recent 2.1.0 update which added the Responsive “Vertical Toggle” menu shortcodes feature which allows you to easily add custom content to those responsive menus, it was a not brainer. Read more “How To Add CSS Animation Effects To Your Mobile Hamburger Menu Icons”

How To Display Different Header Background Images On Different Pages

Posted on Leave a comment on How To Display Different Header Background Images On Different Pages

In this tutorial I show you how to display different Header background images on different pages, offering two different solutions based on the tools used and your own preference. I also show how to display the logo image to the far left of the page based on a member’s request so you can take or leave that bit of info as needed. Read more “How To Display Different Header Background Images On Different Pages”

Having Fun With jQuery: A Hands-On Introduction

Posted on 1 Comment on Having Fun With jQuery: A Hands-On Introduction

I know at least some of you may find javascript code, and even jQuery code, to be confusing or simply that mysterious code library that you just accept as necessary, but never really come to understand. Well that’s a shame because jQuery is actually not that difficult to at least understand and even use in basic ways once you understand some foundational aspects of how it works. Read more “Having Fun With jQuery: A Hands-On Introduction”

An Introduction Into The Use Of WordPress Action Hooks

Posted on 4 Comments on An Introduction Into The Use Of WordPress Action Hooks

In this screencast I walk through some basic use-cases of adding custom content to various locations of your site through the use of WordPress Action Hooks. I show both Extender Plugin Custom Hook Box scenarios as well as use my Child Themer Plugin to show you how the actual PHP code looks and how you can write your own Custom Functions and add_action them into your frameworks action hooks. Read more “An Introduction Into The Use Of WordPress Action Hooks”

How To Create Custom Beaver Builder Theme WordPress Templates

Posted on 1 Comment on How To Create Custom Beaver Builder Theme WordPress Templates

There are many different scenarios that could lead to this tutorial proving itself useful, but in the screencast that follows I focus on two specific ones to try and provide a foundation that you can build off of to address your specific needs. These include creating a custom 404.php template file as well as a custom category archive template file inside your Beaver BuilderĀ Child Theme folder, to override the default Beaver BuilderĀ Parent Theme templates. Read more “How To Create Custom Beaver Builder Theme WordPress Templates”