Piwik erledigt, header hat noch 2 Bugs
So, habe nun Jetpack Statistik deaktiviert und dafür SSL-gesichertes Piwik auf meinem Server installiert und mit dem Plugin WP-Piwik verbunden. Funktioniert offensichtlich alles super. Erst hatte ich ein selbst signiertes SSL-Zertifikat, das wollte WP-Piwik nicht. Aber zum Glück bietet mein Provider seit neuestem LetsEncrypt-Zertifikate an, damit ging es. Datenschutzerklärung ist auch aktualisiert, inklusive Opt-Out Möglichkeit für Piwik. Weiß jemand, ob Piwik bei Besuchern, die im Browser die "Do Not Track"-Funktion eingestellt haben (so wie ich auch) wenigstens noch den Seitenaufruf statistisch erfasst? Wieviele Leute meine Seiten besuchen würde ich schon gerne wissen. Die IPs werden in meiner Piwik-Version ohnehin standardmäßig anonymisiert (letzte 2 Bits).
Dann habe ich noch einmal am header bzw. dem style.css rumgefrickelt und es mit CSS float:left beim Logo halbwegs hinbekommen, dass Blogtitel und Blog Beschreibung rechts neben dem Blog-Logo stehen. Zwei Probleme habe ich dabei aber noch.
1. der ganze header-Bereich hat jetzt bis auf zwei Ecken links und rechts ganz oben eine graue Hintergrundfarbe bekommen. Eigentlich sollte laut Einstellungen im Theme alles weiß sein.
2. In Firefox bricht der Untertitel "Ein Blog über Leben und Arbeitswelt im Digitalen Zeitalter." unnötigerweise nach dem Wort "Arbeitswelt" um. Das tritt nur bei großem Bildschirm auf, wenn bei kleinerem Screen das Menü rechts einklappt bricht der Untertitel nicht um. Im Internetexplorer klappt alles, egal welche Bildschirmgröße.
Ich vermute, ich habe mit diesem float:left oder einer margin / padding Angabe was falsch gemacht. Die header.php sieht bei mir so aus:
<!-- Menu -->
<div class="menu_main">
<div class="navbar blogx-navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#st-navber-collapse">
<span class="sr-only"><?php echo __('Toggle navigation', 'shaped-blog'); ?></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<?php if(get_theme_mod('shaped_blog_logo')): ?>
<div class="logo">
<a href="<?php echo esc_url(home_url()); ?>"><img src="<?php echo esc_url(get_theme_mod('shaped_blog_logo')); ?>"></a>
</div>
<div class="text-logo">
<a href="<?php echo esc_url(home_url()); ?>"><?php bloginfo('name' ); ?></a>
<p><?php bloginfo('description' ); ?></p>
</div>
<!-- /Logo -->
<?php else: ?>
<div class="text-logo">
<a href="<?php echo esc_url(home_url()); ?>"><?php bloginfo('name' ); ?></a>
<p><?php bloginfo('description' ); ?></p>
</div><!-- /Logo -->
<?php endif; ?>
</div>
Alles anzeigen
und die style.css so:
/* === Navigations === */
.logo{
padding-top: 16px;
padding-right: 16px;
padding-left: 16px;
width: 149px;
height: 120px;
float: left;
}
.text-logo{
padding-top: 32px;
}
.text-logo a{
color: #68c3a3;
font-size: 24px;
font-weight: bold;
line-height: 10px;
}
.text-logo p{
font-size: 14px;
}
#header{
background-color: #ffffff;
margin-bottom: 30px;
box-shadow: 0px 0px 1px #aaa;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
margin: 0;
padding: 0;
border: 1px solid rgba(174, 174, 174, 0.12);
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
ul.nav li.dropdown ul.dropdown-menu li:hover ul.dropdown-menu{
margin-left: 100%;
top: 0;
}
.blogx-xt um {
background-color: transparent;
border-color: transparent;
}
.navbar{
margin-bottom: 0 !important;
}
.navbar-nav li a {
padding-top: 0px;
padding-bottom: 0px;
line-height: 20px;
padding: 0;
background-color: transparent;
margin: 20px 20px;
}
.navbar-nav li:last-child a{
margin-right: 0;
}
.navbar-collapse{
padding-right: 5;
}
.navbar-nav .dropdown-menu li a{
padding: 10px 20px;
margin: 0;
}
.navbar-default .navbar-nav .dropdown-menu li a:hover, .dropdown-menu li a:focus, .navbar-default .navbar-nav .dropdown-menu .active a{
background-color: #68c3a3;
color: #fff;
}
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus {
color: #68c3a3;
background-color: transparent;
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus{
color: #68c3a3;
}
Alles anzeigen
Wäre froh, wenn ihr mir hier nochmal helfen könntet!
