Lesefortschritt:

    Divi-Blogmodul: Angezeigte Beiträge auch ohne Bilder auffällig gestalten

    12. April 2023 | CSS-Stylesheet, Divi-Theme

    Trick # 230 | Dieser Beitrag beinhaltet 655 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.

    Beiträge mit Beitragsbildern werden im Blog-Modul des Divi-Themes ansprechend dargestellt. Was aber, wenn Sie keine Beitragsbilder verwenden? So macht es auch Dr. Code. Sie haben aber auch ohne Bilder die Möglichkeit, Ihre Blogbeiträge «catchy»  und auffällig anzuzeigen. Wir zeigen Ihnen, wie das geht.

    Zunächst ein Beispiel. Nebenan sehen Sie ein Blogmodul im Gridlayout. So präsentieren sich die angezeigten Beiträge «out of the box»:

     

    Um die angezeigten Beiträge etwas auffälliger zu gestalten, benötigen Sie ein wenig CSS-Code.

    Word­Press: Login-Zwang für bestimmte IPs deaktivieren

    Ist Ihre ganze Word­Press-Site (oder Teile davon) nur für eingeloggte User erreichbar? Im Alltag kann der Zwangs-Login ganz schön nerven. Praktisch wäre es, wenn gewisse IPs «whitelisted» wären. Die User müssten sich dann nicht wieder einloggen, bzw. müssten sich nur dann neu einloggen, wenn sie mal von woanders auf die Website zugreifen wollen. Ist gar nicht mal so schwierig einzurichten.

    mehr lesen

    Diesen finden Sie in der Folge – kopieren sie ihn in das CSS-Stylesheet Ihrer Website. Im Backend unter Design/Customizer/Zusätzliches CSS:

    .title-background .entry-title {
    min-height: 200px;
    padding: 10px;
    color: #ffffff;
    background-color: #293280;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    hyphens: auto;
    }.title-background .entry-title:hover {
    color: #293280;
    background-color: #59b14b33;
    border: 1px solid #293280;
    transition: ease 0.5s;
    }

    Nun müssen Sie dem Blogmodul noch die Klasse «title-background» zuweisen. Bearbeiten Sie hiezu das Blog-Modul, wechseln Sie auf den Tab «Erweitert», gehen auf «CSS-ID & Klassen» und fügen Sie den Klassennamen in das Textfeld «CSS-Klassen» ein.

    Nun zeigt sich das obige Blog-Modul so:

     

    Den CSS-Code können Sie natürlich ganz nach Ihren Wünschen anpassen.

    Word­Press: Login-Zwang für bestimmte IPs deaktivieren

    Ist Ihre ganze Word­Press-Site (oder Teile davon) nur für eingeloggte User erreichbar? Im Alltag kann der Zwangs-Login ganz schön nerven. Praktisch wäre es, wenn gewisse IPs «whitelisted» wären. Die User müssten sich dann nicht wieder einloggen, bzw. müssten sich nur dann neu einloggen, wenn sie mal von woanders auf die Website zugreifen wollen. Ist gar nicht mal so schwierig einzurichten.

    mehr lesen

    Werbung

    Die Krux mit den verunstalteten Telefon-Links

    Kennen Sie das? Da nennen Sie auf Ihrer Website eine harmlose Telefonnummer - und schwups, wird diese in zahlreichen Browsern übel verunstaltet. Einige Browser - ganz besonders solche von Mobilgeräten - erkennen nämlich Telefonnummern auf ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This