{"id":69903,"date":"2024-05-02T07:51:12","date_gmt":"2024-05-02T06:51:12","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=69903&#038;preview=true&#038;preview_id=69903"},"modified":"2024-05-06T15:27:02","modified_gmt":"2024-05-06T14:27:02","slug":"wordpress-kodierungstandards","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/","title":{"rendered":"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards"},"content":{"rendered":"<p>Kodierungsstandards in der <a href=\"https:\/\/kinsta.com\/wordpress\">WordPress-Entwicklung<\/a> sind entscheidend f\u00fcr eine robuste und nachhaltige Codebasis. Sie dienen als Richtlinien und Konventionen, an die sich Entwickler\/innen beim Schreiben von Code halten, und tragen dazu bei, die Zusammenarbeit zu verbessern, die Wartung zu optimieren und die allgemeine Zuverl\u00e4ssigkeit zu gew\u00e4hrleisten.<\/p>\n<p>Au\u00dferdem sch\u00fctzen Kodierungsstandards vor h\u00e4ufigen Fallstricken und Fehlern und verbessern die Codequalit\u00e4t. Bei der WordPress-Entwicklung, wo oft mehrere Personen an einem Projekt mitarbeiten, unterst\u00fctzen Kodierungsstandards die effektive Teamarbeit. Sie erleichtern die Kommunikation, entsch\u00e4rfen m\u00f6gliche Konflikte und tragen zu einem effizienteren Entwicklungsprozess bei.<\/p>\n<p>Die Einhaltung von Kodierungsstandards f\u00f6rdert die Konsistenz zwischen verschiedenen Projekten und macht es dir leichter, nahtlos zwischen verschiedenen Codebasen zu wechseln. Diese Konsistenz wirkt sich auch auf die Lesbarkeit und Wartbarkeit des Codes aus und f\u00f6rdert das gemeinsame Verst\u00e4ndnis der Teammitglieder.<\/p>\n<p>Die offiziellen WordPress-Kodierungsstandards decken f\u00fcnf Schl\u00fcsselbereiche f\u00fcr einen koh\u00e4renten und effizienten Entwicklungsprozess ab:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/php\/\">PHP<\/a> zur Gew\u00e4hrleistung der Konsistenz des serverseitigen Codes<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-html\/\">HTML<\/a> zur F\u00f6rderung von strukturiertem und semantischem Markup<\/li>\n<li><a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> f\u00fcr eine effektive clientseitige Funktionalit\u00e4t<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/css-best-practices\/\">CSS<\/a> f\u00fcr ein konsistentes Styling<\/li>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/barrierfrei-wordpress\/\">Barrierefreiheit<\/a>, um sicherzustellen, dass das Endprodukt f\u00fcr Menschen mit unterschiedlichen Bed\u00fcrfnissen zug\u00e4nglich und benutzerfreundlich ist.<\/li>\n<\/ul>\n<p>In diesem Artikel gehen wir auf diese Standards ein, um dir zu helfen, konforme Websites zu erstellen und vielleicht einen Beitrag zur WordPress-Entwicklergemeinschaft zu leisten.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>PHP-Standards in der WordPress-Entwicklung<\/h2>\n<p>WordPress-spezifische <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\" target=\"_blank\" rel=\"noopener noreferrer\">PHP-Kodierungsstandards<\/a> sorgen f\u00fcr Konsistenz und Lesbarkeit im WordPress-Code. Sie sind f\u00fcr WordPress Core obligatorisch und werden f\u00fcr Themes und Plugins dringend empfohlen. Diese Standards decken verschiedene Aspekte ab, z. B. Namenskonventionen, Einr\u00fcckung und Codestruktur, um die Lesbarkeit zu verbessern und die Zusammenarbeit zu erleichtern.<\/p>\n<p>Die WordPress PHP-Standards umfassen die folgenden Kategorien:<\/p>\n<ul>\n<li><strong>Allgemein<\/strong> &#8211; Zu diesen Standards geh\u00f6rt, dass die \u00f6ffnenden und schlie\u00dfenden PHP-Tags in eine eigene Zeile gesetzt werden, wenn ein mehrzeiliger PHP-Snippet in einen HTML-Block eingebettet wird, dass die Verwendung von einfachen und doppelten Anf\u00fchrungszeichen vermieden wird und dass es Richtlinien f\u00fcr das Schreiben von <code>include<\/code> und <code>require<\/code> Anweisungen gibt:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Opening and closing PHP tags within HTML:\n\/\/ Put open\/close tags on their own lines.\n\n## DO\nfunction foo() {\n  ?&gt;\n  &lt;div&gt;\n    &lt;?php\n    echo esc_html (\n      bar (\n        $param1,\n        $param2\n      )\n    );\n    ?&gt;\n  &lt;\/div&gt;\n  &lt;?php\n}\n\n## DON'T\nif ( $x === $y ) { ?&gt;\n  &lt;div&gt;\n    <!-- HTML content -->\n  &lt;?php }<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Avoid shorthand PHP tags\n\n## DO\n&lt;?php ... ?&gt;\n&lt;?php esc_html( $x ); ?&gt;\n\n## DON'T\n&lt;? ... ?&gt;\n&lt;? esc_html( $x ); ?&gt;\n<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Writing include\/require statements:\n\/\/ Avoid include_once as it continues execution \n\/\/ even if the file is not found. \n\/\/ Do not use brackets around the file path.\n\n## DO\nrequire_once ABSPATH . 'file-name.php'\n\n## DON'T\nrequire_once  __DIR__ . '\/file-name.php'\ninclude_once  ( ABSPATH . 'file-name.php' );<\/code><\/pre>\n<ul>\n<li><strong>Benennung<\/strong> &#8211; Zu den Standards f\u00fcr die Benennung geh\u00f6ren Namenskonventionen und Interpolation f\u00fcr die Benennung von dynamischen Hooks:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">## DO\n\/\/ Use lowercase letters for function and variable names.\nfunction my_function( $some_variable ) {}\n\n\/\/ Use uppercase letters for constant names.\ndefine('MAX_AGE', 60);\n\n## DON'T\n\/\/ Use camelCase.\nfunction myFunction( $someVariable ) {}<\/code><\/pre>\n<ul>\n<li><strong>Leerzeichen<\/strong> &#8211; Die Leerzeichen-Standards legen Richtlinien f\u00fcr die Verwendung von Leerzeichen, die Einr\u00fcckung und das Entfernen von Leerzeichen am Ende fest. (Wenn du eine enthusiastische Debatte unter Entwicklern entfachen willst, frag sie einfach, ob sie Tabulatoren oder Leerzeichen f\u00fcr die Einr\u00fcckung von Code bevorzugen. Was auch immer du bevorzugst, die offizielle Empfehlung f\u00fcr WordPress-Entwickler\/innen sind Tabulatoren &#8211; und das gilt nicht nur f\u00fcr PHP, sondern auch f\u00fcr JavaScript und CSS. Behalte das also im Hinterkopf, wenn du an gemeinsamen Projekten arbeitest.)<\/li>\n<\/ul>\n<pre><code class=\"language-php\">## DO\n\/\/ Put spaces after commas.\n$colors = ['red', 'green', 'blue']\n\n\/\/ Put spaces on both sides of the opening and \n\/\/ closing brackets of control structures. \nforeach( $foo as $bar ) { ...\n\n\/\/ Defining a function:\nfunction my_function() { ...\n\n\/\/ Logical comparisons:\nif ( ! $foo ) { ...\n\n\/\/ Accessing array items:\n$a = $foo['bar']\n$a = $foo[ $bar ]\n\n## DON'T\n$colors = ['red','green','blue']\nforeach($foo as $bar){ ...\nfunction my_function(){ ...\nif (!$foo) { ...\n$a = $foo[ \u2018bar\u2019 ]\n$a = $foo[$bar]<\/code><\/pre>\n<ul>\n<li><strong>Formatierung<\/strong> &#8211; Zu den Formatierungsstandards f\u00fcr die WordPress-PHP-Entwicklung geh\u00f6ren Klammerstile, Array-Deklarationen, Richtlinien f\u00fcr mehrzeilige Funktionsaufrufe, Typ-Deklarationen, magische Konstanten und der Spread-Operator:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ DO\n\/\/ Use the following brace style.\nif ( condition ) {\n    action();\n} elseif ( condition2 ) {\n    action2();\n} else {\n    default_action();\n}\n\n\/\/ Declare arrays using the long syntax.\n$numbers_long = array(1, 2, 3, 4, 5);\n\/* In multi-line function calls, each parameter should only take up one line.\nMulti-line parameter values should be assigned a variable, and the variable passed to the function call. *\/\n$data = array(\n    'user_name' =&gt; 'John Doe',\n    'email'     =&gt; 'john@example.com',\n    'address'   =&gt; '123 Main Street, Cityville',\n);\n$greeting_message = sprintf(\n    \/* translation function. %s maps to User's name *\/\n    __( 'Hello, %s!', 'yourtextdomain' ),\n    $data['user_name']\n);\n$result = some_function (\n    $data,\n    $greeting_message,\n    \/* translation function %s maps to city name*\/\n    sprintf( __( 'User resides in %s.' ), 'Cityville' )\n);\n\n\/\/ Magic constants should be uppercase.\n\/\/ The ::class constant should be lowercase with no spaces around the scope resolution operator (::).\nadd_action( my_action, array( __CLASS__, my_method ) );\nadd_action( my_action, array( My_Class::class, my_method ) );\n\n\/* Add a space or new line with appropriate\n   indentation before a spread operator.\n\n   There should be:\n\n   * No space between the spread operator and the \n     variable\/function it applies to.\n\n   * No space between the spread and the reference \n     operators when combined.\n*\/\n\n\/\/DO\nfunction some_func( &...$arg1 ) {\n    bar( ...$arg2 );\n    bar(\n        array( ...$arg3 ),\n        ...array_values( $array_vals )\n    );\n}\n\n\/\/DONT\nfunction some_func( &   ...  $arg1 ) {\n    bar(...\n        $arg2 );\n    bar(\n        array( ...$arg3 ),...array_values( $array_vals )\n    );\n}<\/code><\/pre>\n<ul>\n<li><strong>Deklarationsanweisungen, Namespace- und Importanweisungen<\/strong> &#8211; Diese Kodierungsstandards behandeln Namespace-Deklarationen und <code>use<\/code> Anweisungen:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Each namespace declaration should contain \n\/\/ capitalized words separated by underscores.\nnamespace My_CompanyProjectKinsta_ProjectUtilities;\n\n\/\/ Import use statements can use aliases \n\/\/ to prevent name collisions.\nuse Project_NameFeatureClass_C as Aliased_Class_C;<\/code><\/pre>\n<ul>\n<li><strong>Objektorientierte Programmierung (OOP)<\/strong> &#8211; Diese Standards beinhalten die Verwendung von nur einer Objektstruktur pro Datei, Richtlinien f\u00fcr die Verwendung von <code>use<\/code> Anweisungen, die Sicherstellung, dass die Sichtbarkeit immer deklariert wird, die Reihenfolge von Sichtbarkeit und Modifikator und einen \u00dcberblick \u00fcber die Regeln f\u00fcr die Objektinstanziierung:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Trait use statements should be at the top of a class.\n\/\/ Trait use should have at least one line before and after\n\/\/ the first and last statements.\n\/\/ Always declare visibility.\nclass Foo {\n    use Bar_Trait;\n    public $baz = true;\n    ...\n}\n\n\/\/ Always use parentheses when instantiating a new \n\/\/ object instance.\n\/\/ Don't add space between a class name and the opening bracket.\n$foo = new Foo();<\/code><\/pre>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Kontrollstrukturen<\/strong> &#8211; Kontrollstrukturen beinhalten die Verwendung von <code>elseif<\/code>, nicht <code>else if<\/code>, und Richtlinien f\u00fcr Yoda-Bedingungen.Yoda-Anweisungen: Wenn du Variablen mit Konstanten, Literalen oder Funktionsaufrufen in logischen Vergleichen mischst, platziere die Variable rechts, um eine versehentliche Zuweisung zu verhindern, wie unten gezeigt:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ A \"legal\" comparison:\nif ( true === $result ) {\n    \/\/ Do something with $result\n}\n\n\/\/ But a typo like this could get past you:\nif ( $result = true ) {\n    \/\/ We will always end up here\n}<\/code><\/pre>\n<ul>\n<li><strong>Operatoren<\/strong> &#8211; Diese Standards behandeln tern\u00e4re Operatoren, den Fehlerkontrolloperator (<code>@<\/code>) und Inkrement-\/Dekrementoperatoren:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Always have ternary operators \n\/\/ test if the statement is true, not false.\n$programming_language = ( 'PHP' === $language ) ? 'cool' : 'meh'; \n\n\/\/ Favor pre-increment\/decrement over post-increment\/decrement\n\/\/ for stand-alone statements.\n\n\/\/ DO\n--$a;\n\n\/\/ DON'T\n$a--;<\/code><\/pre>\n<ul>\n<li><strong>Datenbank<\/strong> &#8211; Die Standards f\u00fcr die Datenbankcodierung enthalten Anweisungen f\u00fcr die Durchf\u00fchrung von Datenbankabfragen und die Formatierung von SQL-Anweisungen.<\/li>\n<li><strong>Zus\u00e4tzliche Empfehlungen<\/strong> &#8211; Zu den zus\u00e4tzlichen Empfehlungen geh\u00f6ren Standards wie die Verwendung selbsterkl\u00e4render Flag-Werte f\u00fcr Funktionsargumente, cleverer Code, Closures (anonyme Funktionen), regul\u00e4re Ausdr\u00fccke, Shell-Befehle und Anweisungen zur Vermeidung von <code>extract()<\/code>.<\/li>\n<\/ul>\n<h3>WordPress Inline-Dokumentationsstandards f\u00fcr PHP-Code<\/h3>\n<p>Zus\u00e4tzlich zu den oben genannten Richtlinien bietet WordPress <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/php\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inline-Dokumentationsstandards<\/a> f\u00fcr PHP-Code. WordPress verwendet ein eigenes Dokumentationsschema, das sich an der PHPDoc-Syntax orientiert, einem sich weiterentwickelnden Standard f\u00fcr die Dokumentation von PHP-Code, der von <a href=\"http:\/\/phpdoc.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">phpDocumentor<\/a> gepflegt wird. Diese Standards vereinfachen die Erstellung externer Dokumentationen und tragen zur breiteren WordPress-Entwicklergemeinschaft bei, indem sie ein gemeinsames Verst\u00e4ndnis der Codebase-Strukturen f\u00f6rdern.<\/p>\n<p>Die PHP-Dokumentation in WordPress erscheint meist als formatierte Bl\u00f6cke oder Inline-Kommentare. Dokumentiere Folgendes in WordPress-Dateien:<\/p>\n<ul>\n<li>Funktionen und Klassenmethoden<\/li>\n<li>Klassen<\/li>\n<li>Klassenmitglieder, einschlie\u00dflich Eigenschaften und Konstanten<\/li>\n<li>Requires und Includes<\/li>\n<li>Hooks (Aktionen und Filter)<\/li>\n<li>Inline-Kommentare<\/li>\n<li>Dateikopfzeilen<\/li>\n<li>Konstanten<\/li>\n<\/ul>\n<h2>HTML- und CSS-Standards in WordPress<\/h2>\n<p>WordPress-Themes und -Plugins halten sich an strenge <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/html\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML-Kodierungsstandards<\/a>, um Best\u00e4ndigkeit, Zug\u00e4nglichkeit und Wartbarkeit zu gew\u00e4hrleisten. Die Richtlinien betonen semantisches Markup und ermutigen die Entwickler\/innen, HTML-Elemente f\u00fcr ihre beabsichtigten Zwecke zu verwenden. Diese Praxis verbessert die Struktur des Inhalts und die Leistung der Suchmaschinenoptimierung (SEO). Au\u00dferdem sollst du dein HTML validieren, um die Kompatibilit\u00e4t zwischen verschiedenen Browsern zu gew\u00e4hrleisten.<\/p>\n<p>Die HTML-Code-Standards enthalten Richtlinien f\u00fcr:<\/p>\n<ul>\n<li><strong>Validierung <\/strong>&#8211; Du solltest alle deine HTML-Seiten mit dem <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C-Validator<\/a> validieren, um sicherzustellen, dass dein Markup wohlgeformt ist.<\/li>\n<li><strong>Selbstschlie\u00dfende Elemente<\/strong> &#8211; Dem Schr\u00e4gstrich in selbstschlie\u00dfenden Elementen sollte ein Leerzeichen vorangestellt werden.<\/li>\n<\/ul>\n<pre><code class=\"language-html\">&lt;!-- DO --&gt;\n&lt;br \/&gt;\n\n&lt;!-- DON'T \u2013&gt;\n&lt;br\/&gt;<\/code><\/pre>\n<ul>\n<li><strong>Attribute und Tags<\/strong> &#8211; Alle Attribute und Tags sollten in Kleinbuchstaben geschrieben werden. Au\u00dferdem sollten Attributwerte nur dann klein geschrieben werden, wenn sie von Maschinen interpretiert werden sollen. Wenn du f\u00fcr Menschen schreibst, solltest du den Titel in Gro\u00dfbuchstaben schreiben.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;a href=\"http:\/\/example.com\/\" title=\"Link Description\"&gt;Descriptive text&lt;\/a&gt;\n&lt;meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\" \/&gt;\n\n<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;a HREF=\"http:\/\/example.com\/\" TITLE=\"link description\"&gt;Click here&lt;\/a&gt;<\/code><\/pre>\n<ul>\n<li><strong>Anf\u00fchrungszeichen<\/strong> &#8211; Alle Attribute m\u00fcssen einen Wert haben und in einfache oder doppelte Anf\u00fchrungszeichen gesetzt werden. Werden die Werte nicht in Anf\u00fchrungszeichen gesetzt, kann dies zu Sicherheitsl\u00fccken f\u00fchren.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;input type=\"text\" name=\"email\" disabled=\"disabled\" \/&gt;\n&lt;input type='text' name='email' disabled='disabled' \/&gt;\n\n<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;input type=text name=email disabled&gt;<\/code><\/pre>\n<ul>\n<li><strong>Einr\u00fcckung<\/strong> &#8211; Die HTML-Einr\u00fcckung sollte immer die logische Struktur widerspiegeln. Wenn du PHP und HTML mischst, r\u00fccke die PHP-Bl\u00f6cke so ein, dass sie mit dem umgebenden HTML-Code \u00fcbereinstimmen.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;?php if ( ! have_articles() ) : ?&gt;\n&lt;div class=\"article\"&gt;\n    &lt;h1 class=\"article-title\"&gt;Not Found&lt;\/h1&gt;\n    &lt;div class=\"article-content\"&gt;\n        &lt;p&gt;No results were found.&lt;\/p&gt;\n        &lt;?php get_error_msg(); ?&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;?php endif; ?&gt;\n\n<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;?php if ( ! have_articles() ) : ?&gt;\n&lt;div class=\"article\"&gt;\n&lt;h1 class=\"article-title\"&gt;Not Found&lt;\/h1&gt;\n&lt;div class=\"article-content\"&gt;\n&lt;p&gt;No results were found.&lt;\/p&gt;\n&lt;?php get_error_msg(); ?&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre>\n<p>Zus\u00e4tzlich zu diesen HTML-Standards helfen dir <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\">die CSS-Standards von WordPress<\/a> dabei, saubere, modulare und reaktionsf\u00e4hige Stylesheets zu erstellen. Sie bilden eine Grundlage f\u00fcr die Zusammenarbeit und \u00dcberpr\u00fcfung, vom Kerncode \u00fcber Themes bis hin zu Plugins. Diese Richtlinien sorgen daf\u00fcr, dass dein Code lesbar, konsistent und sinnvoll ist.<\/p>\n<p>Die WordPress-CSS-Codestandards betonen die Verwendung spezifischer Klassen, um Elemente zu kennzeichnen und eine konsistente und organisierte Struktur zu f\u00f6rdern. Sie umfassen insbesondere Standards f\u00fcr:<\/p>\n<ul>\n<li><strong>Struktur<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* DO \nEach selector should be on its own line ending with \na comma or curly brace. The closing brace should occupy \nthe same indentation level as the opening selector. *\/\n#selector-1,\n#selector-2 {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Selektoren<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* DO \nUse lowercase and separate words using hyphens.\nUse double quotes around values for attribute selectors.\nAvoid overqualified selectors, such as div.container. *\/\n#contact-form {\n    property: value;\n}\ninput[type=\"text\"] {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Eigenschaften<\/strong> (Bestell- und Anbieterpr\u00e4fixe):<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Append properties with a colon and a space. \nProperties should be lowercase \u2014 except font names \nsnd vendor-specific properties \u2014 and use shorthand. *\/\n#selector {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Werte<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Add a space before the value and a semicolon after.\nUse double quotes.\n0 values should not have units.\nUse a leading zero for decimal values.\nDelineate multiple comma-separated values for \na single property with a space or new line. *\/\n#contact-form {\n    font-family: \"Helvetica Neue\", sans-serif;\n    opacity: 0.9;\n    box-shadow:\n        0 0 0 1px #5b9dd9,\n        0 0 2px 1px rgba(20, 120, 170, 0.9);\n}<\/code><\/pre>\n<ul>\n<li><strong>Medienabfragen<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Rules set for media queries should be indented one level in.\nKeep media queries grouped by media at the bottom of the stylesheet. *\/\n@media all and (max-width: 1024px) and (min-width: 780px) {\n    $selector {\n        property: value;\n    }        \n}<\/code><\/pre>\n<ul>\n<li><strong>Kommentieren<\/strong>:<\/li>\n<\/ul>\n<p>Seit der Einf\u00fchrung von WordPress im Jahr 2003 haben sich die Codierungsstandards f\u00fcr HTML und CSS an den Richtlinien des World Wide Web Consortium (W3C) f\u00fcr HTML und CSS orientiert. Seit der Ver\u00f6ffentlichung von HTML5 und CSS3 haben die W3C-Standards die Entwicklung von Themes und Plugins beeinflusst, da sie die Integration von responsiven Designprinzipien und semantischem Markup betonen.<\/p>\n<p>Durch die \u00dcbernahme der W3C-Richtlinien wird sichergestellt, dass WordPress-Websites die globalen Webstandards einhalten, was die Interoperabilit\u00e4t und das Nutzererlebnis verbessert und das Engagement f\u00fcr Aktualit\u00e4t, Sicherheit und Kompatibilit\u00e4t innerhalb des gesamten Web-\u00d6kosystems widerspiegelt.<\/p>\n<p>Die Einhaltung dieser Richtlinien in WordPress unterstreicht die \u00dcberpr\u00fcfung der HTML-Qualit\u00e4t durch den <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C HTML Markup Validator<\/a>.<\/p>\n<p>Diese HTML- und CSS-Standards gew\u00e4hrleisten eine optisch ansprechende, benutzerfreundliche und effiziente Darstellung von WordPress-Websites auf allen Plattformen. Sie unterst\u00fctzen ein nahtloses Benutzererlebnis und erleichtern die Zusammenarbeit zwischen Entwicklern, die an verschiedenen Aspekten des WordPress-\u00d6kosystems arbeiten.<\/p>\n<h2>JavaScript-Codierungsstandards in WordPress<\/h2>\n<p>Die WordPress-Codierungsstandards enthalten auch Richtlinien f\u00fcr die Formatierung und Gestaltung von JavaScript-Code f\u00fcr Themes und Plugins. Au\u00dferdem tragen diese Standards dazu bei, die Konsistenz des Codes mit dem PHP-, HTML- und CSS-Code zu f\u00f6rdern.<\/p>\n<p>Die <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/\" target=\"blank\" rel=\"noopener\">WordPress-JavaScript-Kodierungsstandards<\/a> basieren auf dem <a href=\"https:\/\/contribute.jquery.org\/style-guide\/js\" target=\"blank\" rel=\"noopener\">jQuery JavaScript Style Guide<\/a>, der 2012 als umfassender Satz von Codierungskonventionen zur Verbesserung der Konsistenz und Lesbarkeit des Codes herausgegeben wurde. Urspr\u00fcnglich war er speziell f\u00fcr jQuery-Projekte gedacht, aber sein Erfolg hat dazu gef\u00fchrt, dass er auch au\u00dferhalb des Frameworks weit verbreitet ist.<\/p>\n<p>Auch wenn die jQuery-Richtlinien den WordPress-Standards zugrunde liegen, gibt es einige bemerkenswerte Unterschiede f\u00fcr die WordPress-Entwicklung:<\/p>\n<ul>\n<li>WordPress verwendet einfache Anf\u00fchrungszeichen f\u00fcr String-Deklarationen.<\/li>\n<li>Case-Anweisungen werden in Switch-Bl\u00f6cken einger\u00fcckt.<\/li>\n<li>Funktionsinhalte werden durchg\u00e4ngig einger\u00fcckt, einschlie\u00dflich der Wrapper f\u00fcr vollst\u00e4ndige Dateiabschl\u00fcsse.<\/li>\n<li>Einige Whitespace-Regeln weichen von den PHP-WordPress-Standards ab, z. B. die Verwendung von Tabulatoren oder Einr\u00fcckungen.<\/li>\n<li>die 100-Zeichen-Begrenzung von jQuery wird zwar empfohlen, aber nicht strikt durchgesetzt.<\/li>\n<\/ul>\n<p>Die WordPress JavaScript-Codierungsstandards decken die folgenden Bereiche ab:<\/p>\n<ul>\n<li><strong>Code-Refactoring<\/strong>.<\/li>\n<li><strong>Codeabst\u00e4nde<\/strong>, einschlie\u00dflich Objektdeklarationen, Arrays und Funktionsaufrufe:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Object declarations\n\/\/ DO\nvar obj = {\n    name: 'John',\n    age: 27,\n    height: 179\n}\n\n\/\/ DON'T\nvar obj = {\n    name: 'John',  age: 27,\n    height: 179\n}\n\n\/\/ Arrays and function calls\n\/\/ Include extra spaces around elements and arguments.\narray = [ 1, 2 ];\nfoo( arg1, arg2 );<\/code><\/pre>\n<ul>\n<li><strong>Verwendung von Semikolons:<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Always use semicolons\narray = [ 1, 2 ];<\/code><\/pre>\n<ul>\n<li><strong>Einr\u00fcckung und Zeilenumbr\u00fcche<\/strong>, einschlie\u00dflich Bl\u00f6cke und geschweifte Klammern, mehrzeilige Anweisungen und verkettete Methodenaufrufe:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use tabs for indentation\n( function ( $ ) {\n    \/\/ Expressions indented\n    function doSomething() {\n        \/\/ Expressions indented\n    }\n} )( jQuery );\n\n\/\/ if, else, for, while, and try blocks should span multiple lines\nif ( condition ) {\n    \/\/ Expressions\n} else if ( ( condition && condition ) || condition ) {\n    \/\/ Expressions\n} else {\n    \/\/ Expressions\n}\n\n\/\/ Line breaks must occur after an operator if the statement\n\/\/ is too long to fit on one line.\nvar html = '&lt;p&gt;The sum of ' + a + ' and ' + b + ' plus ' + c +\n    ' is ' + ( a + b + c ) + '&lt;\/p&gt;';\n\/* If a chain of method calls is too long to fit on a single line, \n   use one call per line. The first call should be on a separate line from\n   the object on which the methods are called. *\/\nelements\n    .addClass( 'foo' )\n    .children()\n        .html( 'hello' )\n    .end()\n    .appendTo( 'body' );<\/code><\/pre>\n<ul>\n<li><strong>Zuweisungen und Globals<\/strong>, einschlie\u00dflich der Deklaration von Variablen mit <code>const<\/code> und <code>let<\/code>, der Deklaration von Variablen mit <code>var<\/code>, Globals und gemeinsamen Bibliotheken.<\/li>\n<li><strong>Namenskonventionen<\/strong> wie Abk\u00fcrzungen und Akronyme, Klassendefinitionen und Konstanten:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Abbreviations must be written in camelCase.\n\/\/ All letters of acronyms should be capitalized.\nconst userId = 1;\nconst currentDOMDocument = window.document;\n\n\/\/ Class definition must use UpperCamelCaseConvention.\nclass Human {\n    ...\n}\n\n\/\/ Constants should use SCREAMING_SNAKE_CASE convention.\nconst SESSION_DURATION = 60<\/code><\/pre>\n<ul>\n<li><strong>Gleichheit:<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use strict equality\/inequality checks (=== and !==)\n\/\/ instead of abstract checks (== and !=).\nif ( name === \"John\" ) {\n    ...\n}\nif ( result !== false ) {\n    ...\n}\n\n\/\/ Also, with negation:\nif !( result === false ) {\n    ...\n}<\/code><\/pre>\n<ul>\n<li><strong>Strings<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use single-quotes for string literals.\n    var myString = 'Hello world!'<\/code><\/pre>\n<ul>\n<li><strong>Switch-Anweisungen<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use a break for each case other than default.\n\/\/ Indent case statements one tab within the switch.\nswitch ( event.keyCode ) {\n    \/\/ ENTER and SPACE both trigger x()\n    case $.ui.keyCode.ENTER:\n    case $.ui.keyCode.SPACE:\n        x();\n        break;\n    case $.ui.keyCode.ESCAPE:\n        y();\n        break;\n    default:\n        z();\n}<\/code><\/pre>\n<p>In den WordPress-Kodierungsstandards sind au\u00dferdem einige <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/#best-practices\" target=\"_blank\" rel=\"noopener noreferrer\">Best Practices<\/a> f\u00fcr das Schreiben von JavaScript-Code beschrieben.<\/p>\n<p>Wie bei PHP gibt es auch bei WordPress <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">Inline-Dokumentationsstandards<\/a> f\u00fcr JavaScript-Code. Diese Inline-Standards, bei denen es sich entweder um formatierte Dokumentationsbl\u00f6cke oder Inline-Kommentare handelt, folgen dem <a href=\"http:\/\/jsdoc.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSDoc 3-Standard<\/a> f\u00fcr Inline-JavaScript-Dokumentation. Die Inline-Standards decken Funktionen, Klassenmethoden, Objekte, Closures, Objekteigenschaften, Ereignisse und Dateik\u00f6pfe ab.<\/p>\n<h2>Wie du Barrierefreiheit bei der WordPress-Entwicklung sicherstellst<\/h2>\n<p>Standards f\u00fcr Barrierefreiheit sind wichtig, um sicherzustellen, dass digitale Inhalte, einschlie\u00dflich Websites, die auf Plattformen wie WordPress entwickelt wurden, von Menschen mit unterschiedlichen F\u00e4higkeiten genutzt werden k\u00f6nnen. Die \u00dcbernahme der W3C-Standards f\u00fcr Barrierefreiheit stellt sicher, dass mit WordPress erstellte Websites auch f\u00fcr Menschen mit Behinderungen zug\u00e4nglich sind.<\/p>\n<p>Die Zug\u00e4nglichkeitsrichtlinien des W3C, insbesondere die Web Content Accessibility Guidelines (WCAG), bieten einen umfassenden Rahmen, um Webinhalte besser zug\u00e4nglich zu machen. WordPress hat die Bedeutung der Barrierefreiheit erkannt und diese Richtlinien in seine Kernfunktionalit\u00e4ten integriert.<\/p>\n<p>Die WCAG messen zum Beispiel die Einhaltung der <a href=\"https:\/\/kinsta.com\/de\/blog\/european-accessibility-act\/\">Europ\u00e4ischen Zug\u00e4nglichkeitsverordnung<\/a>, die ab Juni 2025 f\u00fcr viele Organisationen in der EU gelten wird.<\/p>\n<p>Um den unterschiedlichen Bed\u00fcrfnissen gerecht zu werden, m\u00fcssen Funktionen und Designprinzipien wie die Kompatibilit\u00e4t mit Screenreadern, Tastaturnavigation und Textalternativen f\u00fcr Nicht-Text-Inhalte implementiert werden.<\/p>\n<p>Die Gew\u00e4hrleistung von <a href=\"https:\/\/kinsta.com\/de\/blog\/barrierfrei-wordpress\/\">Barrierefreiheit in WordPress<\/a> ist nicht nur eine Frage der Einhaltung der Vorschriften. Es ist eine Verpflichtung, <em>allen Menschen<\/em> den gleichen Zugang zu Informationen und Dienstleistungen zu erm\u00f6glichen. Durch die Einhaltung der W3C-Richtlinien werden WordPress-Websites zug\u00e4nglicher und benutzerfreundlicher und f\u00f6rdern so eine integrative Online-Umgebung.<\/p>\n<p>Einige praktische Beispiele f\u00fcr die Implementierung von Zug\u00e4nglichkeitsfunktionen in deinen Themes und Plugins sind die folgenden:<\/p>\n<ul>\n<li><strong>Verwendung von semantischem HTML<\/strong> &#8211; Achte auf die korrekte Verwendung von semantischen HTML-Tags. Verwende z. B. <code>&lt;nav&gt;<\/code> f\u00fcr Navigationsmen\u00fcs, <code>&lt;header&gt;<\/code> f\u00fcr Seitenkopfzeilen und <code>&lt;main&gt;<\/code> f\u00fcr den Hauptinhalt. Diese Tags helfen Screenreadern und anderen Hilfstechnologien, die Struktur der Seite zu verstehen.<\/li>\n<li><strong>F\u00fcge Textalternativen f\u00fcr Bilder, Video- und Audioinhalte hinzu <\/strong>&#8211; F\u00fcge beschreibende Alt-Texte f\u00fcr Bilder hinzu, um ihre Bedeutung f\u00fcr Nutzer zu vermitteln, die sie nicht sehen k\u00f6nnen. In WordPress kannst du beim Hinzuf\u00fcgen von Bildern beschreibende <code>alt<\/code> Attribute in die Medienbibliothek einf\u00fcgen. F\u00fcge Untertitel und Transkripte f\u00fcr Videos ein und biete Textalternativen f\u00fcr Audioinhalte an, um sicherzustellen, dass geh\u00f6rlose oder schwerh\u00f6rige Nutzer\/innen die Informationen verstehen k\u00f6nnen.<\/li>\n<li><strong>Entwickle ein responsives Design<\/strong> &#8211; Achte darauf, dass dein Theme oder Plugin responsiv ist und sich gut an verschiedene Bildschirmgr\u00f6\u00dfen anpasst. Dieser Ansatz kommt Nutzern mit verschiedenen Ger\u00e4ten zugute und sorgt f\u00fcr ein einheitliches Erlebnis auf allen Plattformen.<\/li>\n<li><strong>Gestalte zug\u00e4ngliche Formulare<\/strong> &#8211; Biete klare Beschriftungen und Anweisungen f\u00fcr Formularfelder. Verwende geeignete Eingabearten wie E-Mail oder Telefon, um die richtige Tastatur auf mobilen Ger\u00e4ten und assistiven Technologien zu aktivieren.<\/li>\n<li><strong>Nutze die Tastaturnavigation<\/strong> &#8211; Stelle sicher, dass alle interaktiven Elemente mit einer Tastatur navigierbar sind. Die Nutzer\/innen sollten in der Lage sein, mit der Tabulatortaste durch Links, Schaltfl\u00e4chen und Formularfelder zu navigieren. Teste und verbessere die Zug\u00e4nglichkeit mit der Tastatur, indem du vermeidest, dich nur auf Mausinteraktionen zu verlassen.<\/li>\n<\/ul>\n<h2>Tools zur Einhaltung der WordPress-Codestandards<\/h2>\n<p>Es gibt viele Code-Sniffing-Tools, die dir helfen k\u00f6nnen, die oben beschriebenen Kodierungsstandards der Plattform einzuhalten. Im Folgenden stellen wir dir einige der Validierungstools vor, mit denen du die WordPress-Kodierungsstandards \u00fcberpr\u00fcfen kannst.<\/p>\n<h3>PHP_CodeSniffer<\/h3>\n<p>Der <a href=\"https:\/\/github.com\/WordPress\/WordPress-Coding-Standards\" target=\"_blank\" rel=\"noopener noreferrer\">PHP_CodeSniffer<\/a> scannt deine PHP-Codebasis, um Abweichungen von den etablierten Normen zu erkennen. Er sorgt f\u00fcr einen saubereren, effizienteren Code, indem er Kodierungsfehler und Stilabweichungen aufsp\u00fcrt. Dies f\u00fchrt zu einer verbesserten Leistung von WordPress-Websites und gew\u00e4hrleistet eine nahtlose Kompatibilit\u00e4t mit zuk\u00fcnftigen Updates und Plugins.<\/p>\n<h3>CSS Validation Service von W3 Org<\/h3>\n<p>Der <a href=\"https:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Validation Service von W3 Org<\/a> scannt CSS-Stylesheets und identifiziert und behebt potenzielle Fehler, die die optimale Leistung der Website beeintr\u00e4chtigen k\u00f6nnten. Er spielt eine entscheidende Rolle bei der Wahrung der Konsistenz und der Einhaltung der W3C-Standards und garantiert ein reibungsloses Nutzererlebnis auf verschiedenen Ger\u00e4ten. Dadurch werden die Ladezeiten von Websites verbessert und die strengen CSS-Kodierungsstandards von WordPress erf\u00fcllt.<\/p>\n<h3>JSHint<\/h3>\n<p><a href=\"https:\/\/jshint.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSHint<\/a> analysiert JavaScript-Code und identifiziert potenzielle Fehler, stilistische Ungereimtheiten und die Einhaltung von Best Practices. Es hilft dir, saubereren und effizienteren Code zu schreiben und so die Leistung deiner Website zu optimieren. Der Fokus auf die WordPress-Kodierungsstandards stellt sicher, dass sich der JavaScript-Code nahtlos in die Gesamtarchitektur von WordPress einf\u00fcgt und hilft dir, eine einheitliche und standardisierte Kodierungsumgebung zu schaffen.<\/p>\n<h3>WebAIM Contrast Checker<\/h3>\n<p>Der <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contrast Checker von WebAIM<\/a> hilft dir, die Barrierefreiheit deiner WordPress-Websites zu bewerten und zu verbessern. Dieses Tool vereinfacht den oft komplexen Prozess, einen optimalen Farbkontrast zu erreichen, um die Zug\u00e4nglichkeit zu f\u00f6rdern. Mit dem Echtzeit-Feedback des Contrast Checkers kannst du Bereiche identifizieren, in denen du die Lesbarkeit und Verst\u00e4ndlichkeit von Texten f\u00fcr alle Besucher verbessern kannst.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>Kodierungsstandards sind das R\u00fcckgrat einer effizienten und kooperativen Softwareentwicklung. Sie sorgen f\u00fcr Konsistenz und Lesbarkeit im Code, rationalisieren den Programmierprozess, verbessern die Wartbarkeit und erleichtern die Teamarbeit. F\u00fcr WordPress-Entwicklerinnen und -Entwickler ist die Einhaltung von Kodierungsstandards entscheidend f\u00fcr die Erstellung robuster und skalierbarer Websites.<\/p>\n<p>Kinsta kann dir dabei helfen, diese Standards zu erf\u00fcllen, indem es Entwicklungsumgebungen unterst\u00fctzt, die es dir erm\u00f6glichen, dich auf deine Arbeit zu konzentrieren. Mit unserer eigenen Docker-basierten <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/funktionen\/\">DevKinsta-Suite<\/a> kannst du WordPress-Websites auf deinem lokalen Rechner entwerfen und entwickeln und sie dann nahtlos in deine Produktionsumgebung \u00fcbertragen. Wenn du DevKinsta mit unserem <a href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/\">Managed WordPress Hosting<\/a> kombinierst, kannst du mehr Zeit mit deinem Code und weniger Zeit mit der Konfiguration von Webservern verbringen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kodierungsstandards in der WordPress-Entwicklung sind entscheidend f\u00fcr eine robuste und nachhaltige Codebasis. Sie dienen als Richtlinien und Konventionen, an die sich Entwickler\/innen beim Schreiben von Code &#8230;<\/p>\n","protected":false},"author":259,"featured_media":69904,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[990,999],"class_list":["post-69903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-webentwicklung-sprachen","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>Eine Einf\u00fchrung in die WordPress-Kodierungsstandards - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.\" \/>\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\/wordpress-kodierungstandards\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards\" \/>\n<meta property=\"og:description\" content=\"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/\" \/>\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=\"2024-05-02T06:51:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-06T14:27:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"18\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards\",\"datePublished\":\"2024-05-02T06:51:12+00:00\",\"dateModified\":\"2024-05-06T14:27:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/\"},\"wordCount\":2405,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/\",\"name\":\"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png\",\"datePublished\":\"2024-05-02T06:51:12+00:00\",\"dateModified\":\"2024-05-06T14:27:02+00:00\",\"description\":\"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Entwicklung\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards\"}]},{\"@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\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards - Kinsta\u00ae","description":"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.","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\/wordpress-kodierungstandards\/","og_locale":"de_DE","og_type":"article","og_title":"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards","og_description":"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.","og_url":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2024-05-02T06:51:12+00:00","article_modified_time":"2024-05-06T14:27:02+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards-1024x512.png","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Steve Bonisteel","Gesch\u00e4tzte Lesezeit":"18\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards","datePublished":"2024-05-02T06:51:12+00:00","dateModified":"2024-05-06T14:27:02+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/"},"wordCount":2405,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/","url":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/","name":"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png","datePublished":"2024-05-02T06:51:12+00:00","dateModified":"2024-05-06T14:27:02+00:00","description":"Die Einhaltung von Kodierungsstandards f\u00fcr die WordPress-Entwicklung hilft dir, dich mit anderen gut zu stellen, kann aber auch dabei helfen, deine Einzelprojekte in Form zu halten.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2024\/05\/wordpress-coding-standards.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/wordpress-kodierungstandards\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Entwicklung","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-entwicklung\/"},{"@type":"ListItem","position":3,"name":"Eine Einf\u00fchrung in die WordPress-Kodierungsstandards"}]},{"@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\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinsta.com\/de\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69903","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\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=69903"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69903\/revisions"}],"predecessor-version":[{"id":69941,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/69903\/revisions\/69941"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/69903\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/69904"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=69903"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=69903"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=69903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}