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

eigene Schrift für Blogtitel - möglich?

Dieses Thema im Forum "Design" wurde erstellt von boon, 15. Februar 2009.

  1. boon

    boon Well-Known Member

    Registriert seit:
    14. Januar 2009
    Beiträge:
    56
    Zustimmungen:
    0
    Hallo,

    ich stehe vor einem Problem, das wohl so einfach nicht zu lösen ist.

    Ich erstelle für meine Firma eine Wordpress-Seite, jedoch ist unser Schriftzug in der Schrift mit Namen ELLIS. Hunderte Geländewäge haben unseren Schriftzug in Ellis auf ihren Autos, meine alte HP war auch voll damit. Ich kann also kein neues Layout machen.

    Unsere alte HP hatte den Schriftzug als Grafik im Header, ergo konnten die Suchmaschinen ihn nicht lesen.

    Kann ich, wenn ich die Schriftdatei mit auf unseren Server lege, irgendwie den Blog-Titel in der Schrift ELLIS machen? Wie müsste die Style.css oder die header.php dann ausschauen? Geht das überhaupt?

    Ich hoffe, der Header im Anhang hilft, mein wirres Zeug zu verstehen...
     
    #1 boon, 15. Februar 2009
  2. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Ohne Grafik oder Flash hast du kaum ne Möglichkeit. Aber wenn das vernünftig gemacht ist (alt-Attribut / Alternativtext), dann gibts SuMa-technisch keine Probleme. ;)
     
    #2 marX, 15. Februar 2009
  3. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
    Variante 2:
    Das Firmenlogo als Hintergrund im Header einfügen (zB. für einen Link zurück zur Startseite) und dann den Titel in der Standardschrift als Linktext hineinschreiben und mit text-intent:- ....px; aus dem Fenster hinausrücken
     
    #3 perryzelda, 15. Februar 2009
  4. boon

    boon Well-Known Member

    Registriert seit:
    14. Januar 2009
    Beiträge:
    56
    Zustimmungen:
    0
    danke erstmal. @MarX: das leuchter mir ein.

    NUR: wie kann ich im Header ein Foto einfügen, das auch eine Beschreibung hat? Ist es sinnvoll, den Header ohne Text als Hintergrund nehmen und dann den Schriftzug als png einzufügen? Gehört das dann in die Datei header.php oder in die style.css???

    Mal schaun, wie der Code für das alt-attribut und den png-Schriftzug geht.

    Hat jemand einen Tipp, wo ich fündig werde?
     
    #4 boon, 15. Februar 2009
  5. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
    hintergundbild fügst du in der style.css ein. Aber warum denn 2 Bilder ?
    Mach ein Bild mit Hintergund und Text.
     
    #5 perryzelda, 15. Februar 2009
  6. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    Wenn das Headerbild als CSS-Hintergrund eingebunden wird, dann am besten so wie perryzelda das beschreibt. Würde ich auch so machen. ;) Meine Variante wäre die HTML-Variante, also mit <img> oder <object>.

    Mensch, jetzt kann man als Mod nicht mal seiner Arbeit nachgehen, immer kommt einem der perryzelda zuvor. So kann ich nicht arbeiten! *schimpf* :mrgreen:
     
    #6 marX, 15. Februar 2009
  7. perryzelda

    perryzelda Well-Known Member

    Registriert seit:
    9. April 2008
    Beiträge:
    459
    Zustimmungen:
    0
    tschuldigung......
     
    #7 perryzelda, 15. Februar 2009
  8. marX

    marX Well-Known Member
    Ehrenmitglied

    Registriert seit:
    5. Oktober 2006
    Beiträge:
    12.943
    Zustimmungen:
    0
    perryzelda: :mrgreen:

    boon: Mal etwas Code:
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Dem #header weist du das Hintergrundbild zu, mit deinem Schriftzug als Grafik darin. Also 1 Bild. Über den Link machst du den ganzen Header klickbar (also per CSS Größe anpassen). Und über das <span> machst du den (für Suchmaschinen lesbaren) Blogtiteltext unsichtbar, z.B. eben über text-indent oder visbility:hidden. Prinzip klar?
     
    #8 marX, 15. Februar 2009
  9. boon

    boon Well-Known Member

    Registriert seit:
    14. Januar 2009
    Beiträge:
    56
    Zustimmungen:
    0
    Vielen Dank.
    Ihr habt mich auf eine Idee gebracht. Ich habe in der style.css sowohl die font-size der .bloginfo und der .description (#header) auf 1% gesetzt.

    Ist das ein richtiger Gedanke oder ein Formfehler, der nicht "google-konform" ist? Mein Header ist so bunt, dass man den pix des Blogtitels und des Slogans nicht sieht.

    Hier zur Ansicht: Off-Road Center Acs
     
    #9 boon, 15. Februar 2009
  10. boon

    boon Well-Known Member

    Registriert seit:
    14. Januar 2009
    Beiträge:
    56
    Zustimmungen:
    0
    Prinzip klar. Und vor allem formschöner als meines. UND im Gegensatz zu meiner Lösung gibt es bei deiner Lösung den Link im Header, womit ich mir das "leidige" HOME o.ä. spare.
     
    #10 boon, 15. Februar 2009
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden