Featured WoltLab Cloud Radiant 2.2.5

Clean and Elegant Premium WoltLab Style

Live Demo:

Dashboard - Premium WoltLab Style Demo

VERY IMPORTANT NOTICE:

Before updating your site to WoltLab 5.3.0, it is required to do either one of the requirement options below:


Requirement Option A (Preferred):

  1. Go to ACP > Customization > Styles > Radiant > Global Settings
  2. Set the Maximum Layout Width to percent (%), i.e. enter the value from 50-100 and choose percent (%) as the unit in the dropdown.
  3. Click the SUBMIT button to save the changes.

Requirement Option B:

  1. Go to ACP > Customization > Styles
  2. Choose another default style other than Radiant. Preferably, choose the WoltLab Suite Core as the default style.
  3. Backup your current Radiant style.
  4. Delete the Radiant style.

After you do either one of the following requirement above, proceed with upgrading to WoltLab 5.3.0 as outlined in the manual. When you're done with WoltLab 5.3.0 upgrade, you can now update Radiant to version 2.1.0.


Failure to do either one of the requirement options above will make your site not be able to update to WoltLab 5.3.0 successfully.


Features:

  • Visitor Layout Options
    Your site visitors can easily switch between grid and list display for the Articles, Forum, Blogs and Filebase applications.
  • Manually-coded Header Slider
    You can show a slider in the header by manually coding it in a specific templates.
  • Improved User Profile Page
    The content for each application, i.e posts for forum or images for gallery, will appear as a menu in the profile page. And when your visitors view a specific user's content, e.g. forum posts or user files, it will still be somewhat part of his profile instead of showing a different page.
  • Organized User Menu
    Added "My Content" and "Watched Content" to easily browse the content you started or watched.
  • Cover Photo on User Hover Card
  • Icons to show Recent Activity type
  • Icons in the Title on "named" Sidebar Boxes
  • Tooltip for Forum Description
  • Dropdown of Sub-boards Instead of List

Manual: https://forostyle.com/products/radiant/documentation

