Monday 29 January 2024

11 Useful WordPress Code Snippets for Beginners (Expert Pick)

Are you looking for some WordPress code snippets to use on your website?

Adding code snippets to your WordPress site allows you to build unique designs and functionalities that may not be possible with themes and plugins. Snippets can also improve security on your website and make the admin dashboard more user-friendly.

In this article, we will share with you our list of the most useful WordPress code snippets for beginners.

Useful WordPress Code Snippets for Beginners

Why Add Code Snippets in WordPress?

If you have a WordPress website, then adding some useful code snippets to your theme files or a code snippets plugin can help you unlock limitless customization and make your site stand out.

You can use custom code to tailor some specific elements on your website. For example, you might change the text selection color in WordPress by adding a simple CSS code snippet.

As a beginner, adding some useful code snippets can also enhance the performance and speed of your site by reducing the need for multiple plugins.

Other than that, snippets can help you expand your coding skills and use the vast library of code snippets that are shared by the WordPress community for free.

Having said that, let’s take a look at some of the most useful WordPress code snippets for beginners. You can use the quick links below to jump to different parts of our tutorial:

1. Allow SVG File Upload

SVG (Scalable Vector Graphics) is a file format that defines vector graphics using the XML markup language. This format allows you to enlarge images without losing any quality.

SVG image quality loss

These files are smaller and more lightweight than JPEG or PNG, helping you boost your website speed.

However, WordPress does not allow SVG file uploads by default because SVGs can contain malicious code that compromises site security.

With that in mind, if you still want to upload SVG files on your website, then you can add the following code snippet to your site:

/**
 * Allow SVG uploads for administrator users.
 *
 * @param array $upload_mimes Allowed mime types.
 *
 * @return mixed
 */
add_filter(
        'upload_mimes',
        function ( $upload_mimes ) {
                // By default, only administrator users are allowed to add SVGs.
                // To enable more user types edit or comment the lines below but beware of
                // the security risks if you allow any user to upload SVG files.
                if ( ! current_user_can( 'administrator' ) ) {
                        return $upload_mimes;
                }

                $upload_mimes['svg']  = 'image/svg+xml';
                $upload_mimes['svgz'] = 'image/svg+xml';

                return $upload_mimes;
        }
);

/**
 * Add SVG files mime check.
 *
 * @param array        $wp_check_filetype_and_ext Values for the extension, mime type, and corrected filename.
 * @param string       $file Full path to the file.
 * @param string       $filename The name of the file (may differ from $file due to $file being in a tmp directory).
 * @param string[]     $mimes Array of mime types keyed by their file extension regex.
 * @param string|false $real_mime The actual mime type or false if the type cannot be determined.
 */
add_filter(
        'wp_check_filetype_and_ext',
        function ( $wp_check_filetype_and_ext, $file, $filename, $mimes, $real_mime ) {

                if ( ! $wp_check_filetype_and_ext['type'] ) {

                        $check_filetype  = wp_check_filetype( $filename, $mimes );
                        $ext             = $check_filetype['ext'];
                        $type            = $check_filetype['type'];
                        $proper_filename = $filename;

                        if ( $type && 0 === strpos( $type, 'image/' ) && 'svg' !== $ext ) {
                                $ext  = false;
                                $type = false;
                        }

                        $wp_check_filetype_and_ext = compact( 'ext', 'type', 'proper_filename' );
                }

                return $wp_check_filetype_and_ext;

        },
        10,
        5
);

You can add this code to your theme’s functions.php file or use a code snippets plugin like WPCode. Later on in this article, we will show you exactly how to do this.

For more detailed instructions, you can see our tutorial on how to add SVG image files in WordPress.

2. Disable the WP Admin Bar

By default, WordPress shows an admin bar at the top of your website to all the logged-in users like subscribers, authors, editors, and any other user roles.

This admin bar can direct them to your WordPress dashboard, where they can make any changes to your site depending on their user permissions.

However, it can be a bit distracting when you are looking at the front end of your website because it can sometimes overlap with design elements like the header.

The WordPress admin bar

To disable the WP admin bar, simply add the following PHP code snippet to your WordPress site:

/* Disable WordPress Admin Bar for all users */
add_filter( 'show_admin_bar', '__return_false' );

Upon code execution, the admin bar won’t display on the website’s front end.

However, if you want the admin bar to be removed for everyone but the administrator, then you can see our tutorial on how to disable the WordPress admin bar for all users except administrators.

3. Remove WordPress Version Number

WordPress displays the current WordPress version number on your website for tracking.

Remove WordPress version number

However, sometimes, this footprint can cause security leaks by telling the hackers about the WordPress version in use. The hackers can then target known vulnerabilities in specific versions.

To remove the version number, add the following code snippet to your website:

add_filter('the_generator', '__return_empty_string');

Once you do that, hackers will not be able to guess your WordPress version with automatic scanners and other less sophisticated attempts.

