Custom CSS for List Styles – WordPress Snippet Generator

Lists are an integral part of your site’s content. Whether you want to display the services you offer or step-by-step instructions, lists make your content look visually appealing and easier to read. HTML allows developers to choose from one of two lists which are defined by the <ul> (for un-ordered lists) and <ol> (for ordered lists) tags.

However, sometimes the default list styles just don’t cut it. For times when you need something more than the default disc bullet points or the 1. 2. 3. numbering, you can use CSS to take things up a notch.

With this in mind, we’ve put together this code snippet generator tool that’s designed to help both developers and first-time theme developers experiment with and add different kinds of list styles to their WordPress themes. In this article, we’ll walk you through the process of identifying a CSS selector and show you how you can get started with this code snippet generator.

Custom CSS for Cursors – WordPress Snippet Generator

Cursors can have a significant impact on your site’s user experience – when implemented correctly. In a simple line of code, cursors pack what may seem like an obvious bit of interaction design. The different GUI cursor pointers aid in UI interaction by indicating to the user what they can do with the page element they’re hovering over.

For instance, when you see the white mouse cursor change to the i-beam cursor you know that the area you’re pointing at allows you to enter (or manipulate) text. Though some of the cursor styles – such as the white mouse, i-beam (text), and gloved hand cursor – are built-in to the user’s browser by default, CSS allows developers to redefine those properties to display a number of different cursors.

This code snippet generator tool was designed to help you add different cursor styles to your WordPress themes. Read on to find out more about cursors and how to determine when to use which one. We’ll also show you how you can identify a CSS selector and get started with using this tool.

Custom CSS for Columns – WordPress Snippet Generator

One of the most basic web design elements are columns. They allow web designers to divide big blocks of content into digestible chunks and increase the layout’s visual appeal. Although it is possible to create custom columns for your WordPress theme’s posts and pages using tables, it’s far from ideal. A much better solution is to create columns using HTML and CSS.

Custom CSS for Text – WordPress Snippet Generator

CSS (Cascading Style Sheets) is a markup language that controls how HTML elements appear on a web page. One of the core WordPress theme files, style.css, contains comprehensive stylistic instructions that tells your WordPress theme how to present the content you publish on your site.

We’ve put together this code snippet generator tool to help developers speed up custom CSS styling for text elements. All you need to get started is the name of the selector you want to target. Read on to learn how to identify a CSS selector and how to use this snippet generator tool.

Comments With CSS #1 – WordPress Snippet Generator

If you’re developing a WordPress theme, one of the most important page elements you’ll need to implement is the comments layout. As it so happens, it’s also one of the most frustrating components to develop. Getting the style right is difficult, and messing it up is incredibly easy.

The comments section of a website is a great place for readers to engage with one another and allows website owners to increase user interaction. With this in mind, we’ve put together this simple yet powerful code snippet generator that helps developers add a responsive comments section to their WordPress themes.

Custom Hooks – WordPress Snippet Generator

The core WordPress software has all the right features in place to deliver basic content management system functionality. Typically, when you need access to advanced features, you go looking for plugins since they are the best way to extend the basic functionality.

From a coding standpoint, the main reason why WordPress can be extended in the first place has a lot to do with hooks. Hooks are a design pattern that allows developers to build upon existing code and are spread all over the source code.

If you’re working on a WordPress plugin (or even a theme for that matter), you may want to make it easy for yourself or others to extend the existing functionality later on. Or you may just want to leverage WordPress’ event-driven architecture. For this reason, we’ve assembled this code snippet generator that helps developers create custom hooks for their WordPress plugins or themes.

Register Post Status – WordPress Snippet Generator

Being a comprehensive content management system, WordPress allows users to choose from a number of statuses to assign to their posts. The post’s status determines how WordPress handles that post on the back-end. By default, there are eight different post statuses you can assign to posts, including:

  1. Draft. Incomplete posts viewable by anyone who has correct permission.
  2. Pending. Posts that have been completed but are awaiting review from someone with publish capability to publish them.
  3. Publish. Viewable to everyone from the front-end.
  4. Future. These posts are set to be published in a future date.
  5. Private. Posts set as private are only viewable by administrators.
  6. Trash. These posts have been deleted (not permanently deleted) but are recoverable.
  7. Auto-Draft. Auto-drafts are post revisions that WordPress saves automatically while you’re writing them.
  8. Inherit. These are used with child posts to determine their actual status from the parent post associated with them.

However, when you find your post drafts getting out of control, it may be time to add custom post status types to simplify your multi-step editorial workflow. Since WordPress doesn’t allow you to integrate additional post statuses by default, we’ve put together a snippet generator that helps you register custom post statuses for your admin panel. Before we begin, let’s take a look at what post statuses are and why you may need a custom post status or two.

Register Custom Menus – WordPress Snippet Generator

Embedded in the WordPress feature set is a customizable menu that allows users to create default menus based on published pages and categories, thereby allowing them to create their own menu structure. However, there are times when you need something more robust than the default menu options. You may come across a great theme only to realize it doesn’t come with extra navigation menus right out of the box. Coding a menu structure that not only meets your usability requirements but also matches your theme can be a daunting task – especially if this is your first time with WordPress development. With this in mind, we’ve put together a snippet generator that helps you register custom menus for WordPress themes.

Let’s put everything into context before we introduce the tool and explain how you can use it.

Add Shortcode – WordPress Snippet Generator

Shortcodes are a powerful tool bundled with the core WordPress application. They allow writers to type out a small string of text into the Text or Visual Editor to act as a placeholder for a larger text block or user interface feature. These small strings are then programmatically converted into the shortcode output when the page, post, or other public-facing content block is generated for display to the public-facing webpage.

Add Theme Support – WordPress Snippet Generator

Instead of wading through lines of code when activating optional WordPress core functions like translation, custom backgrounds and logos, HTML5 integration, or post thumbnails, we’ve put together this handy add_theme_support WordPress snippet generator to do the heavy lifting for you.

To use the tool, simply click “Support” on the feature you’d like activated, then fill out the relevant fields below the box to further customize the feature, when modifiers are available. When you’ve added everything you’d like, copy the code and paste it into the functions.php file. That’s all there is to it!

Register Sidebars – WordPress Snippet Generator

All developers know the time it takes to code a new website template, and any resource that can help shave off some dev time is well worth using. Starting today, we are rolling out a series of free WordPress developer tools in the form of snippet generators and related resources that will help you create clean code in a matter of seconds. Our first generator spins off custom dynamic sidebars for WordPress – just fill out the fields to get started.

WordPress Posts Without Titles

Occasionally, a Nimbus Themes member will submit a support ticket about the way our themes display titles on blog posts or pages that don’t have the title field populated. Often these requests boil down to hiding the title entirely, so in this post we’re going to explore the logic behind our approach to these edge cases and how to hide the title if that’s your ultimate aim.

Why We Use get_template_part()

Recently, we’ve received several support requests regarding the get_template_part() function from design firms that are working on child themes of our Nimbus WordPress Themes.

There seems to be some confusion about how this functions works and why we’ve chosen to implement it in our themes, so this post will look at what this important function offers and how it simplifies our themes.