eigene Schrift für Blogtitel - möglich?

  • 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...

    • 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

  • 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?


    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. ;-)

  • 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

  • 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?

  • 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>.

    [SIZE="1"]Mensch, jetzt kann man als Mod nicht mal seiner Arbeit nachgehen, immer kommt einem der perryzelda zuvor. So kann ich nicht arbeiten! *schimpf* :mrgreen:[/SIZE]

  • perryzelda: :mrgreen:

    boon: Mal etwas Code:

    HTML
    <div id="header">
      <a href="<?php bloginfo('url') ?>">
         <span><?php bloginfo('name') ?></span>
      </a>
    </div>


    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?

  • 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

  • perryzelda: :mrgreen:

    boon: Mal etwas Code:

    HTML
    <div id="header">
      <a href="<?php bloginfo('url') ?>">
         <span><?php bloginfo('name') ?></span>
      </a>
    </div>

    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?

    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.

Jetzt mitmachen!

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