heim - Antivirenprogramme
Code zum Einbetten auf der Seite. Wo kann dieser Code in WordPress eingefügt werden? Allgemeine Struktur der Theme-Datei

Lassen Sie uns darüber sprechen, wie Sie Code in eine Website einfügen, wie Sie HTML-Code, Zählercode und Skriptcode von Drittanbietern in Artisteer einfügen. Im Programm selbst kann der Code an zwei Stellen eingefügt werden, die erste beim Erstellen einer Fußzeile durch Klicken auf die Schaltfläche „Text“ und die zweite ganz unten auf der Seite, beim Festlegen der Exporteinstellungen, die „ Registerkarte „Beschreibung“. Bei letzterem ist das Einfügen nach dem Erstellen der Vorlage noch komfortabler.

So fügen Sie einen Zählercode ein

Zählercode Sie können es unten auf der Seite an der im Bild angegebenen Stelle einfügen. Dies ist die logischste Stelle.
In Vorlagen Joomla-Zählercode Sie können es einfügen, indem Sie die Seite index.php des Vorlagenordners mit Notepad öffnen. Wir finden die Zeilen unten:


und anstelle der Zeile „Designed by Es gibt noch eine andere Möglichkeit einfügen Modul mit Code in der Debug-Position. Erstellen Sie dazu ein freies Modul (wie unten beschrieben) und fügen Sie den Code darin ein.

In Vorlagen WordPress-Zählercode An dieser Stelle (am Ende der Seite) können Sie dies tun einfügenÖffnen Sie die Datei „footer.php“ der von Ihnen erstellten Vorlage und suchen Sie nach den Zeilen:


Ersetzen der Leitung

PHP-Code:

    Angetrieben von< a href= "http://wordpress.org/" target= "_blank" >WordPressUnd< a href= „http://www.artisteer.com/?p=wordpress_themes“ target= "_blank" > WordPress-Themeerstellt mit Artisteer

Zu Ihrem Zählercode.

In Vorlagen Drupal-Zählercode Kann einfügen indem Sie die Seite page.tpl.php der erstellten Vorlage öffnen und den Code ganz unten ersetzen:

PHP-Code:

    " " . t("Drupal" ) . " " . t("und" ) . „Drupal-Theme“. t("erstellt mit" ) . "Künstler"; ?> .

Zum Zähler- oder Tastencode.

Skriptcode einfügen, HTML Quelltext Sie können es auch in ein Modul einfügen. Obwohl es sich hierbei um Fragen zur Verwendung eines bestimmten CMS handelt, werden wir auf einige davon näher eingehen.

Fügen Sie HTML-Code in das Joomla-Modul ein

Um Code in Joomla 1.5 einzufügen (er wird auf die gleiche Weise in Joomla 1.7 eingefügt), müssen Sie erstellen
neues Modul HTML, öffnen Sie im Admin-Bereich „Erweiterungen“ -> „Modulmanager“ -> „Modul erstellen“-Schaltfläche „Benutzerdefinierter HTML-Code“ auswählen „Weiter“-Schaltfläche. Als nächstes finden wir uns im Geschaffenen wieder mod_custom-Modul Legen Sie die Position fest und geben Sie die Daten ein. Unten sehen wir den Herausgeber. Klicken Sie im Editor auf die HTML-Schaltfläche:


Und fügen Sie den Skript- oder Bannercode ein, den wir benötigen. Hinweis: Bitte beachten Sie, dass der TinyMSE-Editor verwendet wird; wenn Sie einen anderen Editor installiert haben, müssen Sie zu TinyMSE wechseln, wenn der von Ihnen installierte über keinen HTML-Button verfügt.

Hallo Leute!

Heute habe ich beschlossen, ein Thema anzusprechen, das für junge Website-Ersteller immer relevant sein wird.

Es besteht immer die Notwendigkeit, Websites nach ihrer Erstellung anzupassen. Einige Einstellungen werden durch Bearbeiten von Dateien vorgenommen etablierte Vorlage Designthemen. Sie müssen beispielsweise Code einfügen, der ähnliche Einträge anzeigt. Aber wo soll man es einfügen?

Sehr oft stellen Neulinge solche Fragen. Sie sind auch besorgt über andere ähnliche Probleme, deren Lösung im Wesentlichen genau die gleiche ist. Darüber hinaus werde ich in meinen zukünftigen Artikeln häufig darauf zurückgreifen, Codes an verschiedenen Stellen in der Vorlage einzufügen. Daher ist dieses Material aktueller denn je.

In diesem Artikel zeige ich Ihnen, wie Sie ganz einfach die Stelle in Ihrer WordPress-Vorlage identifizieren können, an der Sie Code einfügen müssen. Ich werde auch andere berücksichtigen wichtige Punkte, was Sie im Anfangsstadium möglicherweise beunruhigt.

Beginnen wir ganz oben und schauen uns die Dateien an, die Sie möglicherweise bearbeiten müssen, wenn Sie Codes manuell einfügen möchten, anstatt Plugins zu verwenden, denn es gibt diese Option. Ich begrüße es nicht, aber für die Faulen werde ich solche Plugins in den folgenden Artikeln beschreiben.

