{"id":33932,"date":"2020-04-09T04:58:28","date_gmt":"2020-04-09T11:58:28","guid":{"rendered":"https:\/\/kinsta.com\/?p=4230"},"modified":"2023-07-27T11:42:15","modified_gmt":"2023-07-27T10:42:15","slug":"wp-enqueue-scripts","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/","title":{"rendered":"wp_enqueue_scripts &#8211; Wie man seine Assets in WordPress einreihen kann"},"content":{"rendered":"<p>In WordPress solltest du, anstatt diese einfach im Header hinzuzuf\u00fcgen, eine Methode namens Enqueueing verwenden, die eine standardisierte Methode zur Handhabung deiner Assets mit dem zus\u00e4tzlichen Vorteil der Verwaltung von Abh\u00e4ngigkeiten darstellt. Finde weiter unten heraus, wie du es mit <code>wp_enqueue_scripts<\/code> machen kannst.<\/p>\n<ul>\n<li><a href=\"#how-enqueueing-works\">Wie Enqueueing funktioniert<\/a><\/li>\n<li><a href=\"#enqueueing-basics\">Grundlagen des Enqueueing mit wp_enqueue_scripts<\/a><\/li>\n<li><a href=\"#dependency-management\">Management von Abh\u00e4ngigkeiten<\/a><\/li>\n<li><a href=\"#load-scripts-in-footer\">Skripte im Footer laden<\/a><\/li>\n<li><a href=\"#specifying-media-for-styles\">Angeben von Medien f\u00fcr Stile<\/a><\/li>\n<\/ul>\n<h2 id=\"how-enqueueing-works\">Wie Enqueueing funktioniert<\/h2>\n<p>Wenn ein Skript oder ein Stil in die Warteschlange gestellt wird, sind zwei Schritte erforderlich. Zuerst registriere es &#8211; sage WordPress, dass es da ist &#8211; und dann stelle es tats\u00e4chlich in die Warteschlange, was es schlie\u00dflich im Header oder kurz vor dem abschlie\u00dfenden Body-Tag ausgibt.<\/p>\n<p>Der Grund f\u00fcr die zwei Schritte hat mit der Modularit\u00e4t zu tun. Manchmal will man WordPress \u00fcber ein Asset informieren, aber man m\u00f6chte es vielleicht nicht auf jeder Seite verwenden. Zum Beispiel: Wenn du einen benutzerdefinierten Galerie-Shortcode mit Javascript erstellst, brauchst du das JS eigentlich nur zu laden, wenn der Shortcode verwendet wird &#8211; wahrscheinlich nicht auf jeder Seite.<\/p>\n<p>Der Weg, dies zu erreichen, besteht darin, das Skript zuerst zu registrieren und es erst dann in die Warteschlange zu stellen, wenn der Shortcode angezeigt wird (empfohlener Artikel: <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-shortcodes\/\">Der ultimative Leitfaden f\u00fcr WordPress-Shortcodes<\/a>).<\/p>\n<h2 id=\"enqueueing-basics\">Grundlagen des Enqueueing mit wp_enqueue_scripts<\/h2>\n<p>Um Skripte und Stile im Front-End einzureihen, muss der <code>wp_enqueue_scripts<\/code>-Hook verwendet werden. Innerhalb der angeh\u00e4ngten Funktion kann man die Funktionen <code>wp_register_script()<\/code>, <code>wp_enqueue_script()<\/code>, <code>wp_register_style()<\/code> und <code>wp_enqueue_style()<\/code> verwenden.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_register_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n\n    wp_enqueue_style( 'custom-gallery' );\n    wp_enqueue_script( 'custom-gallery' );\n}<\/code><\/pre>\n<p>Im obigen Beispiel habe ich die Assets innerhalb derselben Funktion registriert und in eine Warteschlange eingereiht, was ein wenig redundant ist. Tats\u00e4chlich kann man die Enqueue-Funktionen verwenden, um sie sofort zu registrieren und in eine Warteschlange einzureihen, indem man die gleichen Argumente wie in den Registerfunktionen verwendet:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n}<\/code><\/pre>\n<p>Wenn ich die beiden Funktionen trennen w\u00fcrde, w\u00fcrde ich sie in verschiedenen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-hooks\/\">Hooks<\/a> verwenden. In einem realen Beispiel k\u00f6nnten wir den <code>wp_enqueue_scripts<\/code>-Hook verwenden, um die Assets zu registrieren, und die Funktion des Shortcode, um sie in eine Warteschlange zu stellen.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery', plugins_url( '\/css\/gallery.css' , __FILE__ ) );\n    wp_register_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ) );\n\n}\n\nadd_shortcode( 'custom_gallery', 'custom_gallery' );\n\nfunction custom_gallery( $atts ){\n\n    wp_enqueue_style( 'custom-gallery' );\n    wp_enqueue_script( 'custom-gallery' );\n\n    \/\/ Gallery code here\n}<\/code><\/pre>\n<h2 id=\"dependency-management\">Management von Abh\u00e4ngigkeiten<\/h2>\n<p>Der Warteschlangenmechanismus von WordPress verf\u00fcgt \u00fcber integrierte Unterst\u00fctzung f\u00fcr die Verwaltung von Abh\u00e4ngigkeiten, wobei das dritte Argument der Funktionen <code>wp_register_style()<\/code> und <code>wp_register_script()<\/code> verwendet wird. Du kannst die Enqueuing-Funktionen auch sofort verwenden, wenn du sie nicht trennen musst.<\/p>\n<p>Der dritte Parameter ist ein Array von registrierten Skripten\/Stilen, die geladen werden m\u00fcssen, bevor das aktuelle Asset in die Warteschlange eingereiht wird. Unser obiges Beispiel w\u00fcrde sich h\u00f6chstwahrscheinlich auf jQuery st\u00fctzen, also lasst uns das jetzt spezifizieren:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ) );\n}<\/code><\/pre>\n<p>Wir m\u00fcssen jQuery nicht selbst registrieren oder in eine Warteschlange stellen, da es bereits Teil von WordPress ist. Eine Liste der in <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_enqueue_script#Default_Scripts_Included_and_Registered_by_WordPress\">WordPress verf\u00fcgbaren Skripte und Stile<\/a> findest du im Codex.<\/p>\n<p>Wenn du eigene Abh\u00e4ngigkeiten hast, musst du sie registrieren, sonst werden deine Skripte nicht geladen. Hier ist ein Beispiel:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ) );\n    wp_enqueue_script( 'custom-gallery-lightbox', plugins_url( '\/js\/gallery-lightbox.js' , __FILE__ ), array( 'custom-gallery' ) );\n}<\/code><\/pre>\n<p>Nehmen wir an, dass das erste Skript eine Galerie ist, das zweite ist eine Erweiterung dessen, was Bilder in einer Lightbox aufklappen l\u00e4sst. Beachte, dass, obwohl unser zweites Skript auf jQuery angewiesen ist, wir dies nicht angeben m\u00fcssen, da unser erstes Skript bereits jQuery l\u00e4dt. Trotzdem kann es eine gute Idee sein, alle Abh\u00e4ngigkeiten anzugeben, um sicherzustellen, dass nichts kaputt gehen kann, wenn man vergisst, eine Abh\u00e4ngigkeit anzugeben.<\/p>\n<p>WordPress wei\u00df jetzt, welche Skripte wir brauchen, und kann berechnen, in welcher Reihenfolge sie auf der Seite eingef\u00fcgt werden m\u00fcssen.<\/p>\n<h2 id=\"load-scripts-in-footer\">Skripte im Footer laden<\/h2>\n<p>Wann immer man mit dem Laden von Skripten in dem Footer auskommen kann, sollte man das tun. Dies erh\u00f6ht die erkennbare Seitenladezeit und kann verhindern, dass die Webseite beim Laden von Skripten h\u00e4ngen bleibt, insbesondere wenn sie <a href=\"https:\/\/kinsta.com\/de\/blog\/admin-ajax-php\/\">AJAX-Aufrufe<\/a> enthalten.<\/p>\n<p>Der Enqueuing-Mechanismus kann mit dem f\u00fcnften Parameter (der vierte ist eine optionale Versionsnummer) Skripte in dem Footer einf\u00fcgen. Unser obiges Beispiel w\u00fcrde die Skripte in dem Footer laden, wenn wir sie leicht modifizieren.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_enqueue_script( 'custom-gallery', plugins_url( '\/js\/gallery.js' , __FILE__ ), array( 'jquery' ), '1.0', true );\n    wp_enqueue_script( 'custom-gallery-lightbox', plugins_url( '\/js\/gallery-lightbox.js' , __FILE__ ), array( 'custom-gallery', 'jquery' ), '1.0', true );\n}<\/code><\/pre>\n<p>Wenn man true als f\u00fcnften Parameter angibt, werden Skripte in dem Footer gesetzt, wenn man false verwendet, oder wenn man den Parameter wegl\u00e4sst, werden Dinge in dem Header geladen. Wie ich bereits erw\u00e4hnt habe, werden Skripte wann immer m\u00f6glich in dem Footer geladen.<\/p>\n<h2 id=\"specifying-media-for-styles\">Angeben von Medien f\u00fcr Stile<\/h2>\n<p>Mit dem f\u00fcnften Parameter der Stilregister-\/Warteschlangenfunktionen l\u00e4sst sich der Medientyp steuern, f\u00fcr den das Skript definiert wurde (print, screen, handheld usw.). Durch die Verwendung dieses Parameters kann das Laden der Stile auf den jeweiligen Medientyp beschr\u00e4nkt werden, was ein praktischer kleiner Optimierungstrick ist.<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_enqueue_scripts', 'my_plugin_assets' );\nfunction my_plugin_assets() {\n    wp_register_style( 'custom-gallery-print', plugins_url( '\/css\/gallery.css' , __FILE__ ), array(), '1.0', 'print' );\n\n}<\/code><\/pre>\n<p>F\u00fcr eine vollst\u00e4ndige Liste der Medientypen, die verwendet werden k\u00f6nnen, schaue dir die <a href=\"http:\/\/www.w3.org\/TR\/CSS2\/media.html#media-types\">CSS-Spezifikationen<\/a> an.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>Die Einreihung von Assets in eine Warteschlange ist ein wirksames Mittel, um damit umzugehen. Es gibt dir und anderen Plugin-\/Theme-Herstellern mehr Kontrolle \u00fcber das System als Ganzes und nimmt dir das Abh\u00e4ngigkeitsmanagement aus den H\u00e4nden.<\/p>\n<p>Als ob das noch nicht genug w\u00e4re, ist es <strong>die<\/strong> Art und Weise, wie du deine Assets hinzuf\u00fcgst, viele Theme-Marktpl\u00e4tze und das WordPress Repository selbst werden deine Arbeit nicht genehmigen, wenn du diese Methode nicht verwendest.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When building a plugin or a theme you will inevitably need to use stylesheets and scripts. Especially today when so many third party tools are available like CSS reset stylesheets, lightboxes, galleries &#8211; each with their own set of assets. <\/p>\n","protected":false},"author":18,"featured_media":33934,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[28,29],"topic":[970,999],"class_list":["post-33932","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-php-funktion","topic-wordpress-entwicklung"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann<\/title>\n<meta name=\"description\" content=\"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann\" \/>\n<meta property=\"og:description\" content=\"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-09T11:58:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T10:42:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daniel Pataki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png\" \/>\n<meta name=\"twitter:creator\" content=\"@danielpataki\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Pataki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\"},\"author\":{\"name\":\"Daniel Pataki\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff\"},\"headline\":\"wp_enqueue_scripts &#8211; Wie man seine Assets in WordPress einreihen kann\",\"datePublished\":\"2020-04-09T11:58:28+00:00\",\"dateModified\":\"2023-07-27T10:42:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\"},\"wordCount\":861,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"WordPress Entwicklung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\",\"name\":\"wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png\",\"datePublished\":\"2020-04-09T11:58:28+00:00\",\"dateModified\":\"2023-07-27T10:42:15+00:00\",\"description\":\"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png\",\"width\":720,\"height\":450,\"caption\":\"wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PHP-Funktion\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/php-funktion\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"wp_enqueue_scripts &#8211; Wie man seine Assets in WordPress einreihen kann\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff\",\"name\":\"Daniel Pataki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g\",\"caption\":\"Daniel Pataki\"},\"description\":\"Hi, my name is Daniel, I'm the CTO here at Kinsta. You may know me from Smashing Magazine, WPMU Dev, Tuts+ and other WordPress\/Development magazines. Aside from WordPress and PHP I spend most of my time around Node, React, GraphQL and other technologies in the Javascript space. When not working on making the best hosting solution in the Universe I collect board games, play table football in the office, travel or play guitar and sing in a pretty bad band.\",\"sameAs\":[\"http:\/\/danielpataki.com\",\"https:\/\/x.com\/danielpataki\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/danielpataki\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann","description":"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/","og_locale":"de_DE","og_type":"article","og_title":"wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann","og_description":"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.","og_url":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2020-04-09T11:58:28+00:00","article_modified_time":"2023-07-27T10:42:15+00:00","og_image":[{"width":720,"height":450,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png","type":"image\/png"}],"author":"Daniel Pataki","twitter_card":"summary_large_image","twitter_description":"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png","twitter_creator":"@danielpataki","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Daniel Pataki","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/"},"author":{"name":"Daniel Pataki","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff"},"headline":"wp_enqueue_scripts &#8211; Wie man seine Assets in WordPress einreihen kann","datePublished":"2020-04-09T11:58:28+00:00","dateModified":"2023-07-27T10:42:15+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/"},"wordCount":861,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png","keywords":["webdev","WordPress"],"articleSection":["WordPress Entwicklung"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/","url":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/","name":"wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png","datePublished":"2020-04-09T11:58:28+00:00","dateModified":"2023-07-27T10:42:15+00:00","description":"Verwende wp_enqueue_scripts in WordPress, um deine Javascript- und CSS-Assets zu deiner Webseite hinzuzuf\u00fcgen und ihre Abh\u00e4ngigkeiten modular zu verwalten.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/04\/wp-enqueue-scripts-de.png","width":720,"height":450,"caption":"wp_enqueue_scripts - Wie man seine Assets in WordPress einreihen kann"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wp-enqueue-scripts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"PHP-Funktion","item":"https:\/\/kinsta.com\/de\/thema\/php-funktion\/"},{"@type":"ListItem","position":3,"name":"wp_enqueue_scripts &#8211; Wie man seine Assets in WordPress einreihen kann"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/b162216499225e1a4cdd35518f8ef0ff","name":"Daniel Pataki","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a44c1ab807766aeaa5c8d76d4c5ea66?s=96&d=mm&r=g","caption":"Daniel Pataki"},"description":"Hi, my name is Daniel, I'm the CTO here at Kinsta. You may know me from Smashing Magazine, WPMU Dev, Tuts+ and other WordPress\/Development magazines. Aside from WordPress and PHP I spend most of my time around Node, React, GraphQL and other technologies in the Javascript space. When not working on making the best hosting solution in the Universe I collect board games, play table football in the office, travel or play guitar and sing in a pretty bad band.","sameAs":["http:\/\/danielpataki.com","https:\/\/x.com\/danielpataki"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/danielpataki\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/33932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=33932"}],"version-history":[{"count":3,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/33932\/revisions"}],"predecessor-version":[{"id":38208,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/33932\/revisions\/38208"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/es"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/translations\/nl"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/33932\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/33934"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=33932"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=33932"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=33932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}