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