Ganz am Anfang gebe ich eine Videolektion, da es ohne diese schwierig sein wird, den darin präsentierten Stoff zu verstehen Textformat unten.

Jetzt erkläre ich alles ausführlich im Textformat.

Dateien, die für die Ausgabe jedes Seitentyps verantwortlich sind

Wenn Sie in anderen Blogs viele Artikel über die Implementierung einiger Funktionen mithilfe von Codes (Skripten) gelesen haben, dann bin ich mir zu 100 % sicher, dass Sie Sätze wie diese gesehen haben:

  • Fügen Sie diesen Code in die Datei ein, die für die Ausgabe verantwortlich ist Startseite;
  • Fügen Sie diesen Code in die Datei ein, die für die Ausgabe von Datensätzen und anderen verantwortlich ist.

Es gibt viele Dateien, in die Sie möglicherweise Codes einfügen müssen. Aber was sind das für Dateien? Alles ist sehr einfach.

  1. Homepage-Ausgabe – index.php;
  2. Ausgabe der Datensätze - Datei single.php;
  3. Seitenausgabe – page.php-Datei;
  4. Ausgabe von Archiven und Kategorien - archive.php;
  5. Fußzeilenausgabe - footer.php;
  6. Ausgabe der Suchseite - search.php;
  7. Ausgabe der Seitenleiste – sidebar.php;
  8. Stildatei – style.css;
  9. Die 404-Seiten-Ausgabedatei ist 404.php.

Wenn Ihnen nun mitgeteilt wird, dass Sie den Code in die eine oder andere Datei einfügen müssen, wissen Sie, wo Sie suchen müssen.

Bleibt nur noch die Beantwortung der Frage: Wie ermittelt man die richtige Stelle in den einzelnen Dateien?

Bestimmen, wo der Code eingefügt werden soll

Gehen wir zunächst die Orte durch, die nicht identifiziert werden müssen. Sie sind für alle gleich, unabhängig von der Vorlage.

Der erste Ort, der für alle Vorlagen identisch ist, ist der Bereich in der Datei Header.php. Dies sind die öffnenden und schließenden Tags .

Zwischen diesen Tags werden immer einige Skripte platziert, die für alle Seiten der Site funktionieren sollten. Das heißt, wir haben beispielsweise ein Skript für soziale Schaltflächen zwischen diesen Tags platziert und sie funktionieren auf allen Seiten der Website, auf denen wir sie anzeigen.

Diese Tags befinden sich ganz oben in der Datei Header.php.

Der Inhalt dazwischen wird für jeden anders sein, da alles von der Vorlage abhängt.

Wenn sie Ihnen sagen, dass Sie einfügen müssen diesen Code zwischen den öffnenden und schließenden Head-Tags, kopieren Sie dann den Code, suchen Sie in Ihrer Vorlagendatei nach einem ähnlichen Bereich und fügen Sie ihn einfach zwischen diesen Tags ein.

Der zweite Ort, der ebenfalls für alle Templates identisch ist, befindet sich in der Datei, die für die Ausgabe des Footers verantwortlich ist – footer.php.

Skripte können nicht nur durch das Einfügen zwischen Tags verbunden werden in der Header.php-Datei. Sie können sie auch über die Datei footer.php laden und so das Laden der Site-Seite beschleunigen.

Tatsache ist, dass die Seite beim Laden von oben nach unten geladen wird. Wenn sich alle Skripte oben auf der Seite befinden, wird die Anzeige des Inhalts langsamer, da das Laden der Skripte einige Zeit in Anspruch nimmt.

Unsere Aufgabe ist es, den Inhalt der Seite sowohl den Besuchern als auch möglichst schnell anzuzeigen Suchmaschinen. In diesem Fall empfiehlt es sich, Skripte ganz am Ende der Seite zu laden, um zunächst den Inhalt anzuzeigen und dann alles andere zu laden.

Um diese Option zu implementieren, müssen Sie die Datei „footer.php“ öffnen und das Skript vor dem schließenden Body-Tag einfügen. Es befindet sich am Ende des Dateiinhalts, da es für das Ende des Seitenbereichs verantwortlich ist.


Wie Sie sehen können, habe ich alle Skripte in diesem Bereich vor dem schließenden Tag angezeigt

(hervorgehoben durch einen blauen Rahmen). Ich habe sie übrigens durch das Laden aus Dateien herausgeholt und nicht dadurch, dass ich die Skripte selbst in diesem Bereich platziert habe. Danach habe ich den Blog deutlich beschleunigt. Wie das geht, erfahren Sie in einem separaten Artikel. Warten!

Ich hoffe, dass Sie dies ohne Probleme tun werden, wenn Sie aufgefordert werden, Code in diese Bereiche einzufügen.

