Code Snippets

Beschreibung

Code Snippets ist eine einfache, klare und übersichtliche Methode, um deiner Website PHP Code Snippets hinzuzufügen. Es ist nicht mehr nötig, eigene Snippets zur Datei functions.php deines Themes hinzuzufügen.

Code Snippets Pro ist jetzt verfügbar, mit vollständiger CSS-, JavaScript-, Gutenberg- und Elementor-Integration.

Ein Snippet ist ein kleines Stück PHP-Code, mit dem Du die Funktionalität einer WordPress-basierten Website erweitern kannst. Im Wesentlichen ein Mini-Plugin, aber mit weniger Auswirkung auf die Performance Deiner Website.

Die meisten Snippet-Hosting Websites erfordern es, dass Du Snippet-Code zur functions.php-Datei Deines aktiven Designs hinzufügst, was die Datei mit der Zeit sehr umfangreich und unübersichtlich macht.

Code-Snippets ändern dies, indem sie eine GUI-Schnittstelle zum Hinzufügen von Snippets und der tatsächlichen Ausführung auf Deiner Website bereitstellen, genauso so, als ob sie sich in der functions.php-Datei Deines Themas befänden.

Kurzer Überblick über Code-Snippets von Imran Siddiq

Code Snippets bietet eine grafische Oberfläche, ähnlich dem Plugins-Menü, zum Verwalten von Snippets. Snippets können genau wie Plugins aktiviert und deaktiviert werden.

Der Snippet-Editor enthält Felder für einen Title, einen visuellen Editor für die Beschreibung, Tags, mit denen Du Snippets kategorisieren kannst, und einen voll funktionsfähigen Code-Editor. Snippets können zur Übertragung auf eine andere Website exportiert werden, entweder in JSON zum späteren Import durch das Code Snippets-Plugin, oder in PHP zum Erstellen Deines eigenen Plugins oder Designs.

Umfassendes Code-Snippets-Tutorial mit praktischen Beispielen von Ferdy Korpershoek

Wenn Du ein Feedback, Probleme oder Verbesserungsvorschläge hast, dann hinterlasse bitte ein Thema im Support-Forum, schließe Dich der Community auf Facebook an oder schau bei uns auf GitHub vorbei.

Wenn Du dieses Plugin schätzt und es als sinnvoll betrachtest, denke bitte an eine Bewertung auf WordPress.org.

Übersetzungen

Code Snippets kann dank der folgenden Übersetzer in diesen Sprachen genutzt werden:

Screenshots

  • Vorhandene Snippets verwalten
  • Neue Snippets hinzufügen
  • Ein Snippet bearbeiten
  • Snippets aus einer Export-Datei importieren

Installation

Automatische Installation

  1. Melde dich in deinem WordPress-Back End an
  2. Klicke auf Plugins
  3. Klicke auf Hinzufügen
  4. Suche nach Code-Snippets
  5. Klicke unter „Code Snippets“ auf Jetzt installieren
  6. Aktiviere das Plugin

Manuelle Installation

  1. Lade das Plugin herunter
  2. Entpacke den Inhalt der zip-Datei
  3. Lade den Inhalt der zip-Datei in das Verzeichnis wp-content/plugins/ deiner WordPress-Installation hoch
  4. Aktiviere das Plugin Code Snippets auf der Seite „Plugins“.

Die netzwerkweite Aktivierung von Code Snippets über das Netzwerk-Dashboard aktiviert eine spezielle Benutzeroberfläche zum Ausführen von Snippets über das gesamte Netzwerk.

FAQ

Eine vollständige Liste der häufig gestellten Fragen findet sich unter help.codesnippets.pro.

Wie kann ich meine Site wiederherstellen, wenn sie durch ein fehlerhaftes Snippet zerstört wurde?

Du kannst Deine Website wiederherstellen, indem Du die Funktion „Code-Snippets im abgesicherten Modus“ aktivierst. Anweisungen zum Aktivieren findest Du hier: https://help.codesnippets.pro/article/12-safe -Modus.

Verliere ich meine Snippets, wenn ich das Theme wechsle oder WordPress aktualisiere?

Nein, die Snippets werden in der WordPress-Datenbank gespeichert. Sie sind unabhängig von deinem Theme und bleiben unberührt von den WordPress Updates.

Kann das Plugin vollständig deinstalliert werden?

Wenn Du die „Vollständig deinstallieren“-Option auf der Einstellungen-Seite des Plugins aktivierst, wird Code Snippets alle Daten löschen, sobald es im WordPress-Menü „Plugins“ gelöscht wird. Das beinhaltet auch alle gespeicherten Snippets. Falls Du die Snippets behalten möchtest, exportiere diese zuerst.

