One perpetual objective in website development — especially if you’re a website developer at a marketing agency managing a large number of clients — is how can you develop websites faster? As in, how can you do more work in less time, so you can be more productive and service more clients. One trick-of-the-trade while you’re in the code-development-phase is …
Responsive Web Design for Screen Sizes to Infinity and Beyond
Year by year since the dawn of the digital-age, the technology and the screens people use to browse the internet have continued to change, adapt, and evolve. Just in the past 25-years, screens have shrunk, grown, stretched, zoomed, rotated, more than doubled their pixel capacity, achieved better refresh-rates and resolutions, narrowed, flattened, curved, and folded – and they can all …
3 Git Commands Every Front-End Developer Needs to Know
Here’s 3 Git commands I think every front-end developer needs to know to help track and manage your web development projects. Diff, merge, and commit changes to keep your project, branches, and development team in-sync. Diff a Specific File Between Two Branches git diff branch-one..branch-two path/to/file This CLI Git command uses double-dot syntax to run a diff of a specific …
How to Only Style Elements Without Content Using CSS
Adding styles for an HTML element that’s on-screen is easy. Not styling an element that’s not on screen is even easier. But, what if the element is always on-screen and you want to hide it or only style it when it contains content? In this article, you’ll learn how to only style elements without content using CSS. Manipulating contentless elements …
How to Add Custom Post Types to Your WordPress Website
Custom post types for WordPress are exactly what they sound like. They’re customized versions of “posts” and “pages”. Hand-picked names make them more useful for your website and users. They help you organize and segment different types of content. And, a decoupled architecture makes them more flexible for your needs. Reasons to use WP custom post types are infinite. In …
How to Conditionally Show Different Menus to Logged In Users in WordPress
Are you running a WordPress membership website? Do you need to show different menu options to different groups of people — like, one menu for users who are not logged in to your website and a different menu to users that are logged in? In this article, you’ll learn how to conditionally show different menus to logged in users in …
How to Replace the_excerpt with Yoast SEO Meta Description for Improved WordPress SEO
In this article, you’ll learn how to replace the_excerpt() with the Yoast SEO meta description — for improved WordPress SEO. A typical WP blog page loops over your most recent posts. Usually, it looks similar to a Google search engine results page. You’ll see a post titled, followed by a short summary or blurb — lovingly known as the excerpt. …
How to Hide or Disable WordPress Admin Dashboard User Profile Page Fields Without Plugins
Do you want to know how to hide or disable WordPress admin dashboard user profile page fields without plugins? Is your goal to: Clean up the WP User Profile page Remove fields from the WP User Profile page Disable fields from the WP User Profile page Hide fields from the WP User Profile page Not use a plugin WP User …
How to Create PDF Documents from WordPress Posts and Page HTML
Do you want to know how to create downloadable PDF documents from your WordPress website’s posts and page HTML? There’s a free WP plugin for that. Aptly named, the plugin is called WordPress PDF Generator Plugin. What the HTML to PDF Does The WordPress PDF Generator plugin is simple, free, and built to do one thing. When you add the …
Using Axios to Fetch WordPress Post Data from WP-JSON Rest API Endpoints in React
So, you want to use Axios to fetch WordPress post data from WP-JSON REST API endpoints in react, huh? Maybe you’re doing some WP theming or creating a front-end for a headless WordPress website and you want to pull in post data to display on the page. Whatever – cool. Well, here’s one way to go about using React and …