Kommen wir zu einem komplexeren Thema und versuchen zu lernen, wie man Stellen in anderen Vorlagendateien identifiziert, in die verschiedene andere Codes eingefügt werden. Typischerweise umfassen diese Codes:

  • Ähnliche Beiträge anzeigen;
  • Ausgabe des Abonnementformulars;
  • Anzeigen von Social-Buttons usw.

All diese Dinge werden nach dem Hauptteil des Inhalts, also nach dem Ende des Artikels, eingefügt. Jeder hat einen anderen Vorlagencode und daher eine universelle Antwort auf die Frage „Wo endet der Ausgabecode meines Artikels?“ einfach nein.

Sie können jedoch leicht das Ende des Codes bestimmen und anschließend die benötigte Funktion implementieren. Teilweise diese Methode Ich habe bereits im Artikel über die Wahl gezeigt WordPress-Vorlage(). Ich habe dann die Standardfunktionalität eines Internetbrowsers genutzt.

Um die Essenz dieser Methode besser zu verstehen, empfehle ich dringend, sich das Video am Anfang dieses Beitrags anzusehen. Darin habe ich gezeigt, wie alles in Echtzeit abläuft. Nun, ich werde versuchen, es so klar wie möglich zu beschreiben.

Ich zeige es Ihnen anhand eines Beispiels Google-Browser Chrom. Andere Browser verfügen ebenfalls über diese Funktion, haben jedoch möglicherweise einen etwas anderen Namen.

  • Google Chrome- Anzeigen des Elementcodes;
  • Firefox – Element erkunden;
  • Opera – ein Element prüfen.

Das Prinzip ist in 3 Browsern ähnlich. Jetzt zeige ich Ihnen, wie Sie die Position eines beliebigen Bereichs in einer beliebigen Vorlage bestimmen.

Gehen Sie zur Anzeige des Elementcodes (Google Chrome). Klicken Sie mit der rechten Maustaste auf einen leeren Bereich der Seite.


Danach erscheint unten auf der Seite ein Panel, in dem alle angezeigt werden Quelle Seite, die wir bearbeiten und sehen können, wie die Struktur und Aussehen Vorlage in Echtzeit. Die Datenänderungen werden jedoch nicht gespeichert. Dazu müssen Sie die Vorlagendateien selbst bearbeiten.

So sieht das Panel aus.

Ich habe mit einem Pfeil auf eine Lupe gezeigt, durch Anklicken können wir die Struktur der Vorlage überprüfen und bestimmen, aus welchen Blöcken unsere Vorlage besteht. Diese Funktion Ich nenne Sie Inspektor.

Nachdem wir auf den Inspektor geklickt haben, können wir die Maus auf unserer Seite bewegen und sehen, dass alle Elemente, über die wir den Mauszeiger bewegen, mit einem farbigen Hintergrund hervorgehoben werden. Als Beispiel zeige ich Ihnen einen Screenshot aus einem Artikel über die Auswahl einer Vorlage. Dort habe ich den Mauszeiger über den Titel des Beitrags gehalten.


Wenn wir nach der Ausgabe unseres Artikels Code einfügen müssen, ist es nicht schwer zu erraten, dass wir den Bereich unserer Vorlage untersuchen und den Block finden müssen, der den gesamten Inhalt des Artikels enthält. Sie können sowohl am Ende als auch am Anfang des Blocks suchen. Das heißt, Sie können die Vorlage sowohl von unten als auch von oben betrachten.

Aber hier ist eine Anmerkung . Wir müssen nicht nur die Zeilen des Artikels finden, sondern genau die Blöcke, in denen sich der Inhalt selbst befindet, da es in den Vorlagendateien keine Artikel gibt. Es gibt nur Code, der den Inhalt anzeigt, und dieser ist in Blöcke eingeschlossen. Direkt nach dem schließenden Block-Tag und Sie müssen den Code einfügen.

Also, was machen wir? Klicken Sie auf das Lupensymbol und beginnen Sie mit der Untersuchung des Bereichs, in dem sich unser Artikel befindet. Sie müssen einen Teil der Seite finden, wenn der Bereich des gesamten Artikels hervorgehoben ist. Dies ist der Block, der den Inhalt anzeigt.

Als Beispiel habe ich einen neuen Artikel mit einem kleinen Inhalt erstellt, um zu zeigen, wie dieser Block hervorgehoben wird.


Mit der Poke-Methode sollten Sie auch den Block finden, der Ihren Inhalt enthält. Wenn Sie mit der Maus darüber fahren, sehen Sie einen kleinen Tooltip, der Ihnen den Namen des Blocks anzeigt.

Wenn Sie einen solchen Teil der Vorlage finden, klicken Sie mit der Maustaste und dieser Teil wird aktiv. Im Elementcode-Anzeigefeld wird die Codezeile mit diesem Block automatisch hervorgehoben.


Wie Sie sehen, hat dieser Block genau den gleichen Namen wie im Hover-Tooltip.

Wenn wir den Namen des Blocks kennen, in dem der Hauptteil des Artikels angezeigt wird, können wir zur gewünschten Datei gehen und den benötigten Code nach diesem Block einfügen. Nehmen wir zum Beispiel die Ausgabedatei der Aufzeichnung (single.php).

