Längere Überschrift, kleinere Schrift

  • Hallo zusammen,

    manchmal komme ich bei meinem kleinen Layout in die Verlegenheit, dass eine Überschrift bei der Schriftgröße (18px) zu groß wird für den Platz, den ich ihr eingestanden habe.

    Also habe ich mir beholfen und die Überschrift nach 16 Buchstaben abgekürzt.

    PHP
    <h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php echo substr (get_the_title(), 0, 16); ?></a></h1>

    Kann man das auch so realisieren, dass die Überschrift ab 17 Zeichen mit einer kleineren Schriftgröße ausgegeben wird?

    Vielen Dank für einen Hinweis.

    Beste Grüße,
    cav

    • 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

  • Dir ist bewusst, dass Du nicht kontrollieren kannst, wie Dein Layout am Endgerät des Users ausgegeben wird? Dh Du magst dich vielleicht mit der SChriftgröße herumspielen, damit es bei Dir vernünftig aussieht, aber wie es zB am Smartphone eines Users dargestellt wird, hast Du nicht unter Kontrolle.

  • Dir ist bewusst, dass Du nicht kontrollieren kannst, wie Dein Layout am Endgerät des Users ausgegeben wird? Dh Du magst dich vielleicht mit der SChriftgröße herumspielen, damit es bei Dir vernünftig aussieht, aber wie es zB am Smartphone eines Users dargestellt wird, hast Du nicht unter Kontrolle.

    Hm, da hast du natürlich recht. Wie löst man dann aber so ein Problem elegant. Das Wort abschneiden nach x Zeichen finde ich nicht optimal.

  • der Überschrift den Platz geben, den sie ebend braucht ;)

    px genaues Design ist tollstens für den Druck,
    im WWW fließt alles

    oder meinste, dass auf einemPDA das so gut kommt 8)

  • der Überschrift den Platz geben, den sie ebend braucht ;)

    px genaues Design ist tollstens für den Druck,
    im WWW fließt alles

    oder meinste, dass auf einemPDA das so gut kommt 8)


    Recht haste. Jetzt muss ich mir nur noch was einfallen lassen, wie das in der Praxis funktioniert.

    Danke für eure Anmerkungen.

Jetzt mitmachen!

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