For more detailed instructions, you can see our tutorial on the right way to remove the WordPress version number.

RSS feeds allow users to receive regular updates about your WordPress blog with a feed reader like Feedly.

This can help promote your content and drive more traffic to your site. By adding featured images or thumbnails next to the posts in the RSS feeds, you can make the feed visually appealing and further improve the user experience.

Feed with post thumbnails preview

You can easily show posts thumbnails in your RSS feeds by adding the following useful WordPress code snippet:

/**
 * Add the post thumbnail, if available, before the content in feeds.
 *
 * @param string $content The post content.
 *
 * @return string
 */
function wpcode_snippet_rss_post_thumbnail( $content ) {
        global $post;
        if ( has_post_thumbnail( $post->ID ) ) {
                $content = '<p>' . get_the_post_thumbnail( $post->ID ) . '</p>' . $content;
        }

        return $content;
}

add_filter( 'the_excerpt_rss', 'wpcode_snippet_rss_post_thumbnail' );
add_filter( 'the_content_feed', 'wpcode_snippet_rss_post_thumbnail' );

This can make your feed more engaging and bring back visitors to your site.

For more detailed information, please see our tutorial on how to add post thumbnails to your WordPress RSS feeds.

5. Disable Automatic Update Emails

By default, WordPress sends you an email notification every time it automatically updates any plugins, themes, or the core itself.

This can get super annoying if you have multiple WordPress sites and are constantly seeing these notifications upon opening your email account.

Email notification preview after an auto-update

In that case, you can easily disable automatic update emails by adding the following PHP code snippet to your website:

// Disable auto-update emails.
add_filter( 'auto_core_update_send_email', '__return_false' );

// Disable auto-update emails for plugins.
add_filter( 'auto_plugin_update_send_email', '__return_false' );

// Disable auto-update emails for themes.
add_filter( 'auto_theme_update_send_email', '__return_false' );

Once you do that, you won’t receive any notifications for plugin or theme auto updates.

For detailed instructions, see our step-by-step tutorial on how to disable automatic update email notifications in WordPress.

6. Change ‘Howdy, Admin’ in the Admin Bar

When you log in to your WordPress dashboard, you will be greeted with a ‘Howdy’ followed by your display name at the top right corner of the screen.

This greeting may not sound natural to you or look outdated, or even a bit annoying.

Change Howdy in the admin bar

You can easily change the greeting in the admin bar by adding the following code snippet to your WordPress site:

function wpcode_snippet_replace_howdy( $wp_admin_bar ) {

        // Edit the line below to set what you want the admin bar to display intead of "Howdy,".
        $new_howdy = 'Welcome,';

        $my_account = $wp_admin_bar->get_node( 'my-account' );
        $wp_admin_bar->add_node(
                array(
                        'id'    => 'my-account',
                        'title' => str_replace( 'Howdy,', $new_howdy, $my_account->title ),
                )
        );
}

add_filter( 'admin_bar_menu', 'wpcode_snippet_replace_howdy', 25 );

Once you add the code, you must also add a greeting of your liking next to the $new_howdy = line in the code.

For more information, you can see our tutorial on how to change or remove ‘Howdy Admin’ in WordPress.

7. Disable XML-RPC

XML-RPC is a core WordPress API. It allows users to connect to their websites with third-party services.

For instance, you will need to enable XML-RPC if you want to use an automation tool like Uncanny Automator or a mobile app to manage your website.

However, if you don’t want to use any of these functionalities, then we recommend disabling XML-RPC to prevent hackers from gaining access to your website.

Hackers can use these vulnerabilities to find your login credentials or launch DDoS attacks.

To disable XML-RPC, you can use the following code snippet on your website:

add_filter( 'xmlrpc_enabled', '__return_false' );

If you need more information, then you can see our tutorial on how to disable XML-RPC in WordPress.

8. Disable Automatic Trash Emptying

WordPress deletes anything that has been in the trash for more than 30 days, including posts, pages, and media files.

However, some users may not want to empty their trash automatically so they can recover deleted files at any time.

View trashed posts

In that case, you can add the following code snippet to your WordPress site:

add_action( 'init', function() {
    remove_action( 'wp_scheduled_delete', 'wp_scheduled_delete' );
} );

Upon adding this code, you will now have to manually empty your trash. For more details, you can see our tutorial on how to limit or disable automatic trash emptying in WordPress.

9. Change Excerpt Length

Excerpts are the first few lines of your blog posts displayed under the post headings on your WordPress home, blog, or archives page.

You may want to shorten your excerpt length to create a sense of intrigue among users and encourage them to click on the post to find out more. Similarly, you can also increase the length to give more context and key information to readers without having to click on the post.

Change excerpt lengths

To change the excerpt length, just add the following code snippet to your website:

add_filter(
        'excerpt_length',
        function ( $length ) {
                // Number of words to display in the excerpt.
                return 40;
        },
        500
);

By default, this snippet will limit the excerpt to 40 words, but you can adjust the number on Line 5 to whatever works best for your blog.