Ich öffne es im Notepad-Editor und suche im Code nach einer Zeile, die genauso beginnt wie im Elementcode-Ansichtsfenster.

Das Arbeiten im Notepad-Editor ist sehr komfortabel, denn wenn Sie auf das öffnende Tag eines Blocks klicken, wird auch das schließende Tag hervorgehoben (siehe Abbildung oben). Das schließende Tag zeigt an, dass dies das Ende des Inhalts ist. Danach können wir unsere Social Buttons, ähnliche Beiträge und andere Funktionen einfügen.

Ich habe dort gerade Social-Buttons zusammen mit einem Abonnementformular für Updates eingefügt.


So erscheinen sie auf den Seiten.


Gleiches gilt für das Einfügen in andere Vorlagendateien (Seiten, Kategorien, Archive...).

Ohne Übung werden Sie diese Methode zum Einfügen von Text und Bildern wahrscheinlich nicht beherrschen. Deshalb nehmen Sie es und probieren Sie es aus. Ich bin mir sicher, dass alles klappen wird. Hilfreich ist auch das Video am Anfang des Artikels.

Über die Bestimmung des Speicherorts in der Vorlagendatei zum späteren Einfügen der gewünschten Datei haben wir es herausgefunden.

Der letzte Moment bleibt übrig, was es wert ist, an dieser Stelle geweiht zu werden.

Es gibt eine ganze Reihe von Einstellungen, die einen Eingriff in die Datei „functions.php“ des Templates erfordern. Sie müssen aber auch verstehen, wie man Codes einfügt.

In der Regel schreiben sie in allen Blogs, dass die Einfügung ganz am Ende der Datei vor dem schließenden Tag erfolgen soll?>.

Was aber, wenn dieses Tag nicht in der Datei enthalten ist? Ich habe es zum Beispiel einfach nicht. Was tun in einer solchen Situation? Das Fehlen eines schließenden Tags bedeutet nicht, dass die Datei falsch ist. Der Blog funktioniert. Also ist alles in Ordnung.

In diesem Fall schlage ich vor, das Gegenteil zu tun – es ganz am Anfang der Datei vor dem öffnenden Tag in den Code einzufügen. Schauen Sie sich das Bild unten an.


Das öffnende Tag wird rot hervorgehoben und der eingefügte Code blau.

Dies ist eine Option. Sie können den Code auch am Ende der Datei einfügen, jedoch vor dem letzten Code. In diesem Fall müssen Sie zumindest ein wenig verstehen, wo es beginnt neuester Code um es nicht abzuschneiden.

Das ist alles. Wenn Sie plötzlich die gleiche Situation mit dem fehlenden schließenden Tag in der Datei funsctions.php haben, wissen Sie, was zu tun ist.

Definieren von Designstilen in einer Vorlage

Wir können auch die Designstile für Seitenelemente anzeigen und ändern sowie eigene hinzufügen. Dabei hilft der gleiche Elementinspektor.

Wenn wir das gewünschte Element finden und darauf klicken, werden im rechten Bereich des Codeüberprüfungsfensters die Designstile für den ausgewählten Block (Element) angezeigt. Ich werde die Stile für denselben Block des oben besprochenen Artikels zeigen.


Wenn wir diese Stile in Echtzeit bearbeiten und sehen möchten, wie dieses oder jenes Element aussehen wird, können wir sie direkt in diesem Panel ändern. Klicken Sie einfach auf die Werte der gewünschten Stile und ändern Sie diese.

Die Änderungen sind jedoch nur bis zur ersten Seitenaktualisierung gültig. Um diese Stile anzuwenden, müssen Sie sie der Stildatei der Vorlage hinzufügen. In einem der Bilder oben habe ich mit einem blauen Rahmen den Bereich angezeigt, der den Namen der Datei anzeigt, in der diese Stile geschrieben sind, sowie die genaue Zeile, in der sie beginnen.

Öffnen Sie daher die Style-Datei style.css und suchen Sie in meinem Fall nach Zeile 890.

Hier können Sie sie bearbeiten. Speichern Sie die Datei und laden Sie sie auf Ihr Hosting hoch.

Bitte beachten Sie, dass ich alle Dateien auf meinem Computer bearbeite. In diesem Fall verwende ich externe Programme, was es ermöglicht, bei Problemen alle Änderungen rückgängig zu machen. Gleiches gilt für diverse Experimente mit Codes und Skripten – alles auf .

Ich empfehle dringend, dass Sie auch alle Dateien auf Ihrem Computer auf ähnliche Weise bearbeiten. Dazu müssen Sie zunächst die Dateien von Ihrem Hosting auf Ihren Computer herunterladen FTP-Client. Darüber habe ich in geschrieben. Und dann öffnen Sie die Dateien einfach mit einem beliebigen Editor, der sie öffnen kann. Für diese Zwecke verwende ich Notepad.

