Posts Tagged: Web Development
Want to Receive Email Updates of New Articles About Web Development?
Join My Email NewsletterHow to publish a page in development mode without HubSpot content staging [code snippet]
HubSpot has a nice feature called content staging which prevents search engines form crawling and indexing the content. But if you are using HubSpot CMS starter you won’t have access to this tool. So a work around is to add the following code to the HEAD of your base layout HTML file. This adds the… Read more »
Category: Code Snippets
Set Variable Values in a Loop and Use Elsewhere HubL HubSpot
When customizing a custom HubSpot quote template you may want to know what line items are present in the quote. You can then create conditional logic with a set of known values. The only problem is when you set a variable inside a loop it is not able to be referenced outside of the loop… Read more »
Category: Code Snippets
How To Create a New CSS Stylesheet for HubSpot
For those utilizing HubSpot’s content management system (CMS), the ability to create new CSS stylesheets grants users immense flexibility in customizing the look and feel of their website. Whether it’s making minor tweaks to existing styles or implementing a complete overhaul of the site’s design, having control over CSS stylesheets is essential for achieving the… Read more »
Category: Articles
Reasons Why I Recommend Creating a Child Theme BEFORE You Start Building HubSpot Pages
When you download a HubSpot theme from the HubSpot marketplace, it can be exciting to jump right in and start building pages. This is OK for testing, but when you are ready to actually build your final website, I highly recommend you create a child theme first. In this post, I will explain what a… Read more »
Category: Articles
How to Inspect Element on Chrome Developer Tools [Tutorial Video]
How to Inspect Elements and CSS Test with Chrome Developer Tools for Beginners – Google Chrome DevTools Tutorial. This dev tools tutorial demonstrates the different ways to inspect and test CSS using Chrome’s DevTools. This is helpful when building responsive websites because you can get real-time feedback on a style change.Then once you are happy… Read more »
Category: Newsletter
How to Quickly Search for a Code Text String on Entire WordPress Website
I recently was trying to optimize my WordPress site performance and noticed a javascript error saying jQuery is not defined. Basically, there was a script that was loading before jQuery was loaded. I searched my entire theme but could not find the code. I then thought of searching all of my plugins for the code…. Read more »
Category: Code Snippets
Looking for a Free Website Builder? A Review of HubSpot CMS Free Hosting Software
Want to build your website visually using a drag and drop website builder? You should consider taking HubSpot CMS for a test-drive because it has a large amount of features specifically designed for lead generation and business management. Below is a summary of the content management system and the reasons why it is a professional… Read more »
Category: Articles
How to Build HubSpot Custom Modules Using HTML + HubL [video tutorial]
Have you heard of HubSpot modules but are not sure what they are or how to use them in your pages? Have you wondered how to make a HubSpot custom module? This HubSpot CMS theme development tutorial will show you how to build HubSpot custom modules that you can use to experiment and test how… Read more »
Category: Tutorials
HubSpot HubL Code Snippet Collection – Filters, Functions, and Macros
Below is a list of my commonly used HubSpot CMS HubL filters, functions, and Macros. Email me if you have one you would like to add to this list. Create a slug from a text string I used this when I wanted to add a CSS class name to the li of a menu using… Read more »
Category: Code Snippets
How to Create a Landing Page in HubSpot CMS Using a Blank Page
Are you trying to create a landing page using a blank page in HubSpot? HubSpot’s drag and drop templates make it incredibly simple to create landing pages that generate leads or promote webinars. The user-friendly drag and drop editor allows you to easily add or update text and images within the landing page layout. What… Read more »
Category: Tutorials