Ein eigenes Plugin zu erstellen und in diesem alle benötigten Code Snippets unterzubringen ist die sauberste und universellste Methode. Sie eignet sich für alle Arten von Code Schnipseln und ist immer die beste Wahl.
There’s a running joke among programmers that software development is 10-20% knowing how to code and 80-90% knowing how to search the internet for an answer or code snippet. Thankfully, lots of people post those code snippets on their websites for others to use and modify. If you’re one of the helpful coders who figures out problems and wants to share the resulting code, we have a slew of WordPress plugins here that can help post those code snippets in an easy-to-read and copy format.
Whether you want to display code in a single block for your readers or in-line as part of a discussion where you can point out specific elements of the code, there’s a plugin for you. You can handle this manually by adjusting your functions.php file, but even though we often suggest a manual approach to some things in WordPress, plugins are definitely the way to go for this feature.
Our Top 4 Code Snippet Plugins for WordPress
1. SyntaxHighlighter Evolved
One of the standards in this arena, SyntaxHighlighter Evolved is simple to use and install. We have a full guide on how to get it installed and set up on your site. Basically, you can paste the code into the empty field, and the plugin takes it from there. It will display that code fully highlighted and formatted for your readers. You can adjust various settings such as color and formatting in the settings of the plugin.
They can also click into the displayed code snippet and copy it for their own use. Also, when the code block is clicked, it displays a plain-text version of the code that makes copying and pasting easier on the user’s end. The last thing someone who is looking for code needs is to have to reformat it and debug it on their own.
The plugin also runs with various shortcode parameters, meaning that you just need to insert a shortcode into a post or a page, then adjust various elements on a per-snippet basis. If shortcodes aren’t your thing, then you can make sure to use the custom block for the Block Editor. It’s easy, quick, and simple like most other custom Gutenberg blocks.
2. Code Snippets
When you see a plugin simply called Code Snippets, there’s a good chance you know what it does. And hopefully it does it well. Lucky for all of us, Code Snippets actually does display code snippets well. One of the standout features of this plugin is that not only are the displayed lines of code formatted to read and copy easily, it comes with a custom field for a code description so that you can easily track what snippets do what (and so your readers can get a full description, too).
We appreciate that this plugin gives you a full list of all code snippets on your website (those that are created with this plugin, that is), so that any updates or edits that need to be made are quick and easy without having to search and find which post or page contains it. That also lets you use the same snippets in more than one location and upkeep only a single instance of it.
3. Enlighter – Customizable Syntax Highlighter
Powered by EnlighterJS, the similarly named Enlighter plugin gives you a lot of control over how your code snippets display on your site. A big plus to this one is how you can add code in-line rather than in its own block. Most of the code snippet plugins only allow for block formatting. (Or editing through an actual Block Editor block.) This feature helps a lot with readability for your posts and explanation so fthe code, as well as lets you more easily include only part of a complete snippet in context of a particular line, function, or phrase.
Additionally, this is one of the few plugins that has a “generic language” highlighter, meaning that if you put in a snippet and the plugin can’t tell if that is from PHP, HTML, JavaScript, or something else, it will still highlight it as well as possible, meaning that it won’t appear simply as plain-text. This alone makes Enlighter worth checking out because of how readable it makes every line of code you put on your website.
4. Syntax Code Highlighter
Code Syntax Block uses the Prism syntax highlighter to render code snippets in your WordPress posts and pages. Going through the Block Editor, you just need to paste in the code that you want displayed and fiddle with some of the settings in the right sidebar, using metaboxes and details. This helps make it easier to label and identify what code snippet the user is looking at.
With this plugin, you don’t have to rely on any preset styling to colorize the highlighted snippets. While the plugin does include presets, you can alter the code’s color setting using CSS in a file included with the plugin. That level of customization is nice when your site is going for a particular aesthetic or you focus on a particular development type. By using CSS to adjust the displayed code blocks, you can give the users coming to your site the best experience possible, both from a display standpoint and usability.
Rich Snippet Plugins for WordPress
Keep in mind that these plugins will insert the schema markup needed to show rich snippets in the search results, but they don’t guarantee that your post will show rich snippets. These plugins simply make your website content eligible to be chosen for a rich snippet. And at the end of the day, Google makes the final call for which websites earn rich snippets.
1. Schema – All In One Schema Rich Snippets
All In One Schema Rich Snippets will provide all the accurate information Google needs to see on the back end of the search results. This includes the common schema markups like photos, star ratings, prices, authors, and more.
Once you install this plugin, you will have a new option in the admin area called Rich Snippets, where you can customize the plugin for further use. While editing in the Gutenberg editor, you can configure a post to insert more information for search engines. As you start editing, you will see an editor screen where you can select if the post is a product review or something else from a drop-down menu.
2. Taqyeem
Taqyeem is an attractive and powerful WordPress plugin that adds a modern review system to your WordPress site. This plugin supports microdata on custom posts types along with more traditional blog posts and webpages. With Taqyeem, you can also add a review and rating system to your WordPress posts, pages, and custom post types.
This is a highly customizable WordPress plugin that you can modify to change fonts, images, colors, and styles to match your theme. It offers you more than 500 Google font options, typography options, and more.
3. Schema & Structured Data for WP & AMP
Schema & Structured Data for WP & AMP is one of the highest-rated rich snippet plugins for WordPress. With more than 35 schema types, you can markup virtually any piece of content with rich snippet schema from blogs to videos.
One great option with this plugin is your ability to add the schema markup conditionally. That means you can include and exclude content from the using the conditional display fields. If you’ve used a schema plugin in the past and want to switch to Schema & Structured Data for WP & AMP, you can import the data from those plugins.
4. SNIP: Structured Data Plugin for WordPress
With this premium WordPress plugin, you can set up your own custom rich snippets code or just edit the pre-installed ones. This plugin supports several snippets: reviews and ratings, people, products, businesses and organizations, recipes, events, and music which means SNIP will be a smart choice for a website in virtually any industry.
5. WP Review Pro
The 19 rich snippet markup styles are designed to help you stand out in Google search results no matter what type of content you publish — videos, recipes, or even reviews. WP Pro comes with multiple rating systems, such as stars, percentages, and bars that make a statement in the SERP.
6. kk Star Ratings
kk Star Ratings is one of the best rich snippet plugins for star ratings. What’s exciting about this plugin is its flexibility. You’ll have full control over your rich snippets including where they are enabled or disabled, how many times a single user can rate your site, and customize the look of your rich snippet if you’re awarded one.
Fazit
Die technisch sauberste Variante ist die Erstellung eines eigenen Plugins. Es spricht nichts dagegen, alle benötigten Code Snippets in ein Plugin zu packen. Mit einem Plugin bist Du unabhängig vom Theme und das Plugin lässt sich problemlos auch auf anderen Websites einsetzen.
Die zweite Wahl ist die Verwendung eines Child Themes. Die Lösung ist genauso sauber wie mit einem Plugin. Wenn sowieso bereits ein Child Theme in Verwendung ist, spart diese Variante etwas Arbeit. Wenn das Code Snippet an sich überhaupt nichts mit dem Theme zu tun hat ist diese Lösung nicht ganz so schön, weil der Code nicht sauber getrennt ist.
Die Verwendung des Code Snippets Plugins ist extrem komfortabel, aber ich schätze das Plugin als sehr hohes Sicherheitsrisiko ein. Es ist für mich absolut nachvollziehbar, wenn Du dieses Plugin einsetzen möchtest – ich persönlich würde es nicht machen.
Sources:
https://www.elegantthemes.com/blog/wordpress/best-code-snippet-plugins-for-wordpress
https://blog.hubspot.com/website/rich-snippets-wordpress-plugins
https://wpwissen.com/wordpress-code-snippets-einbinden/
Wordpress snippets
kk Star Ratings is one of the best rich snippet plugins for star ratings. What’s exciting about this plugin is its flexibility. You’ll have full control over your rich snippets including where they are enabled or disabled, how many times a single user can rate your site, and customize the look of your rich snippet if you’re awarded one.
8 Best Rich Snippets WordPress Plugins for 2022
These are rich snippets:search results that have been optimized to display more details about a website than the average search result. The details that make these snippets “rich” include images, ratings, locations, and more.
Like any featured snippet, you have to “earn” rich snippets. Thankfully, there’s plenty of opportunity. According to Ahrefs, about 12.29% of search queries have a featured snippet — that includes rich snippets, like the ones pictured above. And that opportunity will continue to grow as search engine algorithms become more sophisticated in the way they determine search intent.
Rich snippets are important to earn because they can improve the visibility of your posts and help drive more traffic to your WordPress site, especially if you review products regularly. By displaying star ratings for products right on the SERP, rich snippets can be effective in bringing extra traffic to review posts..
To help improve your chances, use a WordPress plugin. Rich snippet plugins will help simplify the process of structuring the necessary data on the back end of your site so you can start earning rich snippets on SERPs.
Our Top 4 Code Snippet Plugins for WordPress
1. SyntaxHighlighter Evolved
One of the standards in this arena, SyntaxHighlighter Evolved is simple to use and install. We have a full guide on how to get it installed and set up on your site. Basically, you can paste the code into the empty field, and the plugin takes it from there. It will display that code fully highlighted and formatted for your readers. You can adjust various settings such as color and formatting in the settings of the plugin.
They can also click into the displayed code snippet and copy it for their own use. Also, when the code block is clicked, it displays a plain-text version of the code that makes copying and pasting easier on the user’s end. The last thing someone who is looking for code needs is to have to reformat it and debug it on their own.
The plugin also runs with various shortcode parameters, meaning that you just need to insert a shortcode into a post or a page, then adjust various elements on a per-snippet basis. If shortcodes aren’t your thing, then you can make sure to use the custom block for the Block Editor. It’s easy, quick, and simple like most other custom Gutenberg blocks.
2. Code Snippets
When you see a plugin simply called Code Snippets, there’s a good chance you know what it does. And hopefully it does it well. Lucky for all of us, Code Snippets actually does display code snippets well. One of the standout features of this plugin is that not only are the displayed lines of code formatted to read and copy easily, it comes with a custom field for a code description so that you can easily track what snippets do what (and so your readers can get a full description, too).
We appreciate that this plugin gives you a full list of all code snippets on your website (those that are created with this plugin, that is), so that any updates or edits that need to be made are quick and easy without having to search and find which post or page contains it. That also lets you use the same snippets in more than one location and upkeep only a single instance of it.
3. Enlighter – Customizable Syntax Highlighter
Powered by EnlighterJS, the similarly named Enlighter plugin gives you a lot of control over how your code snippets display on your site. A big plus to this one is how you can add code in-line rather than in its own block. Most of the code snippet plugins only allow for block formatting. (Or editing through an actual Block Editor block.) This feature helps a lot with readability for your posts and explanation so fthe code, as well as lets you more easily include only part of a complete snippet in context of a particular line, function, or phrase.
Additionally, this is one of the few plugins that has a “generic language” highlighter, meaning that if you put in a snippet and the plugin can’t tell if that is from PHP, HTML, JavaScript, or something else, it will still highlight it as well as possible, meaning that it won’t appear simply as plain-text. This alone makes Enlighter worth checking out because of how readable it makes every line of code you put on your website.
4. Syntax Code Highlighter
Code Syntax Block uses the Prism syntax highlighter to render code snippets in your WordPress posts and pages. Going through the Block Editor, you just need to paste in the code that you want displayed and fiddle with some of the settings in the right sidebar, using metaboxes and details. This helps make it easier to label and identify what code snippet the user is looking at.
With this plugin, you don’t have to rely on any preset styling to colorize the highlighted snippets. While the plugin does include presets, you can alter the code’s color setting using CSS in a file included with the plugin. That level of customization is nice when your site is going for a particular aesthetic or you focus on a particular development type. By using CSS to adjust the displayed code blocks, you can give the users coming to your site the best experience possible, both from a display standpoint and usability.
Wrapping Up with Code Snippet Plugins
Regardless of the reason why you need to display code snippets on your site, the plugins out there offer you a large amount of customization, robust feature sets, and ease of use to get those solution to brain-breaking coding problems online. Like we said earlier, a large part of being a software developer is the ability to seek out the answers online for problems that have already been solved. With any of these plugins, you can do your part to pay it forward. Have a big breakthrough, and then toss the code online. Someone out there will thank you for it. And even if they don’t, your code snippet still helped.
By B.J. Keeton
B.J. is a content creator for Elegant Themes from North Alabama. He is a runner, runner, gamer, and all-around geek. When he’s not digging through WordPress to find new topics, he manages Geek to Geek Media for funsies in his free time and even DMs a couple of D&D games each week.
Sources:
https://blog.hubspot.com/website/rich-snippets-wordpress-plugins
https://www.elegantthemes.com/blog/wordpress/best-code-snippet-plugins-for-wordpress
https://www.elegantthemes.com/blog/wordpress/best-code-snippet-plugins-for-wordpress