Mal allgemein gefragt

    Hallo an alle,
    mich würde mal interessieren wie ihr oder "man" am besten den content der einzelnen Seiten layoutet?

    Ich verwende zb das twentyeleven und habe versucht in Dreamweaver mittels div container mir den Inhalt zu gestalten und den code ins HTML Fenster zu kopieren - doch leider läuft das nicht so ganz. Auch mit Tabellen wird das nix. Sobald ich in den Visuell-Modus wechsle ist alles wieder futsch.

    Bin euch sehr dankbar für Tips und Tricks

    LG>Ruccola

    • Gerade eben
    • 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

    Hallo Ruccola,
    also ohne fundamentale Kentnisse in CSS und HTML würde ich dir davon abragen. Ganz bei "0" scheinst du ja nicht anzufangen, aber da muss man schon gut "in der Materie" stecken. Es sei denn, du hast viel Zeit dich in die Thematik einzuarbeiten. Dann such dir lieber jemand, der das vielleicht für eine Hand voll Euro macht und dann vielleicht ganz nach deinen Vorstellungen. Und so nebenbei in einem Forum kann das sicher auch keiner eben mal "erklären".

    Viele Grüsse

    Hallo 2blog,
    danke für dein Statement.
    Mit css und html bin ich vertraut.
    Was mich interessiert ist, warum verschwindet im HTML Editor wieder alles wenn ich in den Visuell-Modus wechsle und wieder zurück?

    Hallo infected,
    danke für deine Nachricht.
    Ich layoute mit Dreamweaver (html und css) den Inhalt - kopiere mir den kompletten code und füge ihn dann in wordpress im html editor fenster ein

    diese ganze Wurst zb:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Unbenanntes Dokument</title>


    <style type="text/css">
    <!--
    .kopf {
    background-color: #CC6;
    width:450px;
    height:70px;
    padding-top: 20px;
    padding-left: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-top: 0px;
    margin-left:175px;
    }
    .bild {
    background-color: #ffffff;
    margin-top: 38px;
    height: 80px;
    width: 405px;
    margin-left: 0px;
    padding-top: 10px;
    padding-left: 10px;
    position: fixed;
    z-index: 1;
    }
    .bild2 {
    background-color: #ffffff;
    margin-top: 50px;
    height: 80px;
    width: 405px;
    margin-left: 225px;
    padding-top: 10px;
    padding-left: 10px;
    position: fixed;
    z-index: 2;
    }
    #headline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000;
    margin-top: -72px;
    margin-left: 155px;
    width: 245px;
    text-transform: none;
    height: 60px;
    padding-top: 10px;
    }
    .line {
    margin-top: 68px;
    line-height: 1px;
    width: 419px;
    margin-left: 224px;
    z-index: 3;
    position: fixed;
    }
    #fliess {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #000;
    }


    -->
    </style>
    </head>


    <body>


    <div class="kopf">die fuer den menschlichen koerper gesunheitsschaedlichen strahlen werden zu einem
    hohen prozentsatz absorbiert, und somit ein harmonisches und gesundheitsfoerdern-
    des umfeld fuer den menschen geschaffen. dies geschieht auf 3 ebenen:
    <div class="bild"><img src="Bilder/platzhalter.jpg" width="150" height="70">
    <div id="headline">HEADLINE AND SUBLINE<br><br>
    <span id="fliess">Dies ist ein Typoblindbild. An ihm kann man sehen,<br>
    ob alle Buchstaben da sind und wie sie aussehen.</span></div>
    </div>
    </div>
    <br>
    <div class="line">––––––––––––––––––––––––––––––––––––––––––––––––––––</div>
    <br>
    <div class="bild2"><img src="Bilder/platzhalter.jpg" width="150" height="70">
    <div id="headline">HEADLINE AND SUBLINE<br><br>
    <span id="fliess">Dies ist ein Typoblindbild. An ihm kann man sehen,<br>
    ob alle Buchstaben da sind und wie sie aussehen.</span></div>
    </div>


    </body>
    </html>

    Könnte mir vorstellen das der Head-Bereich das Problem ist -> der müsste ganz raus. Auch die Body- und Html-Tags gehören weg. Die styles gehören dann in das stylesheet (hoffentlich "beissen" sie sich dann nicht mit anderen Deklarationen - besser wäre sie direkt in die html-Struktur zu integrieren). Und auch die die src-Pfade müsstest du an WP anpassen. Zusätzlich muss uch noch die Doctype-Deklaration raus.

    Warum aber machst du deine Seiten nicht im WYSIWYG-Editor von WP?

    Zitat von pixselig

    Könnte mir vorstellen das der Head-Bereich das Problem ist -> der müsste ganz raus. Auch die Body- und Html-Tags gehören weg. Die styles gehören dann in das stylesheet (hoffentlich "beissen" sie sich dann nicht mit anderen Deklarationen - besser wäre sie direkt in die html-Struktur zu integrieren). Und auch die die src-Pfade müsstest du an WP anpassen. Zusätzlich muss uch noch die Doctype-Deklaration raus.

    So ist es.

    weil ich eine Layoutvorgabe von einem Bekannten habe die ich genau umsetzen sollte. Positionierung usw - zb möchte ich das der Inhalt seitlich mehr eingerückt ist und teilweise texte mit Farbfeldern unterlegt sein sollen

    Nochmals vielen Dank für deine Anteilnahme ;-)

    Dafür gibt es die style.css des Themes und die Möglichkeit die Inhalte über den Editor mit diversen CSS-Klassen und IDs auszustatten. ;-)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden