Text auf/über einem Bild

  • Hallo,

    ich möchte für eine LandingPage Text auf über einem Bild erscheinen lassen.
    Klingt an sich simpel. Habe bereits viel gesucht, - finde jedoch nur Fragen/Antworten zur Anordnung von Text neben Bild oder dergleichen.

    Wie komme ich ans Ziel. Mit einem Code, vielleicht einem Plugin?

    Ich bin Neuling - freue mich sehr auf Antwort(en).

    Danke

    • 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

  • Das Bild musst du dann wohl mit CSS als Background-Image setzen. Dann kannst du darüber auch Text positionieren.

    Oder aber du setzt den Text direkt ins Bild (Bildbearbeitung) und setzt dieses normal auf die Page.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ok, - vielen Dank. Kannst Du ein Code-Beispiel posten?

    In der Bildbearbeitung möchte es nicht machen, da ich den Text auf dem Bild (h1) für SEO nutzen möchte.

  • Du meinst wie hier im Slider?: http://www.jongo-webagentur.de/leistungen

    Das ist mit ein wenig HTML und CSS kein Problem. Es gibt allerdings auch Plugins, die eine Menge Funktionen mit sich bringen, Text und Bild in einen optisch ansprechendem Design gemeinsam darzustellen. Beispiel: http://mh-visualisierung.de/leistungen

    Das Plugin dafür heißt "Revolution Slider": http://revolution.themepunch.com/

    Wie gesagt, selber machen ist auch kein großes Problem mit ein paar Grundkenntnissen in CSS und HTML. Die Plugins bieten eine Alternative für alle ohne Kenntnisse und lassen sich mal mehr mal weniger einfach im Backend "zusammen klicken".

  • Danke Mathuseo. schaut gut aus. Ist aber vielleicht (!?) für meinen Job etwas too much wegen Slider!? Oder kann ich das Plugin auch für ein einfaches, statisches Bild nutzen?
    (Ich achte an sich immer gerne auf schlanken Code.)

  • [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • ... oder auch generell das Thema Ebenen. Weil ich möchte auch noch ein Formular partiell über einem Bildelement anbringen. Wie verhält es sich generell mit Ebenen in WP? (bin Neuling)

  • Wenn du etwas über ein Bild setzen willst, dann am besten immer mit Background-Images.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • @Reisinger: In deinem konkreten Fall reicht eine einfache CSS-Lösung mit Background-Image aus. Der Revolution-Slider (und sämtliche andere Plugin-Lösungen) können zwar zumeist auch mit einem Image (ist dann halt nur ein Slide) umgehen, blähen aber in deinem Fall Wordpress, die Datenbank und sicher auch die HTTP-Requests (= höhere Ladezeit deiner Page) nur unnötig auf.

  • meinst du es so?
    schau dir mal diese Seite an: http://privat.gsew.de/urlaubsimpressionen/deutschland/

    Wähle mal in der Galerie Berlin die Seite 6 aus und klicke auf das Bild Mauerdenkmal.
    Da erschein mehrzeiliger Text über dem Bild.
    Das Plugin fancybox hilft dir dabei. Alles istz mit der WP-Mediathek gelöst.

    Auch das Kontaktformular kann mit dem Plugin so angezeigt werden:
    Auf dieser Seite siehst du es. Auf Kontkt unter dem Bild klicken: http://privat.gsew.de/

Jetzt mitmachen!

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