Reines HTML als eigene Seite einfügen

  • Hallo, manchmal möchte ich eine Seite rein in HTML, CSS und Javascript schreiben und als Seite bei Wordpress einfügen. Leider zerschießt mir dabei das CSS des jeweiligen Themes immer die Darstellung meines eigenen Codes. Jetzt fragt man wahrscheinlich, warum ich meine Seite nicht einfach in Filezilla in einen jeweiligen Ordner ablege als .html? Weil ich mit meinen anderen Seitenplugins zusammenarbeiten möchte (SEO-Plugins, Header, Footer,...).

    Wenn ich beispielsweise im Gutenberg-Editor oder Elementor reines HTML einfüge, ist die Darstellung minimal anders aufgrund von zusätzlichem CSS, was geladen wird.

    Kennt jemand eine Methode, wie man sein eigenes HTML, CSS einfügen kann oder ein passendes Plugin?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Du kannst für Seiten ein eigenes Template erstellen.

    Du speicherst deine Vorlage einfach als PHP Script ab und fügst in die erste Zeile ein

    <?php /* Template Name: Name deiner Vorlage */ ?>

    Nun steht dir dein Template zur Verfügung.

    Bei der Erstellung der Seite wählst du dann im Editor dein Template aus.

    Zitat


    Weil ich mit meinen anderen Seitenplugins zusammenarbeiten möchte (SEO-Plugins, Header, Footer,...).

    In deinem Theme musst dann mindestens
    <?php get_header(); ?>
    und
    <?php get_footer(); ?>

    um deine HTML Ausgabe bauen.

    Hier etwas zum Lesen
    https://codex.wordpress.org/Theme_Development
    =>
    https://developer.wordpress.org/themes/basics/template-hierarchy/

    Mit offenen Augen träumen

    4 Mal editiert, zuletzt von r23 (10. November 2022 um 05:47)

  • Vielen Dank für deine Hilfe, das hat soweit geklappt.

    Allerdings finde ich es etwas umständlich (falls ich mehrere Seiten einfügen möchte) jedes Mal ein anderes Template auszuwählen, statt direkt im Editor den Code einzufügen. Da finde ich es praktischer die Seite (.html-Datei) direkt im Verzeichnis hochzuladen und zu verlinken.

    Ich fände es viel praktischer wenn man ein "leeres" Template auswählen kann (damit kein zusätzliches CSS vom Template geladen wird) in der Seitenerstellung und nur der Inhalt des Editors angezeigt wird, geht so etwas auch?

  • .. wenn man ein "leeres" Template auswählen kann (damit kein zusätzliches CSS vom Template geladen wird) in der Seitenerstellung und nur der Inhalt des Editors angezeigt wird, geht so etwas auch?


    Das geht so:

    PHP
    <?php /* Template Name: Leeres Template */
    global $post;
    echo $post->post_content;

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!