For more information, see our beginner’s guide on how to customize WordPress excerpts.

10. Disable Site Admin Email Verification

By default, WordPress sends an admin verification email to site administrators every few months to verify if the email they use is still correct.

However, sometimes this notice can be sent to you more often than necessary, which can be annoying.

Administration email verification

Fortunately, you can disable the admin email verification notice by adding the following code snippet to your WordPress site:

add_filter( 'admin_email_check_interval', '__return_false' );

For detailed instructions, check our tutorial on how to disable the WordPress admin email verification notice.

11. Disable Automatic Updates

WordPress automatically updates its core software, plugins, or themes to reduce security threats, malware infections, website breaches, and data theft.

However, automatic updates can sometimes introduce compatibility issues or break your website in rare situations.

In that case, you can use the following code snippet to disable automatic updates:

// Disable core auto-updates
add_filter( 'auto_update_core', '__return_false' );
// Disable auto-updates for plugins.
add_filter( 'auto_update_plugin', '__return_false' );
// Disable auto-updates for themes.
add_filter( 'auto_update_theme', '__return_false' );

This will disable all the WordPress automatic updates for the core software, themes, and plugins. For detailed information, see our tutorial on how to disable automatic updates in WordPress.

How to Add Code Snippets in WordPress (Easy Method)

Now that you know the most useful WordPress code snippets for beginners, you can easily add them to your theme’s stylesheets or functions.php file.

However, remember that the smallest error while typing the code can break your site and make it inaccessible. Plus, if you switch to a different theme, then all your custom code will be lost and you will have to add it again.

That is why we always recommend using WPCode.

WPCode - Best WordPress Code Snippets Plugin

It is the best WordPress code snippets plugin on the market that makes it super safe and easy to add custom code to your website.

Plus, the plugin also comes with a library of over 900 code snippets, including all the ones that we have mentioned above. For more information, see our complete WPCode review.

Code Snippets in WPCode

First, you need to install and activate the WPCode plugin. For detailed instructions, see our tutorial on how to install a WordPress plugin.

Note: There is also a free WPCode plugin that you can use. However, upgrading to the premium plugin will give you access to a cloud-based snippets library, code revisions, and more.

Upon activation, visit the Code Snippets » + Add Snippet page from the WordPress dashboard.

This will take you to the snippet library, where you can add custom code to your website by clicking the ‘Use Snippet’ button under the ‘Add Your Custom Code (New Snippet) option.

However, if you want to use a premade code snippet, then you can simply click the ‘Use Snippet’ button under that option.

Click the Use Snippet button under a premade code snippet

If you are adding a custom code snippet, then you simply need to paste it into the ‘Code Preview’ box.

Then, scroll down to the ‘Insertion’ section and choose the ‘Auto Insert’ mode. The code will be automatically executed on your website upon snippet activation.

Choose an insertion method

Finally, visit the top of the page and toggle the inactive switch to active. After that, just click the ‘Update’ button to store your settings.

You have now successfully added the code snippet to your WordPress site.

Activate and update the code snippet

For more detailed instructions, see our beginner’s guide on how to easily add custom code in WordPress.

Frequently Asked Questions About WordPress Code Snippets

Here is a list of some questions frequently asked by our readers about using custom code and code snippets in WordPress.

How do I display code on my WordPress site?

If you write blog posts about technical topics, then adding code snippets to your posts can be useful. To do this, you must open the page/post where you want to display the code snippet and click the add block ‘+’ button.

Once you do that, just insert the Code block from the block menu and then add your custom code into the block itself.

Add the code block in WordPress

Finally, click the ‘Publish’ or ‘Update’ button at the top to store your changes.

The code snippet will now be displayed on your WordPress site. For detailed instructions, see our tutorial on how to easily display code on your WordPress site.

How do I create a WordPress website from scratch without coding?

If you want to create a website from scratch without using any code, then you can use SeedProd.

It is the best WordPress page builder on the market that lets you create custom themes and landing pages without any coding.

SeedProd Website and Theme Builder

The plugin comes with 300+ premade templates, a drag-and-drop builder, and numerous advanced blocks that allow you to build an attractive website with just a few clicks.

For details, you can see our tutorial on how to create a landing page in WordPress.

Where can I get WordPress code snippets?

You can use WPCode’s library to access over 900 code snippets that you can add to your website easily.

However, if you are not using WPCode, then you can also get prewritten code snippets from websites like Stack Overflow, CodePen, or GenerateWP.

We hope this article helped you find the most useful WordPress code snippets for beginners. You may also want to see our tutorial on how to easily add JavaScript to WordPress pages or posts and our top picks for the best WordPress theme builders on the market.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 11 Useful WordPress Code Snippets for Beginners (Expert Pick) first appeared on WPBeginner.



from WPBeginner https://ift.tt/HoyW9A7
More links is https://mwktutor.com

No comments:

Post a Comment