Damit ist der Artikel abgeschlossen. Dies ist der schwierige Prozess, um festzustellen, wo Sie Code oder Skript einfügen müssen. Auf den ersten Blick mag dieses Verfahren kompliziert erscheinen. Aber alles ist sehr einfach. Sie werden es ein paar Mal versuchen und solche Fragen werden Sie nicht mehr stellen.

Natürlich können Sie über spezielle Plugins Codes und Skripte in Ihren Blog einfügen, auf die ich in den folgenden Artikeln auf jeden Fall eingehen werde. Aber um ihren Einsatz zu vermeiden, können Sie die gleichen Aktionen auch ohne sie durchführen, was ich empfehle. Auf diese Weise entlasten Sie die Website unnötig, beschleunigen sie und machen die Nutzung für Ihre Besucher komfortabler.

Alle Freunde. Ich werde hier enden. Ich freue mich auf Ihre Fragen in den Kommentaren. Uns wird schon etwas einfallen. Wir sehen uns in neuen Materialien.

Mit freundlichen Grüßen, Konstantin Khmelev.

Natürlich braucht nicht jeder diese Informationen, sondern nur diejenigen, die auf ihren Seiten mit den Lesern ihre Erfahrungen beim Basteln am Code (lesen Sie die Eingeweide der Website) und einigen seiner Modernisierungen durch ... nun, Sie verstehen, teilen. durch Eingriffe in die „Genetik“! Was hast du dir dabei gedacht?

Mit Blick auf die Zukunft, bis ich mit der Hauptgeschichte beginne, kann ich sagen, dass ich mich weiter umschauen werde, worüber ich schreiben werde und was höchstwahrscheinlich für Sie nützlich sein könnte, wenn Sie auch über eine eigene Ressource für Tastaturkreativität im Internet verfügen . Daher empfehle ich, die Veröffentlichung neuer Artikel zu verfolgen, um die Veröffentlichung eines neuen Produkts nicht zu verpassen. Vor allem, wenn Sie es noch nicht getan haben, frage ich mich, warum?

Und jetzt, meine lieben Schönen, beginnt die Geschichte.

Möglicherweise stellt sich die berechtigte Frage: Müssen Sie sich wirklich die Mühe machen, den Code einzufügen? Warum müssen Sie eine Art Code-Hervorhebung vornehmen und warum können Sie ihn beispielsweise nicht einfach wie Text einfügen?

Und es ist ganz einfach: Wenn Sie versuchen, den Code einfach so einzufügen, beginnt er manchmal, anstatt ihn anzuzeigen, mit der Ausführung und führt alle Funktionen aus, für die er vorgesehen war, und zwar genau an der Stelle, an der Sie ihn einfügen. Von all diesen „Reizen“ kann die Seite „schweben“, sie kann „krumm“ sein und der Artikel selbst kann sich in etwas Unklares und etwas dazwischen verwandeln – hässlich! Und der Code selbst ist in seiner „nackten“ Form ein nicht sehr gut lesbares „Spektakel“, das für das ungeübte Auge eine unverdauliche Substanz darstellen kann, aus der der Betrachter möglicherweise sogar eine Abneigung entwickelt, etwas zu verstehen und sich mit dem Wesen dessen zu befassen es passiert. Kurz gesagt: Das ist es nicht! Ja, Sie können es selbst sehen, wenn Sie sich zum Beispiel das Aussehen des Bildes im Code ansehen:

Damit es „es“ gibt, gibt es mehrere Möglichkeiten, genauer gesagt 3. Ich werde versuchen, alles zu beschreiben, wie ich es zu Beginn versprochen habe, und Sie entscheiden selbst, welche für Sie bequemer und angenehmer in der Umsetzung und Wahrnehmung ist .

So fügen Sie HTML-Code schön und korrekt in den Textkörper eines Artikels ein.

Option Nummer 1 – Code-Hervorhebung über das WP-Syntax-Plugin.

Genauer gesagt wird diese Option aus Gründen der Benutzerfreundlichkeit durch eine Kombination zweier Plugins implementiert. Der erste Teil des Bundles heißt: WP-Syntax und führt die Hauptfunktion aus. Und der zweite Teil ist ein Serviceteil und heißt WP-Syntax Button, der die Arbeit per Knopfdruck umsetzt, wodurch genau dieser Button zu Ihrem WordPress-Editor-Dashboard hinzugefügt wird. Laden Sie beide Teile dieses Pakets entweder über eine Suche im Blog-Administrationsbereich nach Namen oder über die Engine-Repository-Seiten herunter. Die Repository-Seite für WP-Syntax ist hier. Und die Seite für den WP-Syntax Button. Wir sitzen doch nicht in einem Kleinbus, oder?