Images

  • Version 2.2.5

    Fixed: Improper HTML tags in forum description.

  • Version 2.2.4

    • New: Added Discord link option.
    • Fixed: Custom color of icons in the forum not refelcted.
  • Version 2.2.3

    Miscellaneous CSS improvements.

  • Version 2.2.2

    • Compatibility with WoltLab 5.4.
    • New: Boxed-page layout option.
    • Fixed: Styles > Radiant > Global Settings > Font Face value does not work.
  • Version 2.2.1

    Add an option to choose the source of the fonts (Roboto & Roboto Condensed) used.

  • Version 2.2.0

    • Improved display of the Advanced Search form.
    • Improved display when editing a media in popup dialog.
    • Improved display of tab menus in popup dialog.
    • Improved display of Executing and Task Completed popup when copying a post.
    • Improved display of attachment files list.
    • Improved display of poll voters list.
    • Fixed Fatal Error on user's events list.
    • Fixed path of custom images used in SCSS.
    • Fixed grid view on private forums.
    • Fixed big reaction image in sidebar list.
  • Version 2.1.0

    Compatibility with WoltLab 5.3.0


    Please see the "VERY IMPORTANT NOTICE" information in the Overview tab before updating your site to WoltLab 5.3.0.

  • Version 2.0.1

    • Fixed possible layout conflict of content items footer (articles, blogs) on third-party plugins.
    • Fixed overlapping of elements on internal anchor links.
    • Fixed avatar and username overlapping on Quick Reply form in mobiles.
    • Fixed User Profile menu item if Core is the only app installed.
    • Fixed "Participate Now" box spacing.
    • Fixed avatar arrow indicator in Quick Reply form.
    • Fixed pagination items with 5 digits.
    • Fixed "Unresolved Threads" phrase in the slider.
  • Version 2.0.0

  • Für Supportanfragen, Updates und andere Informationen lesen Sie bitte diesen Beitrag: https://www.woltlab.com/user/1…ramiru/#wall/comment46360

  • Guten morgen zusammen,


    würde gerne wissen wie ich einen Externen Link im Forum im neuen Fesnter öffnen lassen kann, in den Allgemeinen Foren einstellungen ist dieses aktiviert jedoch will es mit diesem Design nicht so ganz funktionieren.


    Vielen Dank vorab für die Hilfe

  • hey kurze frage , wie bekommt man das dreieck weg von der navigation ?

    • Bitte verwenden Sie dieses CSS:

      CSS
      .mainMenu .boxMenu > li.active > a::before {
          display: none;
      }
      Like 1
    • danke

  • hey :)


    kurze frage , wo kann ich den header bzw den stickyheader bearbeiten ? würde gerne das logo über der navigation setzen


    lg

    • Meinen Sie etwas wie dies https://pasteboard.co/7yLzil9G6U41.png ?


      Wenn ja, können Sie es mit diesem SCSS erreichen:

    • ja genau so wie auf dem bild :) jedoch passiert leider nix :O

    • liegt bestimmt daran das ich nur leider die 2.2.1 version haben :( trotzdem danke für deine mühe

    • Darf ich wissen, was ist die Ausgabe in Ihrer Website, wenn Sie, dass SCSS, um den Stil hinzufügen?

    • wie meinst das nun ?

  • Hallo,

    wie kann ich die Overlay-Farbe des Sliders entfernen bzw. transparent machen? Aktuell wird die Overlay-Farbe #14b9c8 angewendet. Wenn ich diese entferne erscheint immer noch ein leichte graue Farbe.

    • Dies ist das zu verwendende CSS:

      CSS
      .pageHeaderHero {
          background: transparent;
      }
  • Die Icons sind leider immer noch grün nach dem Update.


    EdiT: Jetzt sehe ich es. Wir hatten uns damals falsch verstanden. Ich möchte das grün von dem Icon weg haben.


    https://ibb.co/mcTYLN0

    • Um die Hintergrundfarbe der Icons (grün) zu ändern, sollte dies das CSS sein:

      CSS
      .wbbBoardIcon {
          background: red;
      }
      Thanks 1
    • Danke Ramiru,

      kannst du mir noch sagen wie ich es jetzt ändern kann das ungelesene nicht rot angezeigt werden?


      https://ibb.co/rtQsDs3

    • Sie sollte standardmäßig rot sein. Wenn Sie die Hintergrundfarbe weiter ändern möchten, können Sie dieses CSS verwenden:

      Sass (Scss)
      .wbbBoardIcon {
          background: blue;
          
          &.markAsRead {
              background: red;
          }
      }
  • Guten Abend Ramiru,


    ich habe wieder eine Frage zum Style.

    Wie kann ich es einstellen, das die Icons keine hinterlegte Farbe anzeigen, sondern die, die ich in den Foreneinstellungen hinterlegen kann?


    https://ibb.co/mcTYLN0

    • Dies ist ein Fehler im Stil. Ich werde nächste Woche eine neue Version veröffentlichen, die diesen Fehler beheben wird.

      Like 1
    • Danke für die Info!

      Wenn ich das Update dann einspiele sind alle meine Veränderungen weg?

    • Erstens können Sie nur aktualisieren, wenn Sie den Schutz des Stils nicht deaktiviert haben.


      Wenn Sie aktualisieren, wird das Folgende beibehalten:

      • benutzerdefinierte Farben in der Farbpalette
      • benutzerdefinierte CSS/SCSS unter Erweiterte Einstellungen > Eigene Deklaration > Individuelle CSS und SCSS

      Alle geänderten Templates werden überschrieben. Stellen Sie also sicher, dass Sie eine Sicherungskopie Ihrer benutzerdefinierten Templates erstellen.

  • Wäre es möglich bei den Social Links beim nächsten Update "Discord" mit aufzunehmen?

  • Ich hätte es gerne so eingestellt, das die Farbe der Titels, die noch nicht gelesen sind, hier rot angezeigt werden.

    Wo muss ich das Einstellen?


    https://ibb.co/tYHM7nL


    Jetzt schon besten Dank für Info!

    • Bitte verwenden Sie dieses SCSS:

      Sass (Scss)
      .messageGroupList .new .messageGroupLink {
          color: red;
          
          &:hover {
              color: blue;
          }
      }
      Thanks 1
    • Hallo Ramiru,


      vielen Dank!

  • Ich bin gerade dabei die Farben etwas zu ändern. Wo kann ich das kleine Dreieck, das den aktiven Link zeigt anpassen?


    Screen

    • Bitte fügen Sie dies in Erweiterte Einstellungen > Individuelles CSS und SCSS hinzu:

      CSS
      .mainMenu .boxMenu > li.active > a::before {
          border-color: transparent transparent red transparent;
      }

      Ändern Sie einfach red in eine beliebige Farbe.

      Thanks 1
    • Hallo Ramiru,


      wow, das ging aber schnell. Vielen lieben Dank! Toller Service.

      Hat wunderbar funktioniert, danke!

  • Hallo!

    Wenn ich im ACP Radiant-Änderungen speichern möchte, wird leider nichts übernommen und nur eine index.php Datei heruntergeladen in der steht:

    <html><head>

    <title>503 Service Unavailable</title>

    </head><body>

    <h1>Service Unavailable</h1>

    <p>The server is temporarily unable to service your

    request due to maintenance downtime or capacity

    problems. Please try again later.</p>

    • 503 ist ein Problem auf Ihrem Server und nicht der Stil. Ich schlage vor, dass Sie sich bezüglich dieses Problems an Ihren Hoster wenden.

  • Hallo,

    es gibt seit dem Update Probleme mit Preload, welches Google bemängelt, da die Schriften nicht vorgeladen werden.



    Siehe auch hier: RE: Seit Update auf 5.4 zeigt Google Page Speed Preload Fehler an

    • Versuchen Sie bitte Folgendes, um Ihr Problem zu lösen:

      1.) Löschen Sie den Cache

      2.) Gehen Sie zu ACP > Anpassung > Stile > Radiant > Globale Einstellungen > Font Face und setzen Sie den Wert auf Roboto.

    • Nein. Funktioniert nicht. Immer noch das gleiche.

    • Könnten Sie bitte versuchen, die Font zu ändern, wenn sie immer noch die Roboto laden? Sagen wir, ändern Sie sie in Inter.

    • Dann ist die Preload Warnung weg.

    • Mach ich Roboto wieder rein, ist die wieder da:

      Code
      Mit `<link rel=preload>` können Sie das Abrufen von Ressourcen priorisieren, die derzeit beim Seitenaufbau erst später angefordert werden. Weitere Informationen.FCPLCP
      URL
          
      Mögliche Einsparungen
      …Roboto/roboto-v20-latin-regular.woff2(www.das-schaeferhund-forum.de)
          
      3.930 ms
      …Roboto/roboto-v20-latin-500.woff2(www.das-schaeferhund-forum.de)
          
      3.420 ms



      Hier der passende Quelltext:

      CSS
      <link rel="preload" as="font" type="font/woff2" href="https://www.das-schaeferhund-forum.de/wcf/font/families/Roboto%20Condensed/roboto-condensed-v19-latin-regular.woff2" crossorigin>
          <link rel="stylesheet" href="https://www.das-schaeferhund-forum.de/wcf/style/ForoStyle/radiantFont.css">
      <link rel="stylesheet" type="text/css" href="https://www.das-schaeferhund-forum.de/wcf/style/style-19.css?m=1627334577">
      <link rel="preload" href="https://www.das-schaeferhund-forum.de/wcf/font/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin type="font/woff2"><style>a[href^="https://www.das-schaeferhund-forum.de/board-feed/"] { display: none !important; }</style>



      Hier meine aktuelle Headinclude:

  • In der Version 2.2.2 werden bei mir im Beitrag fettgedruckte Passagen nur "normal" angezeigt.

    Im Editor wie auch nachher im Beitrag

    Ein anpassen der font-weight brachte nicht das gewünschte ergebnis

    • Funktioniert dieser CSS-Code vielleicht? Hatte den noch in meinem Test-System aktiv.

      CSS
      b, strong {
          font-weight: 600 !important;
      }
      Thanks 1
    • Das war auch meine erste Idee.

      Ich hab nun vorübergehend den Font im Stil geändert, damit gehts.

      Like 1
    • Vielleicht hängt das Problem von mir auch hiermit zusammen:

      woltlab.com/community/thread/291419/

      Die vorgeschlagene Lösung habe ich aber nicht getestet, da ich mit der neuen Schriftart zufrieden bin.

    • Ich stehe aktuell vor demselben Problem - allerdings nur in meinem Live-System. Ich habe sowohl mein Live- als auch mein Test-System auf das WSC 5.4 aktualisiert. Beim Upgrade wurde auch Radiant auf die Version 2.2.2 aktualisiert. In meinem Live-System bekomme ich keine fette Schrift angezeigt. Im Test-System funktioniert es allerdings. In beiden Systemen verwende ich dasselbe CSS.


      CSS
      /* Forum - Ungelesene Nachrichten fett markieren */
      .messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink, .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {
          font-weight: 700 !important;
      }
      
      
      /* Forum - Fehlende deklaration für dicke Schrift im Stil */
      b, strong {
          font-weight: 700 !important;
      }


      In meinem Test-System funktioniert das und sowohl Themen mit ungelesenen Beiträgen als auch als fett markierter Text im Editor werden fett markiert. Im Live-System funktioniert das nicht.


      So sieht das im Live-System aus:

      https://pasteboard.co/KgUS3i6.png


      Und so sieht das im Test-System aus:

      https://pasteboard.co/KgUSsbn.png


      Komisch ist, dass die 700er Schrift im Live-System gar nicht erst geladen wird. Aber warum??? :/


      Mein Live-System mit Radiant als Standard ist hier zu erreichen:

      https://www.compiware-forum.de


      @Ramiru

      Was ist das Problem?

    • Ihre Live-Site funktioniert bei mir einwandfrei, wie dieser Screenshot zeigt: https://pasteboard.co/KgV4UUS.jpg


      Ich habe dieses Problem auch schon einmal gehabt, aber ich habe herausgefunden, dass es an einer veralteten Roboto-Font (die nicht von Google Font heruntergeladen wurde) liegt, die auf meinem Computer installiert war.


      Alle Websites, die ich besucht habe und die Roboto verwenden, zeigen nur die normale Font Weight an. Nachdem ich die veraltete Roboto-Font in meinem System gelöscht hatte, funktionierte alles einwandfrei.

      Thanks 1
  • Isn't it possible to install version 2.2.2 in WSC 5.3? Is the new version only available for WSC 5.4? I did not update to WSC 5.4 and want to update as many plugins as possible before upgrading to WSC 5.4. But version 2.2.2 is not available for update.

    • It can't be used for 5.3 because of the template changes, I think particularly in session handling.

      Thanks 1
    • Thanks! Good to know. :)

  • Mit der Woltlab Suite 5.4 ist in der mobilen Version der Login Link nicht anklickbar. Dort wird das wohl über Javascript mit einem Modal Overlay gelöst. Allerdings scheint das laut Browser Konsole fehlzuschlagen weil etwas in den Javascript Libs geändert wurde:


    Code
    Uncaught TypeError: WCF.User.Login is not a constructor
        at HTMLDocument.<anonymous> ((index):2579)
        at f (WCF.Combined.tiny.min.js?v=1626346769:4)
        at p (WCF.Combined.tiny.min.js?v=1626346769:4)
    • Ich empfehle, dies nicht mit der Version 5.4 zu verwenden, da ich die Kompatibilität noch nicht geprüft habe.

    • Okay, vorhin stand bei den "Unterstützte Versionen" noch die 5.4.

      Jetzt ist sie weg.


      Deshalb dachte ich, das wäre soweit getestet.

    • Ich glaube, es wird automatisch von der WoltLab Filebase-App dort abgelegt.

      Thanks 1
    • Gibt es eine Möglichkeit dies zu beheben? Wir haben beiden Foren aktualisiert und jetzt kann sich keiner mehr Mobil einloggen.


      Grüße

    • Um dieses spezielle Problem zu beheben, öffnen Sie ACP > Anpassung > Templates > Radiant(*) > pageHeaderUser Template und finden Sie:

      JavaScript
      new WCF.User.Login(true);

      dann ersetzen Sie es durch:

      JavaScript
      WCF.User.QuickLogin.init();
      Like 2
  • Wie kann ich diese Boxen realisieren ?`


    https://ibb.co/8grPTrf


    @Ramiru

  • hallo!

    woher kommt dieser layout fehler und wie kann ich ihn beheben? Habe eine leerzeile mit einem punkt (?)

    Achja das PDF Handbuch ist down, ich kann es zumindest nirgendwo downloaden.

    LG!

    habe einen screenshot dort hochgeladen, nachdem es hier nicht geht..

    https://i.ibb.co/6s1QnZ9/style.png

    • Bitte posten Sie den gesamten Code der easymedia __userMenu-Template, da dies diejenige ist, die geändert werden muss, um Ihr Problem zu lösen.

      OK 1
    • danke für das schnelle feedback.
      hier der code:

    • Bitte befolgen Sie diese Schritte:


      1.) Kopieren Sie die easymedia __userMenu-Template in die Radiant Template Group.

      2.) Ersetzen Sie den gesamten Code der easymedia __userMenu-Template durch diesen Code:

  • Ist es möglich die pageNavigation Leiste gleich wie den Page Header zu fixieren?


    Für den Header gibt es im ACP die Funkion, für die Naviagtion habe ich aber nicht gefunden.

    Link zum Forum: ls-modcompany.com



    Übrigens, danke für den schönen Stil!

    • Bitte verwenden Sie dieses SCSS:


      Beachten Sie aber, dass die pageNavigation nicht sticky ist, wenn die Seite einen Header-Slider oder eine Box in der Hero-Position hat.

    • Danke für den Code - funktioniert fast perfekt.

      Ein kleiner Schönheitsfehler ist leider noch vorhanden - die Dropdownlisten der Menüleiste beginnen nun erst unter der pageNavigation und nicht wie vorher direkt unter der Menüleiste - lässt sich das noch beheben?

    • Ändern Sie in dem zuvor geposteten Code:

      Code
      z-index: 301;

      in:

      Code
      z-index: 99;
    • Perfekt! Danke für den super Support!

  • Ist es auch möglich das Design so anzupassen, dass es dunkel ist?

  • Hey,
    wie kann ich die Farbe des Pfeiles im Menü ändern. (unter dem aktiven Menüpunkt)


    Liebe Grüße

    • Und würde ich gerne wissen, wie ich die blauen Streifen im Menü wegbekommen (Footer). Kann ich im CSS leider nicht finden.
      Siehe forum.chartsekte.de

    • Habe alles gefunden.

      Thanks 1
  • Guten Abend, ist es möglich, in der Ansicht "Anzeige als Mehrfachspalten" die Logos größer darzustellen?
    Wie hier auf dem Bild, vielleicht auch noch etwas höher um richtige Bilder einzubinden.

    02 - Entwurf.jpg (3840×1992) (fiestast.de)

    • Könnten Sie bitte eine Live-URL zu Ihrer Website bereitstellen, damit ich beurteilen kann, welcher CSS-Code hinzugefügt werden muss?

    • https://fiestast.de/ :) | Falls du Zugangsdaten brauchst, dann kannst du gerne bescheid sagen.

    • Ich weiß nicht, woher Sie das Hintergrundbild bekommen, aber versuchen Sie, dieses SCSS zu verwenden, wenn es erreicht, was Sie wollen:

      Sass (Scss)
      @include screen-sm-up {
          .forumViewModeGrid .wbbBoardList .wbbBoard {
              padding: 12px 0 154px;
              
              &.wbbBoardHasLastPost {
                  padding: 12px 0 200px;
              }
          }
      }
      Thanks 1
    • Vielen Dank, entweder mache ich aber etwas falsch, oder es funktioniert so nicht richtig:


      Forum - FiestaST.de & PumaST.de | Dein Ford Fiesta & Puma ST Forum


      Das Bild habe ich auf 154x200 Pixel zugeschnitten.

    • Ich verstehe jetzt, woher die Bilder kommen.


      Hier sind die Schritte, die Sie für Ihr gewünschtes Layout durchführen müssen:


      1) Löschen Sie den Code, den ich oben gepostet habe.

      2) Kommentieren Sie den SCSS-Code aus oder löschen Sie ihn, den Sie im Radiant-Stil hinzugefügt haben, um die Bilder des Forums anstelle der Icons anzuzeigen. Im Wesentlichen müssen Sie diese Zeilen auskommentieren oder löschen:


      3) Fügen Sie diesen SCSS-Code hinzu, der die Bilder des Forums anzeigt:

      Natürlich müssen Sie ihn modifizieren, damit er die echte board-id und die tatsächlichen Bilder wiedergibt. Außerdem sollten Sie ein größeres Bild als das kleinere mit 35px bereitstellen.

      Thanks 1
  • Hiho, wie kann ich das Backgroundbild aus dem Plugin "Bildwechsler im Header" über die ganze Seite gehen lassen. Nur der obere Teil der Webseite wird damit gefüllt. Bitte um Hilfe.

    • Es funktioniert, wenn die Position der Bilder in Logo und Seite sind.


      Wenn Sie die Position Header wählen, wird es nicht angezeigt, weil es von der Hintergrundfarbe des Hauptmenüs überlagert wird.


      Um die ganze Seite abzudecken, wählen Sie beim Hinzufügen des Bildes Horizontal und Vertikal oder Vertikal : https://pasteboard.co/JQ31W3H.jpg

      Thanks 1
  • Schöner Stil, danke. Wie kann man denn das Login Menü Usermenü aus der Leiste oben in die rechte Boxenseite verschieben ?

    • Könnten Sie bitte einen Screenshot von dem, was Sie versuchen, zur Verfügung stellen?

    • Vielen dank habe es herausgefunden

  • Hallo,

    in meinen Foren wird im mobilen Menü auch immer noch einmal das Footermenü eingeblendet. Da diese Links sowieso im Footer zu sehen sind, würde ich diese gern ausblenden. Gibt es diese Möglichkeit?


    Hier mit Bild: Footer-Menü mobil aus Navigationsmenü ausblenden


    Grüße

    • Öffnen Sie ACP > Anpassung > Templates > Radiant > pageMenuMobile und kommentieren Sie diese Zeilen aus oder löschen Sie sie:

    • Danke

  • Are you planning to Upload the latest version (2.2.1) to gumroad too? The ACP is complaining about an outstanding update.

    Thanks in advance

    • It's uploaded now in Gumroad.

      Thanks 1
  • Hallo,


    1) muss man die Hinweise aus der Übersicht beachten, wenn man die WoltLab Cloud nutzt und das Theme über den offziellen Pluginstore installiert?


    Die Hinweise aus der Übersicht, weswegen ich frage:


    "Wenn Sie keine der beiden oben genannten Anforderungsoptionen erfüllen, kann Ihre Website nicht erfolgreich auf WoltLab 5.3.0 aktualisiert werden."


    "Wenn Sie keine der beiden oben genannten Anforderungsoptionen erfüllen, kann Ihre Website nicht erfolgreich auf WoltLab 5.3.0 aktualisiert werden."


    2) Wäre das hier das richtige Brandfree, weil dort auf die Version 1.1.1 verlinkt, welche nicht für die Cloud ist?

    woltlab.com/pluginstore/file/3028/


    Vielen Dank,

    Mit freundlichen Grüßen Heiko

    • 1) Wenn Ihre WoltLab-Version 5.2.x ist, dann ja, dann müssen Sie den wichtigen Hinweis auf der Registerkarte Übersicht beachten. Wenn Sie aber bereits die WoltLab-Version 5.3.x verwenden, müssen Sie dies nicht tun.


      2) Ja, das ist das einzige Branding Free Plugin für diesen Stil. Es funktioniert sowohl für alte als auch für neue Versionen.

  • Hallo Ramieru,


    gibt es den Stil auch in dunkel oder mit Tag / Nacht Umschaltung?


    Falls nein, ist es problemlos möglich die Farbe selbst zu ändern, oder

    werden dann auch Template Anpassungen nötig?


    Mit freundlichen Grüßen,

    Mani

  • Hallo Ramieru,

    wir haben ein Probleme bei Google PageSpeed. Dort wird die lange Ladezeit von FontAwesome kritisiert:

    Geschätzte Einsparung

    Wichtige Anforderungen vorab laden

    7,05 s

    Mit `<link rel=preload>` können Sie das Abrufen von Ressourcen priorisieren, die derzeit beim Seitenaufbau erst später angefordert werden. Weitere Informationen.

    Da ist natürlich für das Ranking bei Google tödlich. Was könnte denn das Problem sein, dass hier so lange an dem FontAwesome geladen wird?

    https://developers.google.com/…das-schaeferhund-forum.de


    • Sie können FontAwesome vorladen, wie in den Insights vorgeschlagen.


      Öffnen Sie ACP > Anpassung > Templates > Radiant(*) > headInclude-Template und fügen Sie hinzu:

      HTML
      <link rel="preload" as="font" type="font/woff2" href="{@$__wcf->getPath()}font/fontawesome-webfont.woff2?v=4.7.0" crossorigin />

      direkt über:

      HTML
      <!-- Stylesheets -->
    • Vielen Dank. Es funktioniert. Leider bleibt der gesamte Wert weiterhin schlecht 😔.

      https://developers.google.com/…nd-forum.de%2F&tab=mobile

    • Sie können auch versuchen, die beschleunigte Gastansicht zu aktivieren. Sie können auch die Fontquelle auf lokal gehostet einstellen (ACP > Konfiguration > Radiant > Fontquelle), wie Sie zuvor angefordert haben.


      Abgesehen davon gibt es meiner Meinung nach nichts, was ich am Stil tun kann, damit er bei Insights ein gutes Ergebnis erzielt.


      Es scheint, dass das Adsense auch zu Ihrer schlechten Bewertung beiträgt.

  • Hallo,

    leider ist die Einbindung der Schrift Roboto nicht DSGVO Konform. Auch greift die Woltlabfunktion, dass Google Fonts auf dem Server gespeichert werden, hier nicht. Was kann ich machen, damit diese Schrift vom eigenen Server geladen wird?

    • Die nächste Version (2.2.1) wird eine Option zur Auswahl der Quelle der verwendeten Schriftarten haben. Der Standard ist Google Font CDN.


      https://pasteboard.co/JLeQJ4x.png

      Thanks 1
    • Sehr gut! :)


      Wenn ich dann "Locally Hosted" auswähle, wird die Schriftart dann automatisch geladen, gespeichert und genutzt? Oder muss ich die Schrift dann laden und in einen bestimmten Ordner legen? :/


      EDIT: Die Schrift wird wohl automatisch geladen und im Radiant-Ordner gespeichert. Von dort wird sie dann genutzt, wenn ich das richtig sehe. :thumbup:

    • Die Fonts befinden sich in den Ordnern /font/families/xxx. Sie wird dann aus der CSS-Datei /style/ForoStyle/radiantFont.css aufgerufen

    • Vielen Dank Ramiru. Jetzt funktioniert es sehr gut.

  • Für diejenigen, die den gleichen Effekt wie diesen haben wollen: Hilfe beim Basteln von Rahmen für die Sidebar, sollte der zu verwendende SCSS-Code sein:

    Like 1 Thanks 1
    • Die Grafik wird aber noch immer nicht angezeigt ;(

    • Ändern Sie:

      CSS
      background-image: url("https://picsum.photos/100");

      auf den korrekten Pfad Ihres Bildes, das Sie anzeigen möchten.

    • Vielen Dank :)

Customers Who Bought This File Also Bought

  1. Community Bot

    • UdoZ
    • (5)
    New The 'Swiss Knife' for your community.
    EUR 9.97
    • Like 35
    • 2.7k Downloads
    • 900 Purchases
  2. New Allows you to create a modern slideshow with teaser as an eye catcher in your dashboard and/or forum.
    WoltLab Cloud
    EUR 12.99
    • Like 85
    • 3.2k Downloads
    • 1k Purchases
  3. New This plugin provides a clean and modern shoutbox for your community.
    WoltLab Cloud
    EUR 5.95
    • Like 292
    • 19k Downloads
    • 4.8k Purchases
  4. Extends the conversations (known as private messages) to a fast and innovative chat system like Facebook has.
    WoltLab Cloud
    EUR 19.99
    • Like 31
    • 1.3k Downloads
    • 554 Purchases