Wenn Sie das Statistik-Plugin von WordPress.com verwenden, werden Sie feststellen, dass Sie ein kleines Smiley-Bild in Ihre Fußzeile einfügen. Dieses Bild muss geladen werden, um Statistiken zu verfolgen.
Einige Leute denken vielleicht, dass dieses Smiley-Gesicht "süß" ist. Der Rest von Ihnen wird das hässliche (und möglicherweise böse) Smiley-Bild finden und nach Möglichkeiten suchen, es zu entfernen. Dieser Beitrag wird überprüft:
- Zuallererst nein tun, wenn sich der Smiley versteckt
- Wie man es richtig versteckt, mit einigen zusätzlichen absoluten Positionsgütern für bestimmte Designs
- Wenn Sie es lieber nicht verbergen möchten, können Sie das lächelnde Bild einfach zentrieren
Was nicht zu tun
Verwenden Sie niemals display: none, um den WP Stats Smiley auszublenden.
Zunächst möchte ich auf das eine eingehen sollte nicht tun wenn ich versuche, den Smiley vor WP-Statistiken zu verbergen, und das ist die Verwendung: display: none. Ja, ich habe es zweimal gesagt, aber ich habe dafür gesorgt, dass du es nicht verpasst hast.
Ja, das ist derselbe Code, den Sie verwenden können, um einen CSS-Killswitch-Effekt zu erzielen, aber Sie möchten ihn definitiv nicht verwenden, um ein Bild nicht anzuzeigen, das geladen werden muss, um Statistiken genau anzuzeigen.
Was ist stattdessen zu tun?
Gemäß diesem Beitrag empfiehlt der Entwickler, den folgenden Code für Ihr Stylesheet (d. H. Style.css) zu verwenden, wenn Sie den Smiley ausblenden möchten:
img#wpstats{width:0px;height:0px;overflow:hidden}
Etwas Ähnliches wie der vorherige Code wäre das Folgende:
img#wpstats{visibility:hidden}
Der Unterschied zwischen Sichtbarkeit: Ausgeblendet und Anzeige: Keine ist Sichtbarkeit: Ausgeblendet nimmt weiterhin Platz im Layout ein, während Anzeige: Keine nicht (und denken Sie daran, dass Sie Anzeige: Keine nicht verwenden können, es sei denn, Sie möchten, dass die Verfolgung verfolgt wird deiner Statistiken)
Bei bestimmten Designs gibt es ein kleines Problem damit, dass dieser Code Platz unter der Fußzeile beansprucht. Daher habe ich mir eine kreativere Lösung überlegt.
Hier ist ein Beispiel für das, worüber ich spreche. Beachten Sie das Smiley-Gesicht in der unteren linken Ecke, das dazu führt, dass das Fußzeilendesign beschädigt wird.
Bei den beiden vorherigen Beispielen würde das Bild, obwohl es nicht sichtbar ist, immer noch Platz im Layout beanspruchen, wodurch der hellgraue Balken (die Hintergrundfarbe) in der Fußzeile angezeigt wird.
Absolute Positionierung
Eine Kombination aus absoluter Positionierung und dem obigen Code ist ein guter Weg, um dieses Problem zu beseitigen. Sie könnten so etwas versuchen:
img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}
Bild zentrieren
Abhängig von Ihrem Design sieht es möglicherweise etwas besser aus, wenn das Smiley-Bild zentriert ist, anstatt es auszublenden. Sie können dies einfach mit dem folgenden Code-Snippet tun.
img#wpstats{display:block;margin: 0 auto}
Erklärung:
- Stellen Sie das Bild so ein, dass es als Block angezeigt wird (standardmäßig statt online).
- Setzt den linken und rechten Rand auf Auto, um das aktuelle Sperrbild effektiv zu zentrieren.
Mit diesem CSS können Sie fast jedes "img" -Tag korrekt zentrieren, ohne zusätzliches Markup zu verwenden.
Fazit
Übrigens, wenn Sie das WP Stats Smiley Remover-Plugin verwenden, tun Sie es nicht. Denn alles, was Sie tun, fügt Ihrem Header das CSS "display: none" hinzu. Genau das, was du bist soll nicht tun.
Ich hoffe dir hat der WordPress / CSS Tipp gefallen. Wie der letzte weiß ich, dass dies relativ einfach war. Ich kann fortgeschrittenere machen. Wenn Sie also Anfragen nach schnellen CSS-Tipps wie diesen haben, lassen Sie es mich in den Kommentaren wissen.
