Gewusst wie: Hinzufügen einer Schaltfläche zu einem Blog für Source-Code auf WordPress

January 13

Gewusst wie: Hinzufügen einer Schaltfläche zu einem Blog für Source-Code auf WordPress

Oft möchten die Entwickler die verschiedenen kreativen Möglichkeiten zu zeigen, kommen sie mit zur Problemlösung und Funktionen zu implementieren. Manchmal ist dies für Lernprogramm Websites, Anfänger, die Ins und Outs der Webseite programmieren lernen zu helfen. Ein anderes Mal ist es rein um zu zeigen. Welchem Grund auch immer, können Sie eine Schaltfläche in einem WordPress-Blog hinzufügen, die sofort auf den HTML-Quellcode für welcher Seite bringen wird, die der Benutzer zu diesem Zeitpunkt befindet.

Anweisungen

Die Schaltfläche zu Ihrer Seitenleiste hinzufügen

1 Zu Ihrem WordPress Admin Control Panel einloggen. Klicken Sie auf "Erscheinungsbild", dann "Widgets".

2 Ziehen Sie eine Widget "Text" aus dem großen Bereich in der Mitte auf der Seitenleiste auf der rechten Seite. Verschieben Sie das Widget an die Stelle in der Seitenleiste die Schaltfläche gehen soll. Die anderen Widgets werden automatisch verschoben, um Platz zu schaffen, wie Sie dies tun. Wenn Sie sich für eine Position entschieden, geben Sie einen Titel in das Textfeld "Titel", etwas beschreibend, wie "View Source Code für diese Seite" wirksam sein werden. Buchen Sie dann den folgenden Code in den Bereich "Text":

< Form >

< Eingang Typ = "Knopf" Value = "Quelltext anzeigen"

OnClick = "window.location =" Quelltext anzeigen: "+ window.location.href' >

< / form >

Sie können auch jeden anderen beschreibenden Text eingeben, die, den Sie möchten anzeigen, um die Schaltfläche hier auch--nur sicher sein, ihn außerhalb der < Form >-Tags eingeben.

3 Wenn Sie fertig sind, klicken Sie auf "Speichern". Die Schaltfläche wird nun auf der Sidebar angezeigt.

Wie Sie die Schaltfläche Hinzufügen einzelner Beiträge

4 Melden Sie sich Ihrem WordPress-Admin-Bereich. Klicken Sie auf "Beiträge", dann klicken Sie entweder "neu hinzufügen" um einen neuen Beitrag zu beginnen, oder den Titel der Post, die Sie die Schaltfläche hinzufügen möchten.

5 Klicken Sie auf die Registerkarte "HTML" oben rechts von den Hauptbearbeitungsbereich. Dadurch können Sie die Post Code manuell hinzu.

6 Platzieren Sie den Cursor auf den Punkt in der Post, soll die Schaltfläche angezeigt werden soll, geben Sie dann den folgenden Code:

< Form >

< Eingang Typ = "Knopf" Value = "Quelltext anzeigen"

OnClick = "window.location =" Quelltext anzeigen: "+ window.location.href' >

< / form >

7 Wenn dies eine neue Nachricht oder die "Post-Update" ist, wenn Sie die Schaltfläche auf eine vorhandene Nachricht hinzufügen möchten, klicken Sie auf "Veröffentlichen". Die Schaltfläche erscheint nun in der Post.