Die Installation erfolgt standardmäßig – gefunden, heruntergeladen, aktiviert. Bitte beachten Sie, dass das Button-Plugin seit über zwei Jahren nicht mehr aktualisiert wurde und es keine Informationen über seine Kompatibilität mit Ihrer neuen WordPress-Version gibt, was Anlass zur Sorge geben könnte. Wenn Sie sich über diesen Umstand Sorgen machen, können Sie den Button nicht herunterladen und nur mit dem ersten Teil des Links auskommen – das funktioniert auch, ist aber weniger praktisch. In meinem eigenen Namen kann ich sagen, dass ich das komplette Set verwende und alles funktioniert.

Wenn Sie alles installiert haben, erscheint eine neue Schaltfläche „Code“ in Ihrem Editor-Panel.

Um Code über dieses Plugin einzufügen, müssen Sie ihn zunächst im visuellen Modus (normal, wo Sie Text eingeben) einfügen, ihn mit der Maus auswählen, dann auf die Schaltfläche „Code“ klicken und aus der Dropdown-Liste die Sprache auswählen, die Ihrem Code entspricht. Down-Liste. Gleichzeitig können Sie die Nummerierung der Zeilen festlegen, indem Sie unter Zeilennummer die erste Nummer angeben. Klicken Sie nach der Auswahl auf Einfügen.

Gleichzeitig sehen Sie nach dem Speichern/Aktualisieren des Beitrags/der Seite so etwas wie dieses Bild mit Ihrem gut eingefügten Bildcode, zum Beispiel:

Wenn Sie den WP-Syntax Button-Teil nicht installiert haben, müssen Sie zum Einfügen des Codes diese Codekombination verwenden:

Geben Sie hier Ihren Code ein

Wobei Sprache die Sprache Ihres Codes ist. Diese Kombination muss in den HTML-Editor eingefügt und Ihr Code darin eingegeben werden. Eine Liste der unterstützten Sprachen finden Sie auf dieser Plugin-Seite. Diese Option zum Einfügen von Code ist nicht sehr praktisch, wird aber möglicherweise von jemandem benötigt. Das Ergebnis wird etwa so aussehen:

1 Geben Sie hier Ihren Code ein

Option Nummer 2 – Syntaxhervorhebung über das SyntaxHighlighter Evolved-Plugin, dessen Name genau übersetzt ist. Sie können es herunterladen, indem Sie im Blog-Administrationsbereich nach Namen suchen oder von dieser Plugin-Seite. Die Installation ist Standard. Dieses Plugin funktioniert wie das vorherige, jedoch in einer weniger praktischen Version.

Nach der Installation haben Sie einen Menüpunkt „Einstellungen“ > „SyntaxHighlighter“, in dem sich alle Einstellungen befinden. Ja, ich habe vergessen zu erwähnen, dass das Plugin englischsprachig und nicht russisch ist – ein Nachteil. Wenn etwas unklar ist, verwenden Sie die Seitenübersetzung.

Die Plugin-Einstellungen können als Standard belassen werden – sie sind funktionsfähig. Oder Sie stellen die Werte wie im Bild anhand eines Beispiels meiner Einstellungen ein:

Wenn Sie verwirrt sind, gibt es in den Einstellungen eine Schaltfläche „Auf Standardwerte zurücksetzen“ – setzen Sie die Einstellungen auf die ursprünglichen zurück. Und auch unten auf der Seite, unter den Schaltflächen, gibt es eine Vorschau der Codeanzeige – Sie können sicher herumspielen und Ihre eigene Option für Einstellungen und Codeausgabe wählen. Es gibt eine Liste unterstützter Sprachen und mehr detaillierte Beschreibung seine Einstellungen – alles ist auf Russisch, Sie werden es verstehen.

Um mit diesem Plugin HTML- oder PHP-Code in einen Site-Beitrag einzufügen, müssen Sie eine der Konstruktionen aus dem Beispiel auf der Seite mit den Plugin-Einstellungen (ganz unten) anwenden:

Wechseln Sie beim Schreiben eines Beitrags zum HTML-Editor, wählen Sie den gewünschten Sprachparameter aus dem Beispiel aus, fügen Sie ihn ein und fügen Sie Ihren Code ein. Es wird ungefähr so ​​aussehen:

Geben Sie hier Ihren Langcode ein

Option Nummer 3 – HTML- oder PHP-Code ohne Plugin einfügen.

Um auf ein Plugin zu verzichten und HTML-Code in den Body des Blogs einzufügen, müssen Sie diesen in den folgenden Code einbinden:

GEBEN SIE HIER IHREN CODE EIN

Dabei sind Höhe und Breite die Höhe und Breite des angezeigten Felds mit dem Code in Pixel bzw. Farbe ist die Farbe. Sie können die Farbe mit der Pipette auswählen, über die ich bereits geschrieben habe. Die Breite und Höhe können an die Parameter Ihrer Website angepasst werden. Die Ausgabe wird etwa so aussehen:

Das ist natürlich optisch und funktional weniger ansprechend, belastet den Blog aber nicht mit unnötigen Plugins, obwohl ich selbst diese Methode nicht nutze. Ich habe ihn zur Abwechslung mitgebracht.

Ich denke, jetzt entscheiden Sie, wie Sie den HTML-Code schön in den Blog einfügen.

