1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Kompletten HTML-Code von Textseiten im WP-Editor übernehmen/reinkopieren?

Dieses Thema im Forum "Konfiguration" wurde erstellt von Autor33, 22. Juli 2014.

  1. Autor33

    Autor33 Well-Known Member

    Registriert seit:
    29. Mai 2010
    Beiträge:
    273
    Zustimmungen:
    0
    Hallo,
    bei dem Relaunch einer alten, einfachen, statischen Website mit textreichen Seiten (kein Blog) möchte ich nun WP als CMS verwenden. Das Design ändert sich, aber der zentrale Content nicht.

    Wenn ich nun eine solche Seite in WP anlege, würde ich gerne einfach den kompletten Code in den WP-Editor im Text-Modus reinkopieren. Die bisherigen Seiten haben <p>, <br>, <h>, <div>, <span>, <a>, <b>, <i>, <strong>, <q>, <blockquote>, <img> im Code.

    Zwei Unterschiede zu WP sind mir aufgefallen:
    1. Bilder bekommen in WP zusätzlich <a> zum <img>, warum das?
    2. WP kennt keine Absatz-tags <p>; faktisch existieren Absätze zwar, aber im Code ist nichts davon zu sehen, worauf sich das gründet?? Manuell eingefügtes <p> verschwindet ebenfalls wieder.

    Welche manuelle Nacharbeit im Code muss ich wie machen?
     
  2. Melewo

    Melewo Well-Known Member

    Registriert seit:
    8. Juli 2013
    Beiträge:
    3.097
    Zustimmungen:
    0
    Die Bildpfade werden sich ändern, so dass Du diese neu verlinken oder zumindest anpassen musst.
    Der Editor von WP kennt Steuerzeichen für <br> und <p>, die erst bei der Ausgabe in Hypertext verwandelt werden.
     
  3. Clubs München

    Clubs München Well-Known Member

    Registriert seit:
    2. Mai 2014
    Beiträge:
    66
    Zustimmungen:
    0
    1. Das <a> ist dazu da, dass das Bild auf eine andere Seite verlinkt wird.
    2. Wie meinst du das? Wenn du im HTML - Editor von Wordpress <p>s einfügst bleiben die meines Wissens nach da.

    Manuelle Nacharbeit ist m.m.N. nur in seltenen Fällen bzgl. Design etc. nötig. Wenn du es in den HTML-Editor kopierst sollte alles einwandfrei laufen.

    Viel Erfolg!
     
  4. Autor33

    Autor33 Well-Known Member

    Registriert seit:
    29. Mai 2010
    Beiträge:
    273
    Zustimmungen:
    0
    @Melewo:
    Am Anpassen der Bildpfade führt eh kein Weg vorbei. Ich habe zwar konsequent auf absolute Urls bislang gesetzt und die Domain bleibt unverändert, aber ich teste auf einer Subdomain und von dort wird dann die Site übertragen.

    Aber davon abgesehen habe ich bislang Bilder immer nur per <img src...> referenziert. Warum braucht WP ein zusätzliches <a> und muss ich das überall manuell ergänzen im Code?

    WP wandelt beim Reinkopieren meine <p> in unsichtbare Steuerzeichen um und erst nach "Ausgabe" sehe ich im Code wieder <p> und <br>, wenn ich das richtig verstehe. Was genau heißt "Ausgabe"?

    @Clubs München:
    Hast du das mit p probiert? Bei mir sehe ich nix.

    Wegen Bilderreferenzierung, wie gesagt, ich kenne nur das dafür ausreichende img-tag mit src zur Pfadangabe.
     
    #4 Autor33, 22. Juli 2014
    Zuletzt bearbeitet: 22. Juli 2014
  5. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Ausgabe = im Frontend angucken
     
  6. Melewo

    Melewo Well-Known Member

    Registriert seit:
    8. Juli 2013
    Beiträge:
    3.097
    Zustimmungen:
    0
    Ausgabe der fertigen HTML-Seite.

    ASCII bildete einst die Grundlage als Zeichensatz, alles andere baute mehr oder weniger darauf auf, bis dann mit UTF-8 kam, doch da richtig durchzublicken, ist eine Wissenschaft für sich. Die Grundlage oder was ich jetzt als Grundlage ansehen würde:

    http://de.wikipedia.org/wiki/American_Standard_Code_for_Information_Interchange#Zusammensetzung

    0A entspricht <LF> für Zeilenvorschub
    0D entspricht <CR> für Wagenrücklauf

    Wagenrücklauf und Zeilenvorschub wurden von der Schreibmaschine in Computerprogramme übernommen.

    http://de.wikipedia.org/wiki/Zeilenvorschub
    http://de.wikipedia.org/wiki/Wagenr%C3%BCcklauf

    In mit C verwandten Programmiersprachen werden dafür die Zeichen \r und \n verwendet und genau die Zeichen werden in der Datenbank mit dem Text abgespeichert. Erst bei der Ausgabe des Textes werden diese Steuerzeichen dann in HTML-Tags verwandelt.
     
  7. Autor33

    Autor33 Well-Known Member

    Registriert seit:
    29. Mai 2010
    Beiträge:
    273
    Zustimmungen:
    0
    Danke für die ausführliche Erklärung. Dann passt das alles, ich sehe es nur nicht direkt in WP. Gäbe es einen empfehlenswerten Weg, die Anzeige von p und br direkt in WP zu ermöglichen?

    Kann mir jemand noch die Sache mit dem offenbar nötigen "Team" aus <a> und <img> bei den Bildern in WP beantworten?
     
  8. MegaWork

    MegaWork Well-Known Member

    Registriert seit:
    6. Dezember 2012
    Beiträge:
    395
    Zustimmungen:
    0
    Das geht zum Beispiel mit dem Plugin tinyMCE Advanced. In dessen Einstellungen kannst Du ( neben vielem anderen) festlegen, dass p und br tags angezeigt werden.
     
  9. MegaWork

    MegaWork Well-Known Member

    Registriert seit:
    6. Dezember 2012
    Beiträge:
    395
    Zustimmungen:
    0
    Bilder werden in WordPress in der Mediathek hinterlegt. Dadurch stehen Sie auf einfache Art und Weise überall zur Verfügung - das heißt Sie können in jeder Seite, jedem Beitrag oder auch jedem selbsterstellten Beitragstyp eingebunden werden.
    Jedes hochgeladene Bild bekommt seine eigene Seite (definiert als Anhangseite) und standardmäßig verlinkt WordPress ein über den Mediamanager eingefügtes Bild bzw. die verwendete Größenversion des Bildes (dazu gleich mehr) mit dieser Anhangseite - deswegen das a-Tag.
    Wenn Du auf das Bild in der Editoransicht klickst, kannst Du ein Eigenschaften Fenster öffnen, in dem Du den Link einfach abschalten kannst.
    Sicherlich ist Dir aufgefallen, dass WordPress verschiedene Größen der hochgeladenen Bilder erstellt - das wird oft dazu benutzt um bspw. mit einem Lightbox Plugin kleine Vorschaubilder mit größeren Versionen des Bildes zu verbinden. Diese öffnen sich dann bei Klick auf das Vorschaubild in einem Overlay - das hast Du sicher schon oft gesehen.
    Ich hoffe das ganze war einigermaßen verständlich.
     
  10. Autor33

    Autor33 Well-Known Member

    Registriert seit:
    29. Mai 2010
    Beiträge:
    273
    Zustimmungen:
    0
    Alles klar, verstehe ich. Das heißt in meinem Fall, dass der beim Reinkopieren des Codes fehlende Bild-Link kein Problem ist, da ich keine Anhangseite brauche: Ich will weder die Bilder auf Klick nochmal extra vergrößert darstellen noch brauche ich Thumbnails bzw. Gallerien. Das autom. Erzeugen verschiedener Größen beim Einfügen habe ich durch die Media-Settings deaktiviert.

    Ergo --> "Link zur: Keine" in den Anhangseinstellungen, statt "Medien-Datei". Am besten gleich nach dem Upload. Korrekt?

    Schade, dass man offenbar die Bilder nicht per FTP in die Mediathek bringt. Wird mir wohl nichts anderes übrig bleiben, als entweder ein Plugin zu besorgen oder meiner functions.php etwas Weiteres hinzuzufügen.

    Wordpress hat viele Vorteile, aber ich bin überrascht, was es alles automatisch macht ohne den Anwender darüber wenigsten zu informieren, besser noch, vorher zu fragen. Wahrscheinlich gibt es unzählige Webmaster, die z.B. nicht merken, dass automatisch weitere Bilder erzeugt und außerdem um genau 10% komprimiert werden. Automatische Anhangsseiten und deren Verlinkung ist nur ein weiteres Beispiel.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden