Wie? Gemini erstellte html-Seiten in WordPress integrieren

Gelöst ThiloW
(@thilow)

vor 3 Wochen, 1 Tag

Ich baue in Gemini mit Canva kleinen Übersichtsseiten mit Sortierfunktion. Diese sind aber standalone als html. Wie kann ich diese Prgrammierungen in WordPress überführen, damit das WordPress-Layout genutzt wird und auch die WordPress-Suche die Inhalte erkennt und ausspuckt?

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)

Moderator threadi
(@threadi)

vor 3 Wochen, 1 Tag

Ich fürchte das musst du alles manuell nachbauen. Egal wie gut KIs inzwischen sind, sie schaffen es weiterhin nicht ein vorgegebenes Theme sauber in einem WordPress-Theme umzusetzen.

Klassische WordPress-Themes basieren auf PHP-Dateien in denen die einzelnen Bestandteile der Seite gesplittet sind. Moderne Block-Themes nutzen dafür JSON-Dateien zur Definition des Aussehen und ganz wenige HTML-Fragmente. Der Rest wird durch WordPress anhand der eingegebenen Inhalte zusammengesetzt.

Wenn du nun ein fertiges Layout hast, musst du dieses in so einem Theme umsetzen um es mit WordPress verwalten zu können. Welches dafür für deinen Fall geeignet ist, hängt von deinen Fähigkeiten und dem Layout ab um das es geht. Viele würden dir empfehlen heute Websites mit einem Block-Theme umzusetzen, klassische Themes sind aber weiterhin möglich.

Moderator La Geek
(@la-geek)

vor 3 Wochen

@thilow

Ich sehe 3 Möglichkeiten – wenn es nur um die Seiten-Inhalte geht.

1 – aus Browser kopieren
Öffne die HTML-Seite im Browser und kopiere den Inhalt. Erstelle einen neuen Beitrag oder eine neue Seite und füge den Inhalt aus der Zwischenablage ein (Rechtsklick + Einfügen). Das wandelt den Inhalt automatisch in die entsprechenden Blöcke um.

Zum Vergrößern auf die Bilder klicken

2 und 3 – HTML
Speicher die HTML-Datei auf deinem Rechner und öffne sie anschl. mit einem guten Texteditor wie z. B. Notepad++ (nicht Notepad von Windows). Alles was zwischen <body> und </body> liegt, kopieren.

In WordPress einen neuen Beitrag oder eine neue Seite erstellen.

Option 2
Füge den Block „Individuelles HTML“ ein. In das Textfeld nun das kopierte HTML einfügen. Nachteil: Alle künftigen Änderungen musst du in HTML schreiben.

Option 3
Füge den Block Classic (Klassisch, klassischer Editor) ein, tippe einen Buchstaben in das Eingabefeld und klick auf speichern. Jetzt in der Menüleiste des Blocks auf die drei senkrecht angeordneten Punkte und dann auf „als HTML bearbeiten“ klicken. Lösche den Inhalt in dem Eingabefeld und füge nun das HTML aus der Zwischenablage ein. Jetzt auf „visuell“ bearbeiten klicken. Mit dieser Methode kannst du alles anschließend visuell bearbeiten.

—————————–

Gilt für alle 3 Optionen:
Bilder müssen in die WordPress-Mediathek hochgeladen und im Seiten-/Beitrags-Inhalt neu verlinkt werden.

Eventuelle JavaSkripte können per enqueue eingebunden werden.

Moderator Support Moderator
(@moderator)

vor 1 Woche, 1 Tag

Da seit einiger Zeit keine Rückmeldung mehr vom TE (Thread-Ersteller) kam, wird der Thread aus administrativen Gründen auf gelöst gesetzt, damit die ungelösten Threads, in denen noch Hilfe benötigt wird, leichter auffindbar sind.

Der Status „gelöst“ kann vom TE jederzeit geändert und der Thread kann mit Nachfragen oder einem Feedback ergänzt werden.

Lösung gefunden? In einem User-helfen-User-Forum wie diesem hier ist das Posten der Lösung für andere User immer hilfreich, danke.