Tested WordPress code snippets – page 11
Copy-paste snippets for blocks, block themes, security, performance, Tailwind CSS, PHP and React. New snippets every Monday, Wednesday and Friday, each one run in a real WordPress before it is published.
-
Sublime text hide hidden files from the sidebar
Open preferences by pressing Command + “,” And paste the following snippet Taken from: https://gist.github.com/supawaza/8009192
Category: WordPress -
Show the Current Post’s Categories in WordPress
List the categories of the current WordPress post as escaped links on a single post template, with a class on the primary category.
Category: WordPress -
Show Custom Taxonomy Terms of a Post in WordPress
Show the custom taxonomy terms of the current WordPress post on its single template, as links with a CSS class per term for badges.
Category: WordPress -
Highlight Search Terms in WordPress Search Results
Highlight the search terms in WordPress search results: wraps the words in titles and excerpts in , in classic and block themes.
Category: WordPress -
WordPress Back Button Shortcode With a Fallback Link
A WordPress back button shortcode that returns visitors to the previous page, and opens a fallback URL when they arrived from another site.
Category: JavaScript -
Add and Remove a Class on Scroll in WordPress
Add an is-visible class to WordPress elements while they are on screen and remove it when they leave, with IntersectionObserver and no jQuery.
Category: JavaScript -
List WordPress Categories With an Active Class
List all WordPress categories or custom taxonomy terms as links with a current-cat active class, on archives and on single posts.
Category: WordPress -
Toggle Text on Click in WordPress Without jQuery
Swap an element’s text between two values on each click in WordPress, keyboard accessible and without jQuery.
Category: JavaScript -
Slide Toggle Content on Click in WordPress
Slide content open and closed on click in WordPress with plain JavaScript instead of jQuery slideToggle, keyboard accessible and motion aware.
Category: JavaScript -
How to start with jQuery in WordPress
This code is basic and for beginners. Usually, you can see solutions but not how to wrap jQuery code to start writing it for WordPress or Oxygen. The outer Javascript function is known as an anonymous function and jQuery is wrapped at the end, so is therefore aliased or bound to the $ selector, so in the inner function…
Category: jQuery
3rd party plugins actions admin admin bar archive block-themes block editor Blocks block styles block theme build core CSS custom post types Developer development filters full site editing gutenberg hook hooks Image img javascript load styles maintenance Must Have npm Oxygen performance php plugins scripts organizer security settings api single product tailwind theme.json Tips updates WooCommerce wordpress wp-cli wp-cron WP Admin