Customizing the Theme you regularly use help streamline time spent developing!
update_option( 'thumbnail_size_w', 300 );
update_option( 'thumbnail_size_h', 300 );
update_option( 'medium_size_w', 600 );
update_option( 'medium_size_h', 600 );
update_option( 'large_size_w', 1150 );
update_option( 'large_size_h', 1150 );Comes in handy when trying to meet WCAG 2.1 standards (as opposed to directly changing WordPress plugins for the edits to be wiped out on the next update).
Read MoreUse show_in_rest to enable Gutenberg block editor on custom post types.
Read MoreCommon issue on shared hosting. Debug is unable to be deactivated due to host settings.
Solution:
ini_set('log_errors','On');
ini_set('display_errors','Off');
ini_set('error_reporting', E_ALL );
define('WP_DEBUG', false);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);Particularly for use on the home page when design layouts do not include title text in the content area.
Read MoreBy default Shopify points to the /accounts page when Customers login. This function will redirect them to a page of your choice.
Read MoreIn the attached example, an each function is used to equalize the heights of the containers based on the width of the columns so the images will show in equal size.
This allows for the same type of element to be setup multiple ways without additional classes / css.
Read MoreIf all subscriptions have the same term (e.g. 1 year), this can help adjust the wording to something more specific.
Read MoreEasily change the Sign-up Fee wording associated with WooCommerce Subscriptions.
Read MoreFor shops with very few Products.
Read MoreMembership type websites need to be customized to prevent Subscribers from accessing certain areas of WordPress core. After setting up a front-end Profile page or Dashboard, it is necessary to redirect to these areas for the appropriate user types.
Read MoreThis will search Posts and Post Types for Taxonomies that match the search terms and will return the Posts (not the taxonomies).
Read MoreWorks with Gutenberg.
Read MoreHandy if you’re using the default category as “All Products” and want to prevent unrelated items from appearing related when no other categories are selected.
Read MoreSearching for SKUs returns no results by default. This function fixes this issue.
Read MoreUseful to add custom styles or punctuation to last item in an array.
Read MorePreviously examples of this that I’ve found and used don’t always seem to work. I found an updated version that works well.
Read MoreThis affects all post types. Wrap in conditions to reduce appearance. Featured Image column will appear last.
Read MoreUse to convert text with spaces into lowercase data with dashes so it can be used for element tags.
Read MoreWorked on a subscription service website recently that had specific weekly cutoffs for ordering in order to have ordering available for the following week.
Read MoreCheck if the current term is a parent and allow for different formatting based on conditions.
Read MoreHelp visitors sort content on your website by adding filtering options to your Posts.
WP Popular Posts Plugin plugin used in the below example in order to add support for filtering Most Popular items (determined by number of views).
Read MoreTwo examples provided comparing the regular select and multi-select field functions for Gravity Forms.
Place in functions.php. Update filter number with the form ID.
Read MoreUse this in your theme’s stylesheet to customize the loading gif shown when Woocommerce Cart, Products, and Checkout are loading.
Read MorePlace this in functions in order to create your own custom block styles and render them in the editor.
Read MoreWorking on new layouts on a live site? Client unfamiliar with WordPress and how to login and view Draft pages?
Use this in your header file to generate private content links for review.
Read MoreIn the past I’ve manually changed the content of the jquery file (I know, bad bad bad), or used a plugin to make this editable for me (also, bad bad bad). This snippet helps avoid those two methods and lets the edit occur within your theme.
Read MoreHow to remove the UL and Div containers on the wp_nav_menu() function.
Read MoreCompatibility requests with older browsers are becoming less frequent, but we had another one recently, and I wanted to give it a try while still utilizing our favourite plugins.
Read MoreI recently built a website with a large featured banner on their home page, and events page. Banners information was held in a Custom Post Type, and Events were created by The Events Calendar plugin.
The client wanted to combine these two items to show all of the banners on the Home page, to more readily promote their events.
Read MoreGreat for repeating content columns, where additional information appears inbetween rows on click.
Read MoreComes in handy working with breadcrumbs, and sub-pages showing parent’s title.
Read MoreI needed to display reviews from the Reviews page on a few select Pages and Products in a Shopify theme.
Read MoreSort post content alphabetically, and divide each letter section with the appropriate letter.
Read MoreThe site health widget can alert you to issues on the website, but this can also be confusing to clients and increase maintenance requests to resolve “issues” when the website is functioning properly. Hide this widget using the following snippet.
Place in functions.php
add_action('wp_dashboard_setup', 'remove_site_health_dashboard_widget');
function remove_site_health_dashboard_widget()
{
remove_meta_box('dashboard_site_health', 'dashboard', 'normal');
}Annual events (festivals, haunts, etc.) generally occur within the same month each year. Use this function to force update all of your calendar views so scheduled events are seen first without having to navigate through month / week views.
Read MoreSimple function to check is WooCommerce Product is virtual. Can be used in the Cart or on Product page.
Read MoreRan into an issue with an e-commerce Product quantity field where the up / down arrows would not show, and were required to indicate more than one item could be purchased.
Read MoreI use Page Links To a lot. Probably on every website I’ve built for the last five years.
Read MoreIf you’ve forgotten what email and password you used to setup a website (or entered your email wrong, or your website isn’t sending reset password links to you!), you can setup an admin user via FTP using the following function.
Read MoreHandy snippet for updating the default title text on a Comment Form.
Read MoreWhen content is set to Password Protected, the word “Protected” appears in front of the title in the content area within loops, and on single Post and Pages.
Read MoreDisable the default from WordPress version 5.4 that forces fullscreen mode as the default view in Posts, and Pages.
Read MoreI used this on a custom page template showing only Past Events.
Read MoreA fixed header can cause auto-scroll content to be covered. Use this function to offset the scroll to the height of the fixed container.
Read MoreNeed to add varied styles to rows, but don’t want to program it in the backend? Or add ID numbers to rows in order to setup toggles?
Read MoreIdeal for working with plugins where the fields are not available for editing / customization.
Read MoreI needed to query multiple post types and specific taxonomies and meta for a featured banner on a website, and found that using an array for post_type wasn’t working with the tax_query.
Read MoreRemove Tabs from the sidebar, admin columns, and Post.
Read MoreWhen a user is added to WordPress, their insert image settings have Link To Media set as the default option.
Read MoreI’ve seen a lot of suggestions online to copy the Logout link shown in the WordPress backend into a Custom Link when using wp_nav_menu().
However, this will redirect users to the Logout Confirmation screen, and they will be prompted to logout once more.
Read MoreThis comes in handy if the ecommerce store does not ship any physical materials (e.g., downloadable, e-tickets, online classes, membership, etc).
Read MoreI stumbled across this while creating a query of Custom Post data, where the content needed to be laid out in columns, and rows of equal height.
Read MoreI really enjoyed customizing this. Check out more from the author of this snippet at the link below.
Read MoreThe below is used to check between two date fields and display only the items that fall within that parameter.
Read MoreI’ve been working with a few plugins lately that have templates, but do not allow for editing for the loop, so I’ve been unable to add counters with PHP.
Read MoreStyle images differently according to weather the image is landscape, portrait, or even square.
Read MoreThis also works with Post Types created by Plugins.
Read MoreThese are some of the functions I use in my custom themes to setup my own defaults in Gutenberg.
Read MoreIf files within /woocommerce are being ignored, add support for Woocommerce as follows:
Read MorePlace the below in your functions.php to add your own custom font options to the core Paragraph Block.
Read MoreBrute Protect settings within JetPack add security against malicious login attempts. Occasionally, these settings can lock the login page completely, even with your IP address added to the whitelist.
Read MoreThe Google Font Library is a great resource for free fonts.
Read MoreWorking with Gutenberg, I’ve learned how to build custom blocks to show content inline on a page, but I thought there could be an easier way that building a block, or a custom template.
Read MoreTo add a Custom Post Type to the Appearance > Menus section of the backend, add show_in_nav_menus => true to the Post Type args.
Read MoreYouTube recently disabled the rel=0 option for disabling the trailing thumbnails at the end of videos.
Read MoreBuilding a custom website for a client or a friend, it might be easier to setup the site / brand colours as the defaults available in the Colour Settings dropdown.
Read MoreThank you so much to Chittaranjan for posting this on Stackexchange…
This function targets wp_nav_menu by it’s theme_location, and dynamically adds a Login / Logout button to it, including nonce.
Read MoreIf you’re inundated with blocks that are not being used in your Theme template, and you would would like to hide unused blocks; use the default settings within WordPress core to remove the blocks from the “Add Blocks” option.
Read MoreWant to hide the editor from the WordPress editor because:
- there are several users accessing the WordPress backend
- a client has requested this feature be disabled
- you never user it
Add the following line to wp-config.php above the “That’s it, happy blogging” comment line.
define('DISALLOW_FILE_EDIT', true );
Read More
Plugins, and Custom Post Types can add to your search results, and this isn’t always easy to adjust. You can edit your Post Type settings to exclude from search, but sometimes you need these items searchable in some areas of your website (like a directory), but not in the general search.
Read MorePassword Protected items show up in Search Results for logged in Users. This can be confusing when linking to those items for users without accounts.
Read MoreWorking on client websites with installed plugins, use the below information to update labels in the backend sidebar so the updating information is easier to find.
Read MoreAutosort data on a page from a hash URL using the following snippet and related HTML.
Read MoreMost of the examples for this that I have seen were for adding images to the column area, and did not explain how to fix column content brought in by custom post types.
Read MoreRestrict access to backend based on user role:
Read MoreWorking with fixed headers and absolute-positioned drop-down menus can be difficult to adjust with CSS alone.
Read MoreWordPress supports a bunch of different file types already, but working within different industries, and creating online databases / libraries for clients requires the need for the addition of file types that are not supported by WordPress.
Read MoreAdd show_in_rest => true to the array for the custom post type to enable the gutenberg editor, and to the taxonomy to have the item appear in the Gutenberg editor’s sidebar.
Read MorePlace the below snippet in wp-config.php to prevent your WordPress install from prompting for the username and password for FTP when performing updates.
Read MoreI used this recently coupled with breadcrumbs to prevent certain items from showing on the top-most items in page hierarchy.
Read MoreWorks great if you’re using a sub-menu that shows related-level items when on a page.
Read MoreWhen adding content, sometimes it’s necessary to add in extra non-breaking spaces to adjust spacing on desktop. Even some plugins (Shortcodes Ultimate) will create additional paragraph tags in the content area that cannot be removed from the editor.
Read MoreUse the following snippet to return the Featured (starred) Products from the WooCommerce Product listing.
Read MoreSVGs, when resized, will not scale in proportion in older versions of Internet Explorer.
Read MoreSlick Slider has pause and play functions available, but they are not easily enabled.
Read MoreIf you need to add Tags to your Custom Post Type, use the following snippet.
Read MoreIf you’ve run into an error where your site is loading all of your Pages as Blog or Archive.
Read MoreGreat to use on product pages to reveal varied standardized text from the template when Products use shared terms like colours, or sizes.
Read MoreWhen using Variable Products in WooCommerce, the default “Choose an option” text is pretty boring. You can use a function to customize it to match your specific offered Products.
Read MoreiOS devices when programmed to use “hover” with css will often ignore this effect in handheld and touchscreen devices, forcing the user to double-click in order to reveal toggled or hidden content.
Read MoreFonts will render differently across browsers, and sometimes even when different colours and background are being used.
Read MoreDisplaying an image from an ACF custom field is slightly different on an Archive / Single page, versus on a page, or in a regular loop.
Read MoreI’ve always wanted to apply automatic inherited styles to pages that are child pages of a custom template, and now I can!
Read MoreSimple jQuery function to toggle between multiple containers on click.Filter links HTML:
Read MoreWorking with CSS fixed headers and HTML anchor tags can be a little tricky. The jump point will need to be offset by the height of the header, and other fixed elements.
Read MoreSlick Slider is a great plugin for creating custom carousels on websites. It has a built in navigation option for the carousel as well: asNavFor.
Read MoreWorks in relationship with has_children();
Read MoreEnable auto-scrolling to error messages in Gravity Forms by adding the following snipped to functions.
Read MoreI have used counting classes so many times, but never understood them to this extend until I found this example.
Read MoreWorking within different loops different ways has it advantages …
Read MoreUsing fixed backgrounds on mobile devices can be tricky, as not all mobile devices support background-attached: fixed.
Read MoreThere is probably a simpler way to do this, but so far this method works for me …
Read MoreComes in handy if you’re adding links to multiple external sources or components, such as locations, company websites, or PDFs.
Read MoreI usually use a counter to show show items in a list, but I was recently working with numbered Modules, and needed specific values associated with each Page / Post, so instead I found myself using menu_order.
Read MoreSpam and malware bots are being programmed smarter, and they can sometimes target email urls that are placed in the content area.
Read MoreThe following works in multiple languages and can be used inline:
Read MoreAdd information to enqueue to choose where your scripts and styles load.
Read MoreThis example works great with Isotope, Masonry, and jQuery filters.
Read MoreThe Post Object field in ACF grabs all Post Statuses in the WordPress backend, but does not provide filtering within the plugin’s interface to select only Published Post items.
Read MoreThis makes working with filters so much easier.
Read MoreI work with Theme my Login and build member-based content areas within websites a lot. Often, the login forms that I use do not bring in the JetPack Protect prompt automatically, and users will have to submit the form two or three times in order to successfully login (once to see the humanity check, once to login, and possibly a third time depending on cache and browser settings).
Read MoreEverywhere I’ve checked for this information suggested installing additional plugins to enable support for this feature, or said that it was a lengthy and complicated process … but that is not true.
Read MoreAfter converting a non-secure website to use SSL, bookmarked, and cached URLs can still be accessed from user browsers and cause your website to appear broken when the stylesheet does not load in SSL.
Read MoreI previously attempted this using post_parent, grandparent and ancestor information in an if statement, but I find this method is cleaner.
Read MoreHave you ever wanted to create a layout that updates automatically based on the number of items shown?
Read MoreSimilar to WPML, you can create if statements using WP Multilang
Read MoreI’ve worked with a few membership-based websites, and found this method to be the easiest way to ensure layout customization for different user types:
Read MoreThe below example uses WordPress Tags.
Read MoreEver wonder how to set the background colour for the page when printing via CSS?
Read MoreI think one of the reasons RSS feeds are not as popular (as they should be) is due to the fact that they are not optimized to their full potential.
Read MoreAdjust your post feed according to which Posts are using Read More tags.
Read MoreEver thought about customizing Time.ly’s All-in-One Event Calendar layouts on your website?
Read MoreThis method comes in handy if you’re working with plugins and are unable to edit theme files, or external files at the risk of losing your styles with an update.
Read MoreGreat for drop downs, fly outs, and mobile menus.
Read MoreTwig reminds me of liquid, but it’s more difficult to understand. It took me a while to find an example of how to do this, so I’m not losing it!
Read MoreIt’s unfortunate that the Time Field in Gravity Forms does not have more custom options available.
Contrarily, the Date Field, allows for a calendar icon, and drop downs, but the Time Field doesn’t have a default placeholder option to populate the current time, or an alternate view to allow for drop downs showing 12 or 24 hour time.
So I had to turn to jQuery…
Read MoreBelow is an example of the_post_navigation customized to include an image and custom text for previous and next.
Add this snippet to your functions file, link to your images, and then call it where you would like the_post_navigation to appear.
Read MoreI use this fairly often. I find working with plugins I already have installed is better than installing additional plugins to resolve the issue I’m trying to accomplish more reliable.
Read MoreAdd this to wp-config.php if you’re unable to perform updates on your WordPress installation.
First check that your folder permissions are correct, and there are not any plugins installed, or prompts within wp-config.php that will prevent updates or installations from being performed.
Read MoreI’ve always wondered how to do this, and now I have an example on hand that I can refer to in the future. Comes in handy if you’re using custom navigation / filters with categories or terms.
Read MoreA type of layout you might use to compare service types offered by your client may require you to toggle back and forth via a button.
Read MoreTurn your Gravity Form into a booking calculator!
Read MoreUse the below example to custom format the date displayed when querying Tribe events.
Read MoreComes in handy if you have items saved in a Plugin’s additional folders that you’d like to only be accessible to your paid / subscribed users.
Read MoreIf you’re offering free downloadable items on your website, and don’t require site visitors to register for access to the items, you can use the following snippet to add a download link to your single-product template.
Read MoreI’ve been running into “Uncaught referenceError: jQuery is not defined” a lot lately when working with scripts and plugins that I’ve used for years. It’s unbelievably annoying to have something that’s worked one way for most of my career to suddenly stop working and bring up errors.
Nonetheless, I’ve found a solution!
Read MoreUse ‘eventDisplay’ => ‘list’ in conjunction with the WordPress backend Settings for Tribe Events Calendar to prevent recurring events from showing up in custom loops.
Read MoreIf your website has several News / Blog contributors, you can display a list of Authors by role and link back to their individual landing pages (author.php).
Read MoreUse the following snippet to identify the tallest div in the sequence and force all the same level divs to match height with it.
Read MoreWorking with Web Accessibility in Mind is simple (if you know what steps to keep in mind).
Read MoreUse the following function to determine if the current page you are on has any child pages.
Read MoreWordPress has so many different “stock” template types that are not used on every type of website. For example, a small business website, may not use the Archive, Blog or Single page layouts.
In my seven years of building WordPress website, I have yet to come across a single client that uses the “Attachment Page” layout (properly, at least).
Read MoreTypically, I use classes like .desktop, .tablet, and .mobile combined with media queries to switch between different-sized elements when building a website, in order to avoid loading the high resolution images on the handheld devices.
I find the class method a little tedious, and not as intuitive as I would like, so I’ve been looking for alternate ways to perform these transitions.
Read MoreI hate anchor tags, and I hate even more that there isn’t an easy point / click way for them to be added into a website using the WordPress editor.
Nonetheless, clients request them a lot, and they don’t like the “jumping” that they cause when the anchor links are on the same page.
Read MoreWorking on heavily cached servers with limited access to cPanel / server resources makes it difficult to apply website updates in a timely fashion.
Read MoreI’ve run into a couple of issues where a website will break due to the site being SSL secured but the stylesheet refusing to load as SSL.
Read MoreIf your design is in a tiled layout, or you have a series of blog entries in rows and would like to show the “Read More” buttons below the lead-in text at the same height, this is a pretty straight-forward fix.
Read MoreA handy snippet that can be used in conjunction with Advanced Custom Fields as well as the WordPress default custom fields to remove Posts, Pages and Custom Post Types from feeds.
Read MoreIf you have transitioning content on your website, such as a Templated Page that will be launching at a certain date or time, you can setup a custom countdown landing container, and use a custom field to automatically update the content at a scheduled date and time.
Read MoreCreate a custom Instagram slider for your site using jSON and the following instructions…
Read MoreOn the category archive, or the single post page, use the following loop to retrieve the name, slug or ID of the top most category to use as a header, or link.
Read MoreAnother way to style images dynamically based on window sizes is shown below.
If you’re using images that are set to a 2:1 ratio (where width is two times greater than the height), you can use the example below to dynamically scale the height of the containers as windows are loaded / resized.
Read MoreUsing tiled image layouts in responsive design can sometimes be tricky to set the height, especially if you want all of the image containers to consistently remain the same height.
Read MoreTribe Events Calendar is a very user friendly plugin, and I highly recommend it for WordPress beginners.
Within the WordPress backend, Tribe’s settings and posts do not have an option to customize the Website URL, Organizer URL, and Venue URL to make them open in new windows.
Read MoreIf your Custom Post Types are not showing up in your archive.php or category.php templates (even with ‘has_archive’ => true enabled within the register_post_type function), you may need to do some additional theme adjustments!
Read MoreUse HTML and CSS to toggle reveal the search input field.
Read MoreUse the follow snippet to remove the text, or update it with your own heading:
Read MoreTheme my login can enhance members’ functionality for multi-lingual websites if you use the following snippet to redirect the login form to the appropriate language.
Read MoreBuilding custom menus and filters is unavoidable. If you’re not comfortable triggering the active item with jQuery to add an active class, you can find the current page ID, and use existing WordPress CSS classes to reapply styles already within your stylesheet.
Read MoreSometimes, when working with designers, the content of a multilingual website will end up on a single landing page. In this event, using suppress_filters to get_posts associated with the active language will provide posts in both languages, and not provide the side-by-side translation effect desired.
Read MoreEnable background and text colour changes within your template using Advanced Custom fields.
Read MoreCheck all values of a div, by class name, and return only values matching the search criteria. Below is an example where this search filter is applied to a staff directory.
Read MoreI work with Gravity Forms, and Gravity Forms User Registration a lot, so being able to redirect users to a custom template instead of a front end user profile (such as Theme My Login) would be preferred.
With Gravity Forms, I’m able to enable custom notifications based on the fields that are updated.
Read MoreIf you’ve built a custom Registration Page with a form that is gathering all of your customer’s information, the default WordPress Register link, has become null and void.
Read MoreI recently worked in a website that had multiple skins within a single domain. The different themes were controlled and activated by their related parent pages. I’ve already gone over how to add an ancestor class to the body, but I needed to add a couple additional features to this website as well.
Read More<?php $tax_slug = get_query_var( 'taxonomy_category' ); ?>Comes in handy if you’re working with custom post types, or external plugin archive pages.
Read MoreUse with Link to Top-most Page in Hierarchy for a more dynamic nested sub-navigation menu.
Read MoreTribe Events Calendar is a great plugin, that has a lot of very simple queries you can use to create calendar feeds within your templates.
If you have an event on your website, and a calendar that’s launching before weeks (or even months) before the event is taking place, you can use a function to setup a start date for your calendar. The Calendar’s default page views (month, day, list) will load starting from the date entered in the function.
Read MoreCreate a custom Date Archive using the following snippet.
Read MoreChange the default number of words returned by the_excerpt() using this function:
Read MoreA deep number of page levels in a website can make navigation difficult for front end users. In addition to breadcrumbs, it is worthwhile to maintain your Top-Most Page Title in all areas to help your visitors find their way between the hierarchical sections of your site.
Read MoreGravity forms is great an excellent plugin, and has tons of addons that you can use to further enhance it’s functionality on your website.
Read MoreUse this foreach loop (inside of a query) to grab Product galleries from WooCommerce.
Read MoreSometimes Custom Post Types are built to organize and filter information, such as creating a Research archive or a Staff directory. That content is meant to be seen on the front end in the single.php template.
However, when creating a Custom Post Type for a rotating Banner, or a single page listing all of your Testimonials, the single.php template is moot.
Read MoreHtaccess file of compiled sources to block referrer spam and bad bots. Updated regularly, various sources.
Read MoreIf you’re working with WooCommerce add-ons (e.g., Bundles), use this function to cycle between different WooCommerce Product Types, in order to display queries and functions in specific templates (operates similar to an if statement).
Read MoreThe default markup for previous_post_link and next_post_link can be difficult to style and adjust using CSS alone.
Read MoreSuper simple jQuery data filter, that can easily be made dynamic using a query like so:
Read MoreMore often than not, content is added to a website for aesthetic purposes (carousels, widgets, call to action buttons, etc.), not necessarily to provide information.
Read MoreSetup page titles for different page levels using the following statement. Below example is using the Thematic WordPress Theme.
Read MoreThe All in One Event Calendar by Time.ly is extremely flexible if you need to place several widgets and event shortcodes on your website.
Using the Plugin to generate your own custom query and feeds of your Event information is not very intuitive, and finding valid information a long process.
Read MoreCoupon Creator Pro is a great plugin to highlight offers and deals available to your customers on your website. The coupons come with different themes available, allow for both image and text injection, and are responsive, as well as printable.
Read MoreSimilar to my Subnavigation Function, this will display widgets and adjust column widths if widgets are active on the page.
Read MoreIncredibly handy function that I wish I found ages ago!
WordPress natively supports adding the class “parent-pageid-##” to child pages, but does not do so to ancestor pages. Thanks to TechTabby for putting this function together.
Read MoreUpdating your Reading Settings within WordPress affects all templates of your site:
Read MoreThis is a continued modification of my earlier post for toggling multiple embedded YouTube videos into a larger playing div.
Since I was already using Posts to embed the videos, enabling a Featured Image for a Poster, and using the Content editor for a text overlay was a simple feat to accomplish.
Read MoreTemplate layouts (and client requests) will often require a list of categories to be laid out in a specific order to draw attention to different content.
Read MoreUse this function if you find yourself having to force your CSS styles with !important in your Child Theme.
Read MoreThe default placeholder image in WooCommerce does not adjust according to image changes made within the Settings (e.g., changing the number of columns from 4 to 3 will result in a smaller placeholder image).
Read MoreI use Custom Post Types a lot at work, and taxonomies are a great way to help organize and control their display on Category and Custom Template pages.
Read MoreCreate your own media page from posts with embedded YouTube videos, and toggle the list of videos into a larger div to play the content using the steps below.
Read MoreThe Advanced Custom Field plugin’s Taxonomy field type has been giving me a hard time for several hours now … This plugin is so versatile, that there is simply not enough documentation on the website, despite all of the amazing work done by Elliot Condon.
Read MoreUsing buttons and jQuery to filter and sort Posts on a website can be fun! Unfortunately, as your content grows, it can also become space consuming, and difficult to read.
Convert a list to a dropdown, and toggle the display of the items via class with a jQuery function.
Read MoreGravity Forms is a powerful plugin!
Using this function, display values in the select dropdown field dynamically, based on parameters you set in the foreach loop.
Read MoreClients like to keep themselves organized, and will often send all of their images inside of a Word document, or PowerPoint presentation, to keep the image coupled with the instructions for their web updates.
Read MoreWhen the order of elements in your desktop layout differs from the order of items in your mobile layout, it might be prudent to load items based on the screen size using a jQuery if statement.
Read MoreSometimes when building arrays for directories, or archives, we have to list all of the content (even the empty ones).
In the unfortunate circumstance when you have no choice but to use the foreach loop, here is a handy workaround to check if the loop is empty, and display a custom message
Read MoreRe-skinning live sites can be tricky and sometimes unavoidable.
I use the following snipped to target updated versions of stylesheets, headers and footers, and lock them to my user ID so all of the changes are only visible to myself until the theme is ready to launch.
Read MoreThese are my go-to media queries when browser testing different versions of Internet Explorer
Read MoreThis snippet will allow the Single product layout to display in the same layout as your installed theme.
Read MoreThis is a great way to get trigger content loading on the page automatically. Visitors can then use filters enabled in the Search Filter to customize their search.
Read MoreBy default, Category templates bring in the words “Category Archives:” ahead of the category name with most themes, and this isn’t always ideal. When theming Archives separately from Category pages, it’s necessary to target the title of Category to edit the default text.
Read MoreUsed in HTML, this will convert a hard-coded address into an embedded map within an iframe
Read MoreBloodForge Smoke Effect Plugin is easy to setup and integrate in html and WordPress websites. Based on a particle smoke effect posted by Jonny Cornwell.
Can be used to apply a smoke / fog effect to a div as a background, or using canvas. Includes support for modern browsers (will slow down page loading).
Read MoreYou can achieve more stylistic versatility within your WordPress backend, and theme, if you’re able to inject fonts within the WYSIWYG editor.
This is possible if you are using embedded fonts, or if you are using fonts from a hosted library using the below function, and the Advanced TinyMCE plugin addon.
Read MoreUseful snippet to gather additional information about site visitors for forms that do not capture a lot of data.
Will honour user settings if IP address is set to private or reserved.
Read MoreA simple alternative to using HTML5 audio controls. Link directly to an audio file in the page, or use this method within a loop.
Read MoreCreating dynamic layouts can make it easier on your clients (and yourself) to update your content without worrying about checking the front end to make sure the selections are correct, or having to update various posts / content areas following updating new content.
The following example shows how to add a colour class to your container using the_loop, php and with some CSS adjustments, possibilities are endless!
Read MoreGreat way to hide categories from the front end if they are reserved for a different purpose:
Read MoreAdd one of these snippets to functions.php if you’d like to customize your WooCommerce product content.
Read MoreSometimes it’s necessary to further customize archived data into sortable sections (organized by date, like below, or category), so it’s easier for visitors to find what they’re looking for at-a-glance.
Read MoreAdd a poster to an html embedded video to prevent the black background from displaying on screen while the video loads:
Read MoreFound this demonstrative function in the wp_get_current_user(); WordPress documentation, as a way to test if a user is logged in
Read MoreCross browser testing mobile devices can be very confusing when you take into account the various resolutions different devices.
Read MoreMake your website content more dynamic and interactive with this handy feature.
Read MoreCan bet setup to occur automatically onload. If there is a large menu section that you’d like visitors to scroll past on subpages.
Read MoreUseful way to grab the title from the page ancestor, and setup child page titles.
Read MoreThis example will allow for a class to be added to the current child page so it can be custom styled.
Read MoreDetect if a product is in the cart and add it by product ID as soon as a visitor is on your website.
Read MoreError establishing a database connection is my least favourite error message. There’s so many things that you need to check, and the error itself (imo!), does not provide very much direction.
Read MoreOccasionally, when working with javascript toggles it becomes necessary to use methods like target=”<?php echo $counter; ?>” in order to build a relationship with other elements involved.
Read MoreBased off of this WordPress codex reference function
Read MoreWorking with Custom Post Types can be tricky. Make it easier by using templates to display the taxonomy archive similar to the page.php layout.
Read MoreAdd or replace the contents of searchform.php with the following in order to enable a dynamic search field with an image search icon in, similar to the image below:
Read MoreDrilling down across multiple post types can help enhance relationships between the content on your website, and direct the flow of traffic on your website.
Read MoreThis is a great and simple way to keep lists in alpha or numerical order, while splitting up the content to make it easier for the reader to digest.
Read MoreThis really comes in handy when you’re using specific language on your website for Usernames or need to add in additional fields at signup.
Read MoreMany thanks to Rilwis and Charlie Rosenbury for the better-include.php shown below, and sourced here. I will no doubt, use this several times in the future!
Read MoreAdjust the supports array of your Custom Post Type within functions.php to enable Menu Order filtering by adding ‘page-attributes’:
Read MoreA useful addendum to queries when multiple products / post types are going to be featured with the same / similar names. This will prevent the need to add alphanumeric differential identifiers to the titles, and the links, slugs or categories assigned to the content can be used to divide up the information accordingly.
Read MoreFound a handy function over at WP Beginner that allows you to hide the Toolbar for anyone that does not have Administrator access.
Read MoreWhen generating archive pages, it’s sometimes necessary to return all of the Posts (for a given Post Type), sorted by the Category for visitors to sort through easily.
Read MoreYou can retrieve the WordPress default image sizes (as well as set custom image sizes) using Advanced Custom Fields using the following:
Read MoreUse if statement found here that allows you to sort by the parent category, to show only relevant child categories on various landing pages:
Read MoreIf you’d like to continue using the_post_thumbnail in your theme, but do not want to use a fixed default, use this snippet to inherit images from parent pages.
Read MoreToggle text back and forth from a selected phrase using this function
Read MoreHere is an embed of the Github code found here:
Read MoreSub-navigation must be in a container
Read MoreA recent WooCommerce update broke the shop layout, but wasn’t throwing any errors. Product thumbnails, Prices and Add to Cart buttons all vanished, but were still available on the individual product pages.
Read MoreI used this with my Fake Archives for Multiple Authors in order to hide the child containers.
Read MoreGenerate a list of WordPress posts, grouped by month, for the specified author.
This comes in handy when working with multiple authors, and needing to generate a list of archives for their content.
Read MoreAlternative: echo wpautop(get_field(‘featured_summary’));
Read MoreAdd the following code to your functions.php in order to redirect your home.php template to the most recent single post
Read MoreAdd this to functions.php to declare Woocommerce Support in a third party theme:
Read MoreThree options as a workaround if a server doesn’t allow for an htaccess file.
Read MoreAdding increasing increments to loops can help with styling elements, and revealing additional content. Here are few examples to implement counters with php.
Read MoreWorking with an older Yahoo! server, I recently ran into the following error when updating WordPress and installed themes / plugins.
Read MoreDownload failed. error:0D0890A1:asn1 encoding routines:func(137):reason(161)
An alternative to wp_list_categories() – using get_categories() with a loop can prove to be quite useful in terms of customizing category displays.
Read MoreRecently came across this request at work, and it seemed impossible to implement without a series of workarounds.
Read MoreThis is a blanket solution that will help you hide the admin bar for everyone, and save time with having to provide the “hide toolbar” info to all users.
Read MoreSometimes transitional content is used in one area of a website, like to display hours in a Header or Sidebar. Instead of having the client (or yourself!) update this content every day, get your code to update it for you when the weekdays change.
Read MoreFacebook has partnered with McAfee to keep malware, spam, and offensive content off of their social network, and as such, have begun blocking websites and IP addresses that turn up malicious results, or are reported by users.
Read MoreCustom Post Types help keep your WordPress backend organized, but figuring out how to get support for plugins can be tricky.
Read MoreBased off of this entry and modified from this source trail, the below snippet will help you embed featured images and backgrounds, and make child pages inherit them from parents.
Read MoreWordPress does not natively support uploads for ePub files. To enable this support, add the following to functions.php
Read MoreCustomizing Woocommerce email templates can be tricky if you’re unable to preview the changes that you make, and Woocommerce addons can get pricy.
Read MoreAdd this to functions.php; update the placeholder “Your Text Here” with your new badge text
Read MoreIf the BuddyPress plugin Activity Stream is not showing all updates / content that is being published, check if the site is set to Discourage Search Engines under Settings > Reading in the WordPress backend.
Read MoreI’ve been using this template as a guide to create HTML newsletters. These can be uploaded to FTP, and hyperlinked on a website, or embedded in an email.
Read MoreMy default mobile stylesheet.
Read MoreMy starter stylesheet when starting new projects:
Read MoreTo over-ride WooCommerce templates with your theme default template, copy page.php and rename it to woocommerce.php
Read MoreUse this to grab the Featured Image from the post parent if the child page is not using a Feature Image.
Read MoreTo centre an image inside of a div
Read MoreCreate a simple background parallax with the following instructions.
Read MoreThis plugin allows you to sort posts via drag and drop (even custom posts and categories!).
Simply use orderby => menu_order in your loop.
Read MoreI have dug all over the internet for a query like this one!
This will generate the get_archives_link needed to link to your Custom Post Type year/month url.
Read MoreDrop the below if statement within a loop and add a count for each colour change that you need with the template.
This is a great example to reference if you’re building a scrolling website, and loading all pages in a single progression with alternating templates applied.
Read MoreFollow these steps when placing WordPress in a subfolder.
Read MoreRetrieve the ID of the first item in a loop:
$category = get_the_category(); echo $category[0]->cat_name;Read More
For use with older browser version testing.
Read MoreCreate a menu that drills down to subpages as they exist.
Read MoreCopy the template files into your theme folder from the plugin file.
These can be edited individually to match whatever layout you desire.
Read MoreDesign the html email template, like you would a static webpage. Here is an example of a responsive email template that you can update or use as reference.
Read MoreThese handy two lines of code can prevent the Plugins submenu from being accessed within WordPress. All users (including Administrators) will no longer have permission to add, edit, or see the update notifications for installed Plugins.
Comes in handy for sites run by Clients that have a lot of plugin customization.
Read MoreCreate two functions within functions.php. One will control the “if(has)” parameter that will be called within the page template, and one will contain the data that we want to display:
Read MoreFollow these instructions to exclude custom post type category.
Read More$top_page_url = get_permalink( end( get_ancestors( get_the_ID(), 'page' ) ) );
Use the above text in place of the_permalink(); in order to retrieve the link information for the topmost page ancestor.
Read MoreDownload the plugin files from github. Follow directions provided by the plugin author.
Read Moreecho apply_filters('the_content', get_post_field('post_content', $post_id));Sourced here.
Update – July 28, 2015
This method can also be used to retrieve data from custom fields when working with plugins like Advanced Custom Fields:
echo apply_filters('widget_content', get_post_field('widget_content', $post->ID));Create a custom product feed using Liquid within Shopify.
Read MoreMake re-templating easy by starting with a blank Shopify theme instead of restyling an existing one.
Blankify is a stripped-bare Shopify template that makes developing in Shopify much simpler.
Use this Cheat Sheet while developing to get things done quickly.
Read MoreCustomize your theme further by enabling the ability to show the caption when using the Featured Image.
Read MoreAdding dynamic slugs to your body class can help enhance the ability to style your theme.
Read MoreIf page IDs or other classes are not appearing in the source code for a site that you’re working on, check the header.php file to see if body_class(); is being applied to the <body> tag.
Read MoreWorking with large sites that have cross-over content, sometimes it’s necessary to know how to bring multiple taxonomies into a single query.
Read MoreThis attribute needs to be fed an array, even if a single item is being called, or it will not function properly
Read MoreWhen creating parallax websites, or websites where all of the content is visible on one area, use the following to keep users from getting sidetracked from other areas of the website
Read MoreIf you’re experiencing issues with page/post content not loading, even though the link displays in the URL; check your Trash bin for an item with a similar permalink.
This will often prevent permalinks from working properly.
Read MoreIf you’re ever locked out of your site backend and need the WordPress version to perform an update, you can echo it via FTP using this code:
echo $wp_version;
Read More
Once I was greeted with an “Error establishing a Database Connection” message, despite nothing being changed on the website (ftp, cpanel, etc) in several months.
Read MoreWhen enabling multiple tax amounts in Woocommerce, ensure that you change the priority of each Tax Amount entered, in order to make sure the taxes will render separately at checkout!
Targeting the mailto field is pretty rudimentary, but you can keep yourself organized if you use such items like the cc-field, and the subject line in order to keep track of where your visitors are when they contact you.
Read MoreIn version 4.1 I recently encountered an update (version and plugin) error where the installer was unable to locate the wp-content directory to complete the update.
Read MoreSometimes it’s handy to utilize the same features that are available within the Posts area, inside of your Pages. Adding the Excerpt to the Pages, provides you with an additional, native field to pull data from and take advantage of when building your WordPress website.
Read MoreUsing large sliding banners with linked content can be both a blessing and a curse. This adds a beautiful level of style and information to the site, but also takes up a lot of space, and provides a lot of repetitive information that can be difficult for new visitors to navigate.
Read MoreComes in handy when working with older devices.
Read MoreI recently needed to create a dynamic table for a visual aesthetic. A few background images had been strategically placed alongside the content, and the grid provided structure and flow. Using this bit of code, I was able to target a div to populate an empty table, and style it accordingly.
Read MoreSometimes you don’t want your clients to know that updates are needed. When Woocommerce is paired with powerhouse plugins like WPML, older versions can be difficult to update, and you should tread lightly: with backups.
Read MoreOverflow: visible will not work in combination with Filters in IE7. These will need to be deactivated, or back-hacked.
Read MoreEmbedded fonts that are being loaded from a server / another website, or file, will sometimes load after the main css file, and after the page is loaded, resulting in a weird display. Typekit fonts can be loaded faster using a timeout script.
Read MoreUsing the_date(); this is very easy to achieve, all you need is © to get yourself setup. To take it a step further, you can include a date span, so your clients are aware of just how long you’ve been burning the midnight oil.
<p>© 2013 <?php date('Y') == "2012" ? $year = "" : $year = "- ".date('Y'); echo $year; ?></p>
Sourced here.
Read MoreWordPress keep redirecting me to the login page, even though I’ve entered my username and password correctly, several times. Check the address bar for this information after wp-login:
?redirect_to=http%3A%2F%2Fyourdomainname.ca%2Fmbprospects%2Fwp-admin%2F&reauth=1
Remove it, and press enter. You will still be at the login screen, and yes, will have to login again, but there will no longer be a redirect loop taking place.
Read MoreWhen Themes are upgraded in Shopify, script libraries are upgraded. Depending on the level of expertise of the individual that developed your Theme, this means errors can arise. If your mobile navigation stops working, you may need to find your scripts.js.liquid file and look for errors in syntax and coding. Check your console to be sure which file you should edit, and always make a back up!
Read MoreRead this article about enabling Mandrill on your site with
Read MoreIf you’ve ever encountered this error while using NextScripts SNAP, you know that’s it’s not very simple to resolve:
Read MoreEver been hacked or had a change of staff and completely lose access to the website you’ve put so much time and effort into? The following code goes a long way, if you drop this into your sql through phpMyAdmin, this will create an Administrator account, granting you access to your website once again. Simply update the fields to the name of your database, and the username you would like to use to access the site. Voila!
Read MorePlace this within the single.php template to grab the Featured Image and format it automatically inline with the content.
the_post_thumbnail('large', array('class' => 'alignright'));
This can also be used in the loop with alongside posts with featured images.
Read MoreWhen using Slick on Android, you may find that the vertical scrolling, or site progression, becomes inaccessible if you have a full-width slider.
Read MoreCustomize the output to match your theme.
Read MoreSometimes fixing iframe and YouTube embed issues can be as simple as adding wmode=transparent to the iframe src string <iframe scr”http://youtube.com/embed/link_to_video” wmode=”transparent”></iframe> Other times, you may need to change this to wmode=”Opaque” If you’re still experiencing issues with drop down menus appearing behind iframes, and z-index is being ignored, the following code will come in handy.
Read MoreIFrames can be difficult to customize. If you want to add a border, or a box shadow to them, it can be simpler to do so if you wrap them in a parent div, and apply the necessary changes to this container. Border-radius will work with a parent div, when you couple it with overflow: hidden; forcing the clipping of the contained elements, and giving the illusion of the effect you’re looking for.
Read MoreIt helps in the long run to install WordPress in a sub folder, this will keep multiple domains / folders better organized in your ftp.
Read MoreMenus can be tricky. Rather than being locked into the just using menu sort order, or alphabetical order, combine the two using wp_list_pages(); You can style the drop downs to respond on hover using CSS.
Read MoreWhen working with background images, parallax websites, or full width and height sliders, you might find the need to have a div adjust to be the full width or height of the viewport automagically. This code will help you find your way. Sourced from the comments on css-tricks.com
Read MoreOften, the WordPress Plugin Multiple Post Thumbnails is used within the page.php and single.php templates, and few conflicts arise. If you’re calling your thumbnails within header.php, footer.php or functions.php, the following code will help sort out issues with images not displaying via the simpler methods.
Read MoreThis is a handy trick if you’re working with ajax or dynamic elements that are using a filter, such as Ultimate WordPress Query Search Filter.
Read MoreWorking with Shopify, I found this bit of code, and was able to setup auto-switching full screen background images. You can use this to setup multiple background images that will change over automagically on page load.
Read MorePlace this code inside of the relevant Div
Read MoreI’ve run into problems several times where exclude and include do not work, or work selectively, and as a result, either all of the posts are included, or none of them are. I’ve found an answer that works both inside and outside of the loop.
Read MoreBackground-Attachment: Fixed does not work in Safari when using multiple background images in Safari. The images will disappear when the browser is resized, or accessed in mobile device. Background-Attachment: Fixed will render the images properly in Chrome, and Firefox, but even when coupled with Display: Block, and Overflow: Hidden to force images to appear, will not work properly in Safari.
Read MoreAdd this code to your functions.php file in order to create Breadcrumbs.
Read MoreAdd suppress_filters => 0 to your get_posts(); argument and everything will be just fine!!!
Read MoreUse this function at add a class to the <body> for the active language:
function wpml_lang_body_class($classes) {
$classes[] = ICL_LANGUAGE_CODE; return $classes;
}
add_filter('body_class','wpml_lang_body_class');
Read More
No problem!
The Photoshop Scratch Disk is your hard drive where Photoshop is installed. Photoshop uses your hard drive as temporary “swap” space, or virtual memory, when your system does not have enough RAM to perform an operation. This can become “full” if Photoshop crashes and/or several temporary files have been created by Photoshop and not cleared out properly.
Read More