Ich werde meine Schimpftirade hier beenden. Ich hoffe, ich habe Ihnen heute geholfen. Vielen Dank fürs Lesen.

Etwas positiv:

Klicks auf Social-Buttons und Kommentare sind willkommen!

Folgen Sie den Buttons, erzählen Sie Ihren Freunden von dem Artikel – das bringt Ihnen Geld!

Manchmal müssen Sie Informationen in einen Artikel einfügen, beispielsweise ein Banner oder ein Formular. Diese Dinge sind HTML-Code. Zu HTML-Code einfügen In einen Artikel oder eine Seite sind keine besonderen Kenntnisse erforderlich. Das geht ganz einfach. Sie wissen bereits, dass HTML-Code nur Text ist. Wählen Sie beim Erstellen eines Artikels oder einer Seite den Textmodus. Geben Sie dann den benötigten Code ein. Speichern. Und das war's, Sie sind fertig!

Es gibt noch eine andere Möglichkeit: Sie können damit beliebigen HTML-Code in jede Webseite einfügen.

Dies ist ein Tag . Das Prinzip lautet: Erstens . Lassen Sie mich Ihnen ein Beispiel geben Ihr HTML-CodeWo

  • Der Stil ist für den Stil, die Größe und die Farbe des Texts im Tag verantwortlich.
  • Rand: 10px; Einzugsgröße,
  • Breite: 300px; Breite Größe,
  • Höhe: 120px; Höhe Größe.

P.S. Ein kleines Gehirntraining

Drei Frösche saßen am Ufer eines Teiches. Einer von ihnen beschloss, in den Teich zu springen. Wie viele Frösche sind noch am Ufer?

Das könnte Sie interessieren:

  • So verbinden Sie einen Newsletter mit der Website
2014-03-09T04:38:56+00:00 Hoffnung WordPress HTML-Code, HTML-Code einfügen

Manchmal müssen Sie Informationen in einen Artikel einfügen, beispielsweise ein Banner oder ein Formular. Diese Dinge sind HTML-Code. Um HTML-Code in einen Artikel oder eine Seite einzufügen, sind keine besonderen Kenntnisse erforderlich. Das geht ganz einfach. Sie wissen bereits, dass HTML-Code nur Text ist. Während der Erstellung...

Nadezhda Trofimova [email protected] Administrator-Blog-Site

Das könnte Sie auch interessieren:

So entfernen Sie /category/ aus der WordPress-URL

Wie entferne ich eine Kategorie aus der WordPress-URL und warum ist das notwendig? Wie beeinträchtigt dieses Präfix die Website-Werbung?

So deaktivieren und aktivieren Sie den Dateieditor in der WordPress-Konsole

Das Editieren der WP-config.php hat mich irgendwie wenig interessiert, ist aber schon seit einiger Zeit sichtbar. Trotzdem musste ich. Ich melde mich in der Konsole meiner Site an und es gibt dort keinen Dateieditor. Du weisst...

So passen Sie das Islemag WordPress-Theme an

Islemag ist eines der besten kostenlosen Themes.

So führen Sie ein Rollback von WordPress auf eine alte Version durch

Grüße an die Leser meines Blogs. Nun ist es soweit und ich bin beim Aktualisieren eines neuen auf ein Problem gestoßen WordPress-Versionen, nämlich von WordPress 5 auf WordPress 4.7.

So beschleunigen Sie eine WordPress-Site, indem Sie die HeartBeat-API deaktivieren

Hallo zusammen. Wir setzen das Thema der Beschleunigung einer WordPress-Site fort. Im Artikel Wie man WordPress durch die Minimierung von CSS, HTML und Javascript beschleunigt, haben wir unnötige Dinge aus den Dateien entfernt, aber...

Hallo an alle Leser und Abonnenten! Diejenigen, die es nicht geschafft haben, einer zu werden – seien Sie bitte der Erste, der von mir über neue Beiträge auf der Video-Blog-Seite erfährt

Neulich stieß ich auf ein Problem: Ich konnte den HTML-Code nicht auf der Seite einfügen. Ich habe Google, Yandex und sogar die E-Mail-Suche durchsucht, konnte aber keine konkrete Antwort auf meine Frage finden, wie das geht so was.

Das geht ganz einfach, Sie müssen nur das Textarea-Tag + use verwenden Zusätzliche Optionen Höhe, Breite und Polsterung

Lassen Sie uns das Wie und Was der Reihe nach aufschlüsseln. Bei Wordprese können Sie einfach den erforderlichen Code in den visuellen Editor einfügen und er wird in etwa so angezeigt:

»alt=»Automatisiertes Geldverdiensystem»/>

Aber wie Sie sehen, wird der Code nicht schön angezeigt und das Kopieren ist nicht sehr praktisch. Um solche Aufgaben umzusetzen, müssen Sie also das Tag verwenden:

.

Denken Sie auch daran, dass dieses Tag eingefügt werden muss Texteditor Nicht nur auf der WordPress-Engine, sondern auf jeder Engine.

