{"id":11512,"date":"2020-04-30T19:07:13","date_gmt":"2020-04-30T19:07:13","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-zeigen-sie-code-in-wordpress-posts-an\/"},"modified":"2020-04-30T19:07:13","modified_gmt":"2020-04-30T19:07:13","slug":"so-zeigen-sie-code-in-wordpress-posts-an","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-zeigen-sie-code-in-wordpress-posts-an\/","title":{"rendered":"So zeigen Sie Code in WordPress-Posts an"},"content":{"rendered":"<p>Eines der h\u00e4ufigsten Probleme, mit denen neue WordPress-Benutzer konfrontiert sind, ist die Anzeige von Code in Posts. Das Problem tritt auf, wenn ein Benutzer versucht, ein Codefragment in seinen Posts freizugeben. Standardm\u00e4\u00dfig filtert WordPress den Code und wird unlesbar. In diesem Artikel werde ich zeigen, wie der Code in WordPress-Posts angezeigt wird. <\/p>\n<h4>Verwenden von HTML-Entit\u00e4ten zum Anzeigen von Code in WordPress-Posts<\/h4>\n<p>HTML-Entit\u00e4ten sind spezielle Codes, die von Browsern analysiert werden, um das dieser bestimmten Entit\u00e4t zugeordnete Zeichen anzuzeigen. Zum Beispiel:<\/p>\n<ul>\n<li>&amp; wird &amp;<\/li>\n<li>&lt;wird\n<\/li>\n<li>&gt; wird&gt; <\/li>\n<\/ul>\n<p>Mit HTML-Entit\u00e4ten k\u00f6nnen Sie Code in Ihren WordPress-Posts anzeigen. <\/p>\n<p>  es wird im Browser wie folgt angezeigt:<\/p>\n<p>Diese Methode ist besonders n\u00fctzlich, wenn Sie nur einige Codezeilen anzeigen m\u00f6chten. Es kann jedoch schwierig sein, diese Methode manuell f\u00fcr mehrere Codezeilen anzuwenden. <\/p>\n<p>Um dieses Problem zu l\u00f6sen, k\u00f6nnen Sie einen Inline-HTML-Entity-Encoder wie diesen verwenden. Geben Sie einfach den Code ein, den Sie konvertieren m\u00f6chten, und klicken Sie auf die Schaltfl\u00e4che &quot;Codieren&quot;. Es konvertiert Ihren Code in HTML-Entit\u00e4ten und Sie k\u00f6nnen ihn sicher in das Tag einf\u00fcgen. <\/p>\n<h4>Verwenden des Plugins zum Anzeigen von Code in WordPress-Posts<\/h4>\n<p>Wenn Sie h\u00e4ufig Codefragmente in Ihren Posts freigeben, funktionieren die oben genannten Methoden f\u00fcr Sie nicht. Als erstes sollten Sie das Plugin SyntaxHighlighter Evolved installieren und aktivieren. Dies erspart Ihnen die Konvertierung des Codes in HTML-Entit\u00e4ten. Es wird nicht nur der Code hervorgehoben, um ihn in einem viel besser lesbaren Format anzuzeigen. <\/p>\n<p>Es funktioniert von Anfang an. Sie m\u00fcssen lediglich Ihre Inhalte in bestimmte Sprach-Tags einbinden. Wenn Sie beispielsweise einen Code freigeben, der haupts\u00e4chlich in PHP enthalten ist, w\u00fcrden Sie Ihren Code wie folgt umbrechen: <\/p>\n<p>(php)<br \/>&lt;? php<br \/>themelab_demo_code () function {<br \/>$ i = 1;<br \/>w\u00e4hrend ($ i &lt;= 10):<br \/>echo $ i &quot;.<br \/>&quot;;<br \/>$ i ++;<br \/>in der Zwischenzeit<br \/>}}<br \/>themelab_demo_code ();<br \/>?&gt;<br \/>(\/ php)<\/p>\n<p>Es wird auf Ihrer Website folgenderma\u00dfen angezeigt: <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\n   ","protected":false},"excerpt":{"rendered":"<p>Eines der h\u00e4ufigsten Probleme, mit denen neue WordPress-Benutzer konfrontiert sind, ist die Anzeige von Code in Posts. Das Problem tritt auf, wenn ein Benutzer versucht, ein Codefragment in seinen Posts freizugeben. Standardm\u00e4\u00dfig filtert WordPress den Code und wird unlesbar. In diesem Artikel werde ich zeigen, wie der Code in WordPress-Posts angezeigt wird. Verwenden von HTML-Entit\u00e4ten [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/11512"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=11512"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/11512\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=11512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=11512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=11512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}