Tested WordPress code snippets – page 9
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.
-
WordPress YouTube Shortcode That Loads Video on Click
A WordPress YouTube shortcode that shows a thumbnail and loads the privacy-friendly youtube-nocookie player only when the visitor clicks play.
Category: WordPress -
Get Oxygen Global colors as CSS Variables
If you want to write external CSS the easiest way to sync the global colors between the oxygen and an external CSS is through the variables. You will need to get all variables into the header under the root. The output should look like this:
Category: Oxygen -
Show Post, Page and CPT IDs in WordPress Admin Columns
Add an ID column to the WordPress admin lists of posts, pages and custom post types, so you never open a post just to find its ID.
Category: WordPressTags: WP Admin -
Oxygen Templates List in WP-Admin top bar
Accessing Oxygens Builder templates list always needs several clicks. WordPress Admin top bar is always there and easily accessible. If you don’t have too many things in the top bar this code will be perfect for you. With this code, you will get an entire list of your Oxygen templates. No styling is required as…
Category: Oxygen -
Add a Custom Link to the WordPress Admin Bar
Add one custom link to the WordPress admin bar, shown only to users who can open it, with an optional highlight colour in wp-admin and on the front end.
Category: WordPress -
Add Custom Image Sizes to the WordPress Editor Dropdown
Register custom image sizes in WordPress and show them in the editor image size dropdown, from one config with name, width, height and crop.
Category: WordPress -
WordPress Admin Dark Theme
A WordPress admin dark theme in a few lines of CSS: dark wp-admin screens and block editor UI, real colours for images and the editor canvas.
Category: WordPress -
Scripts on Excluded pages
At the moment we have option to select pages on which you want to apply scripts. Thats why I made a small code snippet to help you create this option as well. Write Page, Post ID or Slug on witch pages you don’t want that script is applied and it will be applied on all…
Category: WordPress -
Slow Down or Disable the WordPress Heartbeat API
Slow down the WordPress Heartbeat API and switch it off on the front end or in wp-admin, without breaking post locks or a plugin.
Category: WordPress -
Change WordPress Widget Title From h2 to h4
Change the WordPress widget title tag from h2 to h4 (or any heading) for every sidebar, keeping the theme’s classes and the title text as they are.
Category: WordPress -
Remove the Archive Title Prefix in WordPress
Remove “Category:”, “Tag:”, “Archives:” and the other prefixes from WordPress archive titles with one filter, in classic and block themes.
Category: WordPress -
Color WordPress Admin Menu Items
Color chosen WordPress admin menu items with your own background and text colours, so the screens you use daily stand out in the sidebar.
Category: WordPressTags: WP Admin -
Add Categories to a Custom Post Type in WordPress
Give a WordPress custom post type the normal Categories and Tags and show those posts on category and tag archives, with or without Custom Post Type UI.
Category: WordPress -
Rotate the Logo on Scroll in WordPress
Rotate your WordPress site logo as the visitor scrolls, with a few lines of plain JavaScript that respect reduced-motion settings.
Category: JavaScript -
Add Taxonomy Columns to WordPress Admin Post Lists
Show any taxonomy as a column in WordPress admin post lists, including custom post types, with one config array and no placeholders.
Category: WordPress -
Make WordPress Posts Hierarchical with a Parent Option
Give WordPress posts or custom post types a Parent field like pages, with register_post_type_args, safe for post types registered without supports.
Category: WordPress -
Manual query get complex data
Paste this into code block to get that data. Paste that data into Query of Easy posts or Repeater. With this, you can put in query data from ACF Pro as well Credits to: https://wpdevdesign.com/how-to-generate-the-query-string-for-easy-posts-in-oxygen/
Category: Oxygen -
Change the default loop with CodeBlock
Place it above Repeater or East Posts
-
Change the Main Loop Order in WordPress With pre_get_posts
Change the order of the WordPress blog and archive loop, for example oldest posts first, with pre_get_posts and without touching templates.
Category: WordPress
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