Problem mit Galerien bei Konvertierung nach HTML

  • Gelöst m266

    (@m266)


    vor 3 Wochen, 6 Tagen

    Hallo zusammen,
    ich konvertiere WordPress-Websites zur Archivierung nach HTML, damit keine weiteren Wartungs-/Pflegearbeiten mehr erforderlich sind. Dazu wird der Linux-Befehl „wget“ mit der WSL-Erweiterung von Windows benutzt. Mit dem Raspberry PI kann man diese Konvertierung auch vornehmen. Das Plugin „Make Paths Relative“ ändert absolute in relative Links, damit die erstellte HTML-Website lokal ohne Zugriff ins Internet funktioniert. Das klappt alles hervorragend bis auf die Galerien. Als Theme kommt „Kadence“ zum Einsatz, aber auch mit anderen Themes laufen die Galerien nicht.
    Frage:
    Hat jemand mit wget usw. Erfahrung und weiß, wie man die Galerien zum Laufen bekommt? Vermutlich sind weitere CSS und JS-Dateien erforderlich.

Ansicht von 15 Antworten – 16 bis 30 (von insgesamt 33)
1 2 3
  • Moderator La Geek

    (@la-geek)

    vor 3 Wochen, 5 Tagen

    Ich habe jetzt die Mustersite mit Galerie durch Simply Static nach HTML konvertiert.
    Neuer Versuch, wobei die Mustersite richtig angezeigt wird. Allerdings sind die Bilder nun untereinander angeordnet und beim klicken werden sie vergrößert. Der bisherige Durchlauf der Bilder funktioniert nicht.
    Geht das ggf. mit der Freeware-Version des Plugins nicht?
    https://ibb.co/XZQ5scmn

    Anhand eines Bildes kann man keine Fehler im Quellcode analysieren.

    Ich habe auf TasteWP nun eine neue Website erstellt.
    Die Galerie wurde mit dem Block Galery (Adv) aufgebaut.
    URL: https://overdrawpump.s5-tastewp.com/
    Theme Kadence
    Zusätzliche Plugins: Simple LigthBox, Make Paths Relative
    Die Galerie funktioniert unter TasteWP.

    Eine funktionierende Galerie hilft da auch nicht weiter 😉

    Es werden lokal nur die Vorschaubilder angezeigt (Zum Testen darf der PC nicht im Internet sein).

    Es sollten doch generierte HTML-Dateien (inkl. assets, Bildern, CSS_und Js-Dateien etc.) existieren, die man online stellen kann?

    Nachtrag:

    Hilfreich wäre es, wenn du diese Website: https://overdrawpump.s5-tastewp.com/

    zusätzlich als statische HTML-Website mit nicht funktionierender Galerie online stellen/verlinken würdest.

    • Diese Antwort wurde vor 3 Wochen, 5 Tagen von La Geek geändert.
    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 5 Tagen

    Auf den Testserver habe ich keinen FTP-Zugriff. Deshalb habe ich die Website auf einen anderen Server verlegt:
    https://html-konvert.m266.de/

    In dieser WP-Installation läuft die Galerie wie vorgesehen. Mit Simply Static eine HTML-Version erzeugt und hier abgelegt:
    https://html-konvert.m266.de/static/index.html
    Der Link steht auf der Startseite Home drin.

    Bei der kopierten statischen Website sind die Bilder untereinander angeordnet und anstelle der Galerie werden die Bilder beim Klick nur vergrößert.
    Habt ihr dazu noch eine Idee?

    Moderator La Geek

    (@la-geek)

    vor 3 Wochen, 5 Tagen

    Ja, ist so, wie ich vermutet hatte. Die JS- und CSS-Dateien sind nicht vorhanden/werden nicht geladen.

    Schau dir die HTML-Seite mit den Dev-Tools des Browsers an => Netzwerk, Seite neu laden => JS bzw. CSS

    Nachtrag:
    Wahrscheinlich reicht es aus, wenn du die assets in das HTML-Konstrukt kopierst:
    JS (prüfen, ob alle fehlenden in diesen Ordner gehören)
    /static/wp-content/plugins/kadence-blocks/includes/assets/js/

    CSS
    /static/wp-content/plugins/simple-lightbox/client/css/
    /static/wp-content/plugins/kadence-blocks/dist/style-blocks-advancedgallery.css?ver=3.6.7

    • Diese Antwort wurde vor 3 Wochen, 5 Tagen von La Geek geändert.
    • Diese Antwort wurde vor 3 Wochen, 5 Tagen von La Geek geändert.
    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 5 Tagen

    OK. Habe ich mir angesehen. Im Original sind CSS und JS verlinkt. Die HTML-Version wurde mit dem Plugin Simply Static erzeugt. Dann liegt der Fehler wohl an der Konvertierung durch das Plugin, oder?

    Moderator La Geek

    (@la-geek)

    vor 3 Wochen, 5 Tagen

    Ich hatte noch etwas nachgetragen, hat sich mit deinem Post überschnitten, hier noch einmal

    Nachtrag:
    Wahrscheinlich reicht es aus, wenn du die assets in das HTML-Konstrukt kopierst:
    JS (prüfen, ob alle fehlenden in diesen Ordner gehören)
    /static/wp-content/plugins/kadence-blocks/includes/assets/js/

    CSS
    /static/wp-content/plugins/simple-lightbox/client/css/
    /static/wp-content/plugins/kadence-blocks/dist/style-blocks-advancedgallery.css?ver=3.6.7

    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 5 Tagen

    Zwischenmeldung:
    Danke für die Tipps. Habe es bis auf einen Schönheitsfehler fast geschafft. Ich baue das nochmal neu zusammen und wenn alles läuft, teile ich meine Lösung mit. Das Plugin Simply Static ist auch nicht perfekt.

    Moderator La Geek

    (@la-geek)

    vor 3 Wochen, 5 Tagen

    Habe es bis auf einen Schönheitsfehler fast geschafft.

    Eine CSS-Datei fehlt noch.

    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 5 Tagen

    Mit dem Plugin Simply Static hatte ich Probleme beim Einbinden der fehlenden JS/CSS-Dateien. Deshalb habe ich wieder mit wget eine Konvertierung vorgenommen und die erzeugten Dateien hier eingebunden:
    https://html-konvert.m266.de/static/index.html@p=7.html
    Erstaunlicherweise mussten keine JS/CSS-Dateien nachinstalliert werden. Wenn ich den Export aus wget aber direkt im Windows-Explorer einfüge und starte, fehlen wieder einige JS/CSS-Dateien. Das Einfügen hat bisher nicht geklappt, aber ich versuche es morgen wieder.

    • Diese Antwort wurde vor 3 Wochen, 5 Tagen von m266 geändert.
    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 4 Tagen

    Neue Links erstellt.
    Testweb mit Galerie in WP (Links relativ):
    https://html-konvert.m266.de/
    HTML-Export mit wget (Galerie läuft):
    https://html-konvert.m266.de/wget/index.html

    Den HTML-Export aus wget habe ich auf Lfw D gespeichert. Die Galerien laufen nicht
    https://ibb.co/n4VyW0Y
    und zeigen folgende Fehler:
    https://ibb.co/xtL4gr2Q
    Den JS-Fehler konnte ich beseitigen. Die fehlenden CSS-Dateien habe ich in den richtigen Pfad kopiert, aber sie werden nicht angezeigt und sind weiter als Fehler markiert:
    https://ibb.co/wNjsRzgP
    Wie kann man das Problem lösen?

    Moderator La Geek

    (@la-geek)

    vor 3 Wochen, 3 Tagen

    Das sind die Pfade der CSS-Dateien

    /wp-content/plugins/simple-lightbox/themes/default/css/style.css