Kann ich Snippets, die ich erstellt habe, in eine andere WordPress-Website kopieren?

Ja! Du kannst individuell ein einzelnes Snippet exportieren, in dem du auf der Seite ‚Snippets verwalten‘ den Link verwendest, der unter dem Snippet-Namen steht oder die Aktion zum Mehrfachexport nutzt. Snippets können später über die Seite ‚Snippets durch Hochladen der Export-Datei importiert werden.

Kann ich meine Snippets für eine Website, in der ich das Code Snippets Plugin nicht verwende, als PHP exportieren?

Ja. Klick auf die Kontrollfelder neben den Snippets, die du exportieren möchtest und wähle dann als PHP exportieren aus dem Massenverarbeitungs-Menü und klicke auf Anwenden. Die erzeugte PHP-Datei enthält dann den Code des Snippets sowie Namen und Beschreibung in den Kommentaren.

Kann ich für eine Multisite-Installation Snippets netzwerkweit ausführen?

Du kannst Snippets durchgehend für ein Mulsite-Netzwerk ausführen, in dem du die Code Snippets über das Netzwerk-Dashboard im Netzwerk aktivierst. Du kannst auch Code-Snippets nur auf der Hauptseite und dann individuell auf anderen Website deiner Wahl aktivieren.

Wo werden Snippets in meiner WordPress-Datenbank abgelegt?

Snippets werden in der Tabelle wp_snippets in der WordPress-Datenbank gespeichert. Der Tabellenname kann, je nachdem wie dein Tabellen-Präfix eingestellt ist, abweichen.

Wo finde ich Hilfe oder kann neue Funktionen vorschlagen?

Du kannst Hilfe erhalten, Bugs oder Fehlers melden oder neue Features und Verbesserungen vorschlagen, entweder im WordPress Support Forum oder auf GitHub

Wie kann ich zur Entwicklung des Code Snippets Plugin beitragen?

Der beste Weg dafür ist, es das Repository auf GitHub zu forken und eine Pull Request zu senden.

Rezensionen

17. Mai 2023
Great plugin. Works perfect without any problems.
27. März 2023 2 Antworten
This is one of my favorite plugins! Easy to use an effiicient. And on top a really outstanding support by the plugin-author @bungeshea Thanks 🙂
23. März 2023 1 Antwort
This is one of our highly recommended tools. I’ve been in IT Management and Consulting for over 40 years. It's lightweight and easy to use as it's reasonably intuitive. I used to have to document where custom coding resided but now, I don't have to. Also, storing the snippets with its export function is easy and it’s great for versioning, if needed. I also can use it for temporary code fixes issued by any support team. I no longer have to insert coding directly into my templates or other php files. I strongly recommend the pro version for the advantages of handling all types of code like PHP, JS, CSS, and HTML. It also has a great feature where you can just disable a script from running if you want; so, you don't have to delete it and then reinstate it for the future. I list it as a basic requirement for Food Blogs in the topic category of Food Blog Resources. Case Examples: Kadence, SEOPress, and ContentViews support team gave us some scripting to run in various places within the site. Linxent.com™ recently awarded it the Business Resources 5-Star Award, where there’s a complete writeup on it recently.
Alle 413 Rezensionen lesen

Mitwirkende & Entwickler

„Code Snippets“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Code Snippets“ wurde in 22 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Code Snippets“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

3.4.0 (17 May 2023)

  • Added: Proper WordPress REST API support for retrieving and modifying snippets.
  • Improved: Better compatibility with modern versions of PHP (7.0+).
  • Improved: Converted Edit/Add New Snippet page to use React.
    • Converted action buttons to asynchronously use REST API endpoints through AJAX.
    • Load page components dynamically through React.
    • Added action notice queue system.
    • Replaced native alert dialog with proper React modal.
  • Improved: Catch snippet execution errors to prevent site from crashing.
  • Improved: Display recent snippet errors in admin dashboard instead.
  • Improved: Updated editor block to use new REST API endpoints. (PRO)
  • Improved: Change colour of upgrade notice in Pro plugin. (PRO)
  • Improved: All available snippet data is included in export files.
  • Improved: Only import specific fields from export file, even if additional fields specified.
  • Fixed: Issue preventing editor colorpicker from loading correctly. (PRO)
  • Improved: Added help links to content snippet options.
  • Improved: Pass additional attributes specified in [code_snippet] content shortcode to shortcode content.
  • Improved: Make shortcode attributes available as individual variables.
  • Improved: Allow boolean attributes to be passed to code snippets shortcodes without specifying a value.
  • Improved: Replace external links to Pro pricing page with an upgrade modal.
  • Fixed: Issue preventing linting libraries from loading correctly in the code editor.

