{"id":889718,"date":"2023-10-27T05:09:59","date_gmt":"2023-10-27T10:09:59","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-verwenden-sie-codeblocke-in-wordpress\/"},"modified":"2023-10-27T05:09:59","modified_gmt":"2023-10-27T10:09:59","slug":"so-verwenden-sie-codeblocke-in-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-verwenden-sie-codeblocke-in-wordpress\/","title":{"rendered":"So verwenden Sie Codebl\u00f6cke in WordPress"},"content":{"rendered":"

WordPress<\/a> ist ein robustes Content-Management-System, das mehr als die H\u00e4lfte aller Websites im Internet betreibt. Das integrierte CRM erleichtert die Erstellung einer Website, auch wenn Sie noch nie zuvor ein Computerprogramm geschrieben haben. W\u00e4hrend es sehr einfach ist, einen normalen Textblock auf einer WordPress-Website anzuzeigen, gilt das nicht f\u00fcr Computercode. Ein Codeteil muss ordnungsgem\u00e4\u00df angezeigt werden, damit der Betrachter ihn analysieren und verstehen kann. Und hier kommen WordPress-Codebl\u00f6cke ins Spiel. <\/p>\n

Wenn Sie wissen m\u00f6chten, wie Sie Codebl\u00f6cke in WordPress verwenden, sind Sie hier genau richtig. In diesem Artikel f\u00fchren wir Sie durch den gesamten Prozess, damit Sie beginnen k\u00f6nnen, Codeausschnitte mit Ihren Lesern zu teilen. Lesen Sie weiter, um mehr zu erfahren.<\/p>\n

So verwenden Sie Codebl\u00f6cke in WordPress<\/h2>\n

Die Anzeige eines Computerprogramms als normaler Webseitentext kann katastrophal sein. Vielen Benutzern f\u00e4llt es schwer, sich etwas vorzustellen und zu verstehen. Gl\u00fccklicherweise verf\u00fcgen viele WordPress-Editoren \u00fcber eine Codeblockfunktion, mit der Sie ein Computerprogramm in einem Codeformat anzeigen k\u00f6nnen.<\/p>\n

Gl\u00fccklicherweise ist die Verwendung von Codebl\u00f6cken zur Anzeige von Computercode relativ einfach. Um zu beginnen, m\u00fcssen Sie zum nativen WordPress-Editor wechseln, da einige Text-Plugins m\u00f6glicherweise nicht \u00fcber diese Funktion verf\u00fcgen. F\u00fchren Sie anschlie\u00dfend die folgenden Schritte aus, um einer Website-Seite einen Codeblock hinzuzuf\u00fcgen:<\/p>\n

    \n
  1. \u00d6ffnen Sie die Webseite, zu der Sie einen Codeblock hinzuf\u00fcgen m\u00f6chten, indem Sie auf die Schaltfl\u00e4che \u201eNeu\u201c klicken.<\/li>\n
  2. Geben Sie \u201e\/code\u201c ein und dr\u00fccken Sie \u201eEnter\u201c.<\/li>\n
  3. Geben oder f\u00fcgen Sie den Code ein, den Sie anzeigen m\u00f6chten, und dr\u00fccken Sie die \u201eEnter\u201c-Taste.<\/li>\n
  4. Dar\u00fcber hinaus k\u00f6nnen Sie die Codeblock-Symbolleiste verwenden, um das Erscheinungsbild des gerade geschriebenen Codes anzupassen. Sie k\u00f6nnen beispielsweise die Schaltfl\u00e4che \u201eB\u201c verwenden, um eine Zeile fett zu formatieren, oder die Schaltfl\u00e4che \u201ei\u201c, um sie kursiv zu formatieren.<\/li>\n
  5. Wenn Sie mit der Erstellung Ihrer Webseite fertig sind, klicken Sie auf die Schaltfl\u00e4che \u201eVorschau\u201c, um zu sehen, wie der Codeblock in einer Live-Version aussehen wird.<\/li>\n
  6. Wenn Sie mit dem Endergebnis zufrieden sind, klicken Sie auf die Schaltfl\u00e4che \u201eAktualisieren\u201c, damit auch andere den Codeblock sehen k\u00f6nnen. <\/li>\n<\/ol>\n

    So \u00e4ndern Sie die Schriftart Ihres Codeblocks<\/h2>\n

    Typografie sagt viel aus und kann nicht nur die \u00c4sthetik Ihres Codeblocks, sondern der gesamten Webseite beeinflussen oder zerst\u00f6ren. Gehen Sie folgenderma\u00dfen vor, um die Schriftart Ihres Codeblocks zu \u00e4ndern:<\/p>\n

      \n
    1. Markieren Sie den Codeblock, dessen Typografie Sie \u00e4ndern m\u00f6chten.<\/li>\n
    2. Klicken Sie auf das Symbol \u201eEinstellungen\u201c in der oberen rechten Ecke des Bildschirms.<\/li>\n
    3. Geben Sie im Abschnitt \u201eTypografie\u201c Ihre bevorzugte Schriftart an.<\/li>\n
    4. Klicken Sie auf die Schaltfl\u00e4che \u201eAktualisieren\u201c, um die \u00c4nderungen zu speichern.<\/li>\n<\/ol>\n

      Sie k\u00f6nnen die \u00c4sthetik des Blocks weiter anpassen, indem Sie Farbe, Hintergrund, Buchstabenabstand und Zeilenabstand \u00e4ndern.<\/p>\n

      Wenn Sie beispielsweise eine Website mit einem dunklen Thema haben, m\u00f6chten Sie m\u00f6glicherweise, dass Ihr Codeblock einen anderen Hintergrund hat.<\/p>\n

      So l\u00f6schen Sie einen Codeblock in WordPress<\/h2>\n

      Codebl\u00f6cke sind nicht dauerhaft und k\u00f6nnen wie jedes andere Element einer WordPress-Webseite gel\u00f6scht werden. So l\u00e4uft der Prozess ab:<\/p>\n

        \n
      1. \u00d6ffnen Sie die Webseite oder den Beitrag mit dem Codeblock, den Sie l\u00f6schen m\u00f6chten.<\/li>\n
      2. Klicken Sie auf den Codeblock, den Sie l\u00f6schen m\u00f6chten, um ihn hervorzuheben.<\/li>\n
      3. Klicken Sie im Widget, das ganz oben im Codeblock angezeigt wird, auf die drei Punkte.<\/li>\n
      4. W\u00e4hlen Sie aus den Optionen \u201eCode l\u00f6schen\u201c.<\/li>\n<\/ol>\n

        Die obige Aktion sollte den gesamten Codeblock von der Webseite entfernen. Alternativ k\u00f6nnen Sie auch einfach den Block ausw\u00e4hlen und die \u201eEntf\u201c-Taste dr\u00fccken. Sie k\u00f6nnen auch gleichzeitig die Tasten \u201eStrg\u201c + \u201eUmschalt\u201c + \u201eZ\u201c dr\u00fccken und sollten damit die gleichen Ergebnisse erzielen.<\/p>\n

        So bearbeiten Sie einen bereits ver\u00f6ffentlichten Codeblock<\/h2>\n

        Von Zeit zu Zeit werden Sie zwangsl\u00e4ufig Fehler machen. M\u00f6glicherweise finden Sie auch eine bessere M\u00f6glichkeit, die Idee mithilfe von Code umzusetzen. Mit WordPress k\u00f6nnen Sie bereits vorhandene Codebl\u00f6cke bearbeiten, indem Sie die folgenden Anweisungen befolgen:<\/p>\n

          \n
        1. \u00d6ffnen Sie die Seite mit dem Codeblock, den Sie bearbeiten m\u00f6chten.<\/li>\n
        2. Klicken Sie auf \u201eBearbeiten\u201c.<\/li>\n
        3. Klicken Sie auf den Codeblock, um die Codebearbeitung zu aktivieren.<\/li>\n
        4. Wenn Sie mit den \u00c4nderungen fertig sind, klicken Sie auf die Schaltfl\u00e4che \u201eAktualisieren\u201c.<\/li>\n<\/ol>\n

          So f\u00fcgen Sie mithilfe eines Plugins einen Codeblock zu Ihrer WordPress-Website hinzu<\/h2>\n

          Wenn Sie Ihrer Website h\u00e4ufig Codeausschnitte hinzuf\u00fcgen, ist es m\u00f6glicherweise am besten, sich ein robusteres Plugin zu besorgen, das Ihnen dabei hilft. Ein beliebter leistungsstarker und hervorragender Codeblock ist der Weiterentwickelter Syntax-Highlighter<\/a> Stecker. <\/p>\n

          Dieses Plugin hat gegen\u00fcber dem nativen WordPress-Editor einen Vorteil, weil:<\/p>\n