/wp-content/plugins/simple-lightbox/themes/baseline/css/style.css
    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 2 Tagen

    Die Dateien liegen im richtigen Pfad drin. Trotzdem funktioniert die Galerie nicht. Lediglich auf einem Webserver läuft alles wie erwartet. Es handelt sich um mit wget erzeugte HTML-Dateien.
    https://html-konvert.m266.de/wget/
    Lokal wäre schön gewesen, aber wenigstens läuft es online auf einem Server. Ich breche meine Versuche ab und danke für eure Unterstützung.
    Die Musterwebsite lösche ich nach einigen Tagen wieder.

    Moderator La Geek

    (@la-geek)

    vor 3 Wochen, 2 Tagen

    Da wir nichts analysieren können, die Dateien liegen lokal auf deinem Rechner, kannst nur du selbst die Ursache finden. Ich setze den Thread auf gelöst. Viel Erfolg weiterhin.

    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 2 Tagen

    Wenn ihr das ansehen wollt, kann ich die HTML-Version als ZIP gerne zum Download bereitstellen.

    Moderator La Geek

    (@la-geek)

    vor 3 Wochen, 2 Tagen

    Also, das geht zwar weit über das Thema dieses Forums hinaus, aber mich interessiert es. Ich würde mir das ansehen.

    Thread-Starter m266

    (@m266)

    vor 3 Wochen, 2 Tagen

    Danke für das Angebot. Hier der Link aus meiner Cloud zum Download:
    https://cloud.m266.de/index.php/s/tkD5wa5amXTryaF

Ansicht von 15 Antworten – 16 bis 30 (von insgesamt 33)
1 2 3

Du musst angemeldet sein, um auf dieses Thema zu antworten.