Es ist notwendig, zusätzliche Tags zu berücksichtigen und zu verwenden, die Einrückungsparameter aus der obersten Zeile hinzufügen Stil = Rand: 2 Pixel; Auch der Höhenparameter: Höhe: 40px; und natürlich der Breitenparameter: Breite: 660px;

Jetzt fasse ich es schriftlich zusammen. Beim Öffnen des Codes

Und zum Schluss füge ich, wie versprochen, einen Spickzettel bei:

Wie füge ich HTML-Code in eine HTML-Seite ein?
—————————————

Kopieren Sie das Tag in den Editor Fügen Sie dazwischen den Code unten ein und ersetzen Sie den Link zu Ihrer Website und den Link zu Ihrem Banner

Fußnoten:
* – ein Tag, mit dem Sie beliebige einfügen können HTML-Tag zu einer beliebigen Webseite
*Stil— ein Parameter, der für den Stil, die Größe und die Farbe des Texts im Tag verantwortlich ist
* Rand: 5px;- Einrückungsparameter
* Breite: 660px;— Breitenparameter
* Höhe: 80px;— Höhenparameter

Das ist alles, liebe Freunde, abonnieren Sie den RSS-Feed und auch mein YouTube-Kanal
Euch allen gute Laune. 🙂

Über den Autor

Viele Leute verstehen wahrscheinlich nicht, warum ich meinem Blog einen Namen gegeben habe Sozialer Aufzug von der Dunkelheit zur Sonne, dann erzähle ich dir die Geschichte und erkläre sie. Für mich ist das Internet ein Aufzug, in den ich mich auf das Niveau der Fähigkeiten, Fertigkeiten und Einkünfte stürzen kann, die ich brauche; sondern sozial, denn es ist für Menschen, für die Gesellschaft, für diejenigen, die es wollen, für diejenigen, die meiner Vision sehr ähnlich sind. Dunkel- Das ist ein Arsch, oder mit anderen Worten, der Grund des gewöhnlichen Lebens, in dem ich war, in dem jetzt viele, ja, wahrscheinlich die Hälfte der Menschen in unserem Land in diesem Arsch sind, die denken, dass dies eine Möwe ist, aber NEIN... Sonne- Das ist es, was absolut jedem Lebewesen auf dem Planeten Leben einhaucht, auch dir und mir. Wenn es keine Sonne gäbe, gäbe es kein Leben. Sonne- das ist die Energie fürs Leben. Und wenn wir alles zusammenfassen, InternetLIFT- Das ist eine Chance normale Benutzer Internetarbeiter, die für ihren Onkel arbeiten, stecken in finanziellen Schwierigkeiten, ich träume davon, reich zu werden, aber sie wissen nicht, wo sie anfangen sollen. Internet-Aufzug ist eine Plattform, die denjenigen hilft, die sich ein wenig oder erheblich mit den Feinheiten und Schemata des Geldverdienens auskennen möchten. Sie erfahren, wo sie anfangen, wohin sie gehen und wie sie ihr eigener Chef werden können. Ich hoffe, dass meine Ratschläge und Artikel auch Ihnen und mir helfen werden. Denn eines Tages werden Sie verstehen, warum ich blogge. Wenn Sie etwas wissen, ist es nur dann wertvoll, wenn Sie sich daran erinnern. Und wenn Sie es aufzeichnen und teilen, wird es für immer bleiben, auch in Ihrer Erinnerung!!!

 


Lesen:



Bewertung der besten kabellosen Kopfhörer

Bewertung der besten kabellosen Kopfhörer

Ist es möglich, universelle Ohren günstig zu kaufen? 3.000 Rubel – kann man für so viel Geld hochwertige Kopfhörer kaufen? Wie sich herausstellte, ja. Und Rede...

Die Hauptkamera eines Mobilgeräts befindet sich meist auf der Rückseite des Gehäuses und dient zum Aufnehmen von Fotos und Videos

Die Hauptkamera eines Mobilgeräts befindet sich meist auf der Rückseite des Gehäuses und dient zum Aufnehmen von Fotos und Videos

Eine aktualisierte Version des Tablets mit verbesserten Eigenschaften und hoher Autonomie. Acer-Smartphones werden selten besucht...

So wechseln Sie zu einem anderen Betreiber und behalten dabei Ihre Nummer

So wechseln Sie zu einem anderen Betreiber und behalten dabei Ihre Nummer

Das Gesetz zur Beibehaltung einer Telefonnummer beim Wechsel eines Teilnehmers zu einem anderen Mobilfunkanbieter ist in Russland am 1. Dezember in Kraft getreten. Es stellte sich jedoch heraus, dass...

Bewertung eines Phablets, teuer, aber sehr kompetent

Bewertung eines Phablets, teuer, aber sehr kompetent

Bewertung eines Phablets, teuer, aber sehr kompetent 20.03.2015 Ich bin der einzige Schuhmacher der Welt ohne Stiefel, ein Smartphone-Rezensent ohne eigenes Smartphone....

Feed-Bild RSS