Wie zeige ich Code von Jsfiddle oder Github in WordPress an?

Ich habe meinen eigenen persönlichen Blog erstellt. Das kostenlose in WordPress, nicht das Premium. Ich möchte einige meiner Beispiele von github und jsfiddle in meinem Blog zeigen.

Ist es in der kostenlosen Version von WordPress möglich? Ich bin nicht sicher.

Ich bin neu bei WordPress. Bitte helfen Sie.

Einbetten von js-fiddle ohne Plugin

1. Gehen Sie zu Ihrer Geige und klicken Sie im oberen Menü auf Einbetten
2. Sie können ein Popup wie dieses sehen
3. Jetzt können Sie unten geschrieben sehen Code einbetten und davor haben Sie die Möglichkeit, eines von beiden zu wählen Skript verwenden oder Iframe bevorzugen.

4. Für WordPress müssen Sie iframe auswählen und dann den iframe-Code kopieren, der im Feld angegeben ist.
5. Gehen Sie nun in Ihrem WordPress-Editor zu Text Modus statt Visuell Modus und fügen Sie den kopierten Code ein.
6. Wechseln Sie nun zurück zu Visuell -Modus und Sie können js-fiddle in Ihrem Blog eingebettet sehen.

Ich kann nichts dazu sagen, da ich zu neu auf der Website bin, aber verwenden Sie das selbst gehostete, heruntergeladene von wordpress.org, oder verwenden Sie das kostenlos gehostete wordpress.com? (Wenn Ihr Blog-Link benutzername.wordpress.com ist, dann ist es die gehostete Version)

Wenn Sie die gehostete Version von wordpress.com verwenden, können Sie keine Plugins installieren, aber Sie können Github Gists einbetten, indem Sie „die URL aus Ihrer Adressleiste in eine eigene Zeile im Post-Editor kopieren/einfügen“. Wie zitiert aus: http://en.blog.wordpress.com/2012/04/18/spotify-rdio-and-github-embeds/ Sieht jedoch nicht so aus, als würden sie noch etwas anderes von Github einbetten.

Wenn Sie die selbst gehostete Version verwenden, können Sie ein Plug-in (z. B. das Github-Embed-Plug-in) über den Bildschirm „Plug-ins“ installieren (es wird unter Appearance in Ihrem Admin-Panel angezeigt, siehe Screenshot unten). Vollständige Anleitung: http://codex.wordpress.org/Managing_Plugins

Nun, ich bin auch ein kostenloser WordPress-Benutzer, als example.wordpress.com. Ich denke, die beste Option, die Sie haben, besteht darin, Ihre Codes im Kern von GitHub zu speichern und den Einbettungslink auf Ihrer WordPress-Site zu verwenden.

zB wenn eine Datei in:
https://gist.github.com/AlyssonJalles/9503c6c5d3dc63e9a561
Sie müssen nach dem “direkten Link” suchen, um auf Ihrer Website zu posten. Den direkten Link erhält man, indem man den Benutzernamen und die Endung .git im Link entfernt, wie folgt: https://gist.github.com/9503c6c5d3dc63e9a561.

Danach gehen Sie auf Ihre WordPress-Site, öffnen den Seiteneditor und schalten das “Visual” aus und fügen dort den direkten Link ein. Es ist cool, denn wenn Sie Ihren Code dort (in Gist) aktualisieren, wird auch Ihre WordPress-Seite aktualisiert. Auf Ihrer veröffentlichten Seite sehen Sie den Einbettungslink von Github so (Run Code Snippet too check out!).

<script src="https://gist.github.com/AlyssonJalles/9503c6c5d3dc63e9a561.js"></script>

Es ist ganz einfach, ein jsfiddle in Ihrem Blog zu teilen.

1. Klicken Sie unter Beiträge auf Neu hinzufügen
2. In der oberen rechten Ecke des Hauptinhalts-Textbereichs können Sie zwischen einem Texteditor und einem visuellen Editor wählen. Wählen Sie Text aus.
3. Gehen Sie zu Ihrer jsfiddle-Seite, klicken Sie im oberen Menü auf Teilen und kopieren Sie den Iframe-Code.
4. Fügen Sie den Iframe-Code in die Textansicht des Hauptinhalts Ihres Beitrags ein.

Vergessen Sie nicht, einen Text hinzuzufügen, der das Projekt erklärt;)

Was Github betrifft, glaube ich nicht, dass sie standardmäßig eine Einbettungsfunktion anbieten, aber Sie können ein WordPress-Plugin verwenden, um Ihre Projekte einzubetten: https://wordpress.org/plugins/github-embed/

Ich hoffe das hilft!