Theme:

michaelvandenberg.wordpress.com/themes/

Demo:

demo.michaelvandenberg.com/newton/

GitHub (+ documentation):

github.com/MichaelVanDenBerg/Newton

Variation zum Theme

Theme Newton ist die Silbentrennung nicht integriert:

CSS/Eigenschaften/Textausrichtung/hyphens

Customizer:

p {
 -ms-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto;
 }

Akkordeon Menü im anklicke Hauptpunkt
so öffnen sich die Punkte unterhalb

Theme Newton → Ordner js → navigation.js

/* Anklickt Menü Hauptpunkt öffnen sich die Punkte unterhalb */
jQuery(document).ready(function($) {
$(".menu-item-has-children.current-menu-item > .dropdown-toggle").trigger("click");
});

Code von WP-Freund

Schriftgröße zum Website-Branding und Website-Informationen

„Powered by WordPress
The Newton theme by Michael Van Den Berg“

style.css

/*--------------------------------------------------------------
## Site branding and site info.
--------------------------------------------------------------*/
...
/* Site-info. */
...
font-size: 10px;
font-size: 0.625rem;
...

Animiertes Logo

• Das animierbare SVG (kulturmodell-anim.svg) ist im hierfür vorgesehenen Ordner images.
• In der Theme header.php ist folgender Code:

<h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a><?php echo do_shortcode('[insert-svg-code file="kulturmodell-anim" class="svg-refresh-trigger"]'); ?></h1>

• Im Customizer ist die SVG-Animation abgespeichert.
  • So Merkl: https://wiki.selfhtml.org/wiki/CSS/Tutorials/Animation/Transition#transition-property

Anmeldung für Besucher

• Das Plug-in Password Protected und
• für separates Logo zur Anmeldung das Plug-in Login-Logo.

Das Bild login-logo.svg ist nicht wie normal von Plug-in aus der Mediathek abrufbar, sondern hier im wp-content unter dem Ordner logs zu finden.

Im Plug-in „Login-Logo“ in der login-logo.php erfolgte die Änderung der .png auf .svg. Weiter wurde in der Datei folgendes angepasst, von:

width: <?php echo self::CUTOFF; ?>px;
height: <?php echo $this->get_height(); ?>px;
margin-left: 8px;
padding-bottom: 16px;

… geändert in:

width: 320px;
height: 236px;
margin-left: 0px;
padding-bottom: 0px;

Oder auch ohne dem Plug-in Login-Logo das Logo funktionell:

function custom_login_logo() {
    $svg_url = site_url('/wp-content/kulturmodell-anim.svg'); // Pfad zum SVG-Logo
    echo '<style type="text/css">
        #login h1 a {
            background-image: url(' . $svg_url . ');
            background-size: contain;
            width: 320px;
            height: 236px;
            margin-left: 0px;padding-bottom: 0px;
        }
        </style>';
}

add_action('login_enqueue_scripts', 'custom_login_logo');