3.3.0 (09 Mar 2023)

  • Fixed: Do not enqueue CSS or JS snippet file if no snippets exist. (PRO)
  • Improved: Added additional editor shortcuts to list in tooltip.
  • Added: Filter for changing Snippets admin menu position. See this help article for more information.
  • Added: Ability to filter shortcode output. Thanks to contributions from Jack Szwergold.
  • Fixed: Bug causing all snippets to show in site health information instead of those active.
  • Fixed: Unnecessary sanitization of file upload data causing import process to fail on Windows systems.

3.2.2 (17 Nov 2022)

  • Fixed: Plugin lacking a valid header error on activation.

3.2.1 (05 Oct 2022)

  • Fixed: Issue making survey reminder notice not dismissible.
  • Added: Ctrl+/ or Cmd+/ as shortcut for commenting out code in the snippet editor.
  • Added: Additional hooks to various snippet actions, thanks to contributions made by ancient-spirit.
  • Added: Fold markers, additional keyboard shortcuts and keymap options to snippet editor,
    thanks to contributions made by Amaral Krichman.
  • Improved: Removed duplicate tables exist query. (#).
  • Improved: Enabled ‚add paragraphs and formatting‘ option by default for newly inserted content snippets.
  • Added: WP-CLI commands for retrieving, activating, deactivating, deleting, creating, updating, exporting and importing snippets.
  • Fixed: Path to iron visible when updating the pro plugin.

3.2.0 (22 July 2022)

  • Fixed: Remove default value from SQL columns to improve compatibility with certain versions of MySQL.
  • Fixed: Delay loading snippets in Gutenberg editor blocks. (PRO)
  • Added: Option to show and hide line numbers in Gutenberg source code editor block. (PRO)
  • Added: Support for highlighting HTML, CSS, JS and embedded code in the front-end PrismJS code highlighter.
  • Added: Additional features to front-end PrismJS code highlighter, including automatic links and a copy button.
  • Added: Support for multiple code styles in the source code Gutenberg editor block. (PRO)
  • Added: Admin notice announcing release of Code Snippets Pro.
  • Fixed: Inconsistencies with translations between different plugin versions.
  • Fixed: Issue with Content Snippet shortcode information not displaying.
  • Added: Button for copying shortcode text to clipboard.
  • Improved: Include Code Snippets CSS and JS source code in distributed package.
  • Improved: Don’t delete data from plugin if deleting Code Snippets Free while Code Snippets Pro is active.
  • Improved: Streamlined user interface and experience in Gutenberg editor blocks. (PRO)
  • Added: Option to choose from 44 different themes for the Prism code highlighter in the source editor block and Elementor widget. (PRO)
  • Improved: Compatibility of Elementor widgets with the latest version of Elementor. (PRO)
  • Improved: Replace icon font menu icon with embedded SVG icon.

3.1.2 (3 July 2022)

  • Updated external links and branding for Code Snippets Pro.
  • Improved: Add link URLs to settings pages, as an alternative to in-page navigation.
  • Fixed: Various fixes to block editor scripts. (PRO)
  • Fixed: Improved visual style of Gutenberg editor blocks. (PRO)

3.1.1 (13 Jun 2022)

  • Fixed: Download snippets feature not including snippet content.
  • Fixed: Alignment of ‚opens externally‘ dashicon.
  • Improved: Added additional parameters to code_snippets/export/filename filter.

3.1.0 (17 May 2022)

  • Fixed: Caching inconsistencies preventing snippets and settings from refreshing on sites with persistent object caching.
  • Improved: Simplified database queries.
  • Added: More comprehensive cache coverage, including for active snippets.
  • Hinzugefügt: Symbol zur Schaltfläche „Go Pro“, das anzeigt, dass eine externe Registerkarte geöffnet wird.
  • Verbessert: Anzeigestile in Snippet-Beschreibungen zulassen.

3.0.1 (14 May 2022)

  • Fixed: Incompatibility issue with earlier versions of PHP.

3.0.0 (14 May 2022)

Added

  • Added: HTML content snippets for displaying as shortcodes or including in the page head or footer area.
  • Added: Notice reminding users to upgrade unsupported PHP versions.
  • Added: Visual settings to add attributes to shortcodes.
  • Added: Shortcode buttons to the post and page content editors.
  • Added: Basic REST API endpoints.
  • Added: Snippet type column to the snippets table.
  • Added: Snippet type badges to Edit and Add New Snippet pages.
  • Added: Setting to control whether the current line of the code editor is highlighted.
  • Added: Display a warning when saving a snippet with missing title or code.
  • Added: Add suffix to title of cloned snippets.

Changed

  • Improved: Updated plugin code to use namespaces, preventing name collisions with other plugins.
  • Improved: Added key for the ‚active‘ and ’scope‘ database table columns to speed up queries.
  • Improved: Redirect from edit menu if not editing a valid snippet.
  • Improved: Moved activation switch into its own table column.
  • Improved: Updated code documentation according to WordPress standards.
  • Improved: Added snippet type labels to the tabs on the Snippets page.
  • Improved: Split settings page into tabs.
  • Improved: Use the version of CodeMirror included with WordPress where possible to inherit the additional built-in features.
  • Improved: Added hover effect to priority settings in the snippets table to show that they are editable.
  • Fixed: Snippets table layout on smaller screens.

Deprecated

  • Removed: Deprecated functions and compatibility code for unsupported PHP versions.
  • Removed: Option to disable snippet scopes.

New in Pro

  • Added: CSS style snippets for the site front-end and admin area.
  • Added: JavaScript snippets for the site head and body area on the front-end.
  • Added: Browser cache versioning for CSS and JavaScript snippets.
  • Added: Support for exporting and downloading CSS and JavaScript snippets.
  • Added: Support for highlighting code on the front-end.
  • Added: Editor syntax highlighting for CSS, JavaScript and HTML snippets.
  • Added: Button to preview full file when editing CSS or JavaScript snippets.
  • Added: Option to minify CSS and JavaScript snippets.
  • Added: Gutenberg editor block for displaying content snippets.
  • Added: Gutenberg editor block for displaying snippet source code.
  • Added: Elementor widget for displaying content snippets.
  • Added: Elementor widget for displaying snippet source code.

2.14.6 (13 May 2022)

  • Fixed: Issue with processing uploaded import files.
  • Fixed: Issue with processing tag filters.

2.14.5 (10 May 2022)

  • Fixed: Incompatibility issue with older versions of PHP.

2.14.4 (5 May 2022)

  • Fixed: Prevent array key errors when loading the snippet table with unknown order values.

2.14.3 (10 Dec 2021)

  • Fixed: Potential security issue outputting snippets-safe-mode query variable value as-is. Thanks to Krzysztof Zając for reporting.

2.14.2 (9 Sep 2021)

  • Fixed: Prevent network snippets table from being created on single-site installs.
  • Added translations:
  • Added: Support for :class syntax to the code validator.
  • Added: PHP8 support to the code linter.
  • Added: Color picker feature to the code editor.
  • Added: Failsafe to prevent multiple versions of Code Snippets from running simultaneously.

2.14.1 (10 Mar 2021)

  • Added: Czech translation by Lukáš Tesař.
  • Fixed: Code validator now supports function_exists and class_exists checks.
  • Fixed: Code validator now supports anonymous functions.
  • Fixed: Issue with saving the hidden columns setting.
  • Fixed: Replaced the outdated tag-it library with tagger for powering the snippet tags editor.
  • Added: Code direction setting for RTL users.
  • Updated CodeMirror to version 5.59.4.
  • Added: Additional action hooks and search API thanks to @Spreeuw.

2.14.0 (26 Jan 2020)

  • CodeMirror auf Version 5.50.2 aktualisiert
  • Added: Basic error checking for duplicate functions and classes.
  • Updated Italian translations to fix display issues – thanks to Francesco Marino.
  • Fixed: Ordering snippets in the table by name will now be case-insensitive.
  • Added: Additional API options for retrieving snippets.
  • Fixed: Code editor will now properly highlight embedded HTML, CSS and JavaScript code.
  • Changed the indicator color for inactive snippets from red to grey.
  • Fixed a bug preventing the editor theme from being set to default.
  • Added: Store the time and date when each snippet was last modified.
  • Added: Basic error checking when activating snippets.
  • Fixed: Ensure that imported snippets are always inactive.
  • Fixed: Check the referer on the import menu to prevent CSRF attacks. Thanks to Chloe with the Wordfence Threat Intelligence team for reporting.
  • Fixed: Ensure that individual snippet action links use proper verification.

Das komplette Changelog ist auf GitHub verfügbar