Suchergebnisse für elmastudio

Contact Form 7: Nicht immer CSS & JavaScript laden – Eine Anleitung für das Moka-Theme von Elmastudio

Contact Form 7 ist ein schönes WordPress-Plugin und bringt geniale (Kontakt-) Formulare auf unzählige Blogs. Dazu setzt sich allerdings im Header fest und lässt bei jeder einzelnen WordPress-Seite, jedem Blogposting auch das eigenen JavaScript und CSS laden. Das ist aber nicht wirklich notwendig. Und um die Ladezeiten, gerade für die mobilen Besucher, zu verbessern, gibt es hier eine Anleitung, um das überflüssige JavaScript und CSS nicht zu laden.

Die Anleitung ist natürlich abhängig vom verwendeten WordPress-Theme. Hier zeige ich es anhand von Moka, meinem aktuellen Theme von Elmastudio.
Lies „Contact Form 7: Nicht immer CSS & JavaScript laden – Eine Anleitung für das Moka-Theme von Elmastudio“ weiter

Google-Webfonts in WordPress und im Theme Moka (Elmastudio) deaktivieren

Xwolf hat schon recht, wenn er sich über die Integration von Google Webfonts in WordPress 3.8 aufregt. Die Webfonts sind zwar ein nettes Angebot von Google, aber es ermöglicht natürlich auch ein Tracking von vielen Internetbesuchern. Ohne dass diese es wirklich mitbekommen.

Für das Admin-Interface von WordPress weist Xwolf auf das WordPress-Plugin Disable Google Fonts hin. Das deaktiviert für Admins die Webfonts und hilft auch den Besuchern, wenn man die Standard-Themes von WordPress installiert hat. Für mein Theme, Moka von Elmastudio, hilft dieses Plugin nicht.
Lies „Google-Webfonts in WordPress und im Theme Moka (Elmastudio) deaktivieren“ weiter

Hallo Moka! (Kein Kaffee, sondern das WordPress-Theme von Elmastudio)

Zusammen mit einem Logo ist hier umgestaltet worden. Das neue WordPress-Theme Moka von Elmastudio schmückt dieses Blog. Mit ein paar kleineren Anpassungen und einem Logo lief die Umstellung sehr schnell und hoffentlich auch für euch unproblematisch ab.

Bei dem neuen Logo bin ich noch nicht sicher, ob es langfristig so bleiben wird. Heute morgen bei einem Kaffee schnell erstellt, gefällt es mir eigentlich. Aber erfahrungsgemäß bin ich da immer sehr kritisch und wenig von meinen künstlerischen Fähigkeiten überzeugt. (Schon wieder neu)
Lies „Hallo Moka! (Kein Kaffee, sondern das WordPress-Theme von Elmastudio)“ weiter

Zwei Kreisdiagramme für Dich

In den letzten Tagen spielte ich hier an der Seite herum. Ich brachte ein neues Theme online, konfigurierte es und schrieb da etwas PHP und hier etwas CSS um. Alles gut und schön, aber ich bemerkte dann einen entscheidenden Fehler. Rief ich einen Artikel mit meinem iPhone auf, war die Anzeige zu breit. Drehte ich das iPhone ins Querformat, passte es wieder.

Mobil oder stationär?!

Ich entschied mich dann, wieder auf Moka zu setzen. Das klingt nicht nur nach Kaffee, sondern funktioniert auch auf mobilen Geräten gut. Doch was sagt die Statistik? Womit wird das Blog aufgerufen?

Verteilung Desktop vs. Mobile Besucher 2014-1016 auf webanhalter.de
Verteilung Desktop vs. Mobile Besucher 2014-1016 auf webanhalter.de

Relativ eindeutig sieht man, hier muss das Blog auch gut auf mobilen Geräten funktionieren. Das ist weder überraschend noch ungewöhnlich. Aber wenigstens ein schönes Kreisdiagramm.

Verteilung der Suchmaschinen

Die benutzen doch alle Google, oder?!

Die obige Frage darf man ruhigen Gewissens mit „Ja“ beantworten.

Suchmaschinenverteilung 2014-1016 auf webanhalter.de
Suchmaschinenverteilung 2014-1016 auf webanhalter.de

Es sind lockere >90% Anteil von Google. Wahrscheinlich sieht das auf anderen Blogs ebenfalls so deutlich aus.

2 Google Tools

Google bietet übrigens zwei Services an, die für die schnelle Überprüfung von Webseiten recht praktisch ist. Mit PageSpeed Insights analysiert Google eine Seite und bietet Tipps an, wie man sie schneller bekommt. Was der Test auf Optimierung für Mobilgeräte für Informationen bringt, sollte sich jedem selber erschließen.

Und nun schau ganz schnell etwas weiter unten, dort kannst Du Deine Emailadresse eintragen und bekommst eine Benachrichtigung über neue Beiträge. Jedenfalls so lange ich dies nicht auch wieder auf den Kopf stelle.

10 Gründe, warum ich Hexa benutze. Nummer 8 wird dich garantiert zum Klicken verleiten!

Was mache ich an einem verregneten Sonntagnachmittag? Prokastinieren natürlich. Sinnvoller wäre sicherlich aufräumen oder ein gutes Buch gewesen, aber spannender ist die Installation eines neuen Themes.

Theme Hexa. Mobile Ansicht von webanhalter.de
Theme Hexa. Mobile Ansicht von webanhalter.de


Es ist nach kurzer Suche Hexa von Automattic geworden.

10 Gründe für das Theme Hexa

1. Responsible

Hexa ist ein responsibles Theme. Damit passt sich das Theme an das Endgerät an. Sei es ein riesiger Bildschirm auf dem Office-Computer oder das neueste Smartphone.

2. Minimalistisch

Hexa ist minimalistisch. Damit kann sich der/die LeserIn auf den Inhalt konzentrieren.

3. Minimal minimalistisch

Aber das Theme ist dann doch nicht so minimalistisch, als dass es nicht doch optisch ansprechender als eine weiße Seite ist.

4. Ladezeit

Durch den Verzicht auf aufwendige Bilder und Grafiken lädt dieses WordPress-Theme und damit mein Blog schnell.

5. Postformats

Durch das Anklicken der Grafik des Postformats (neben der Überschrift) ruft man alle Beiträge mit diesem Postformat auf. Das könnten zum Beispiel alle Link-Posts oder alle Image-Posts sein.

6. Eigenes Headerbild

Hexa erlaubt das Hochladen eines eigenen Headerbilders, sieht aber auch ohne sehr gut aus.

7. Keine Kommentare

Sind die Kommentare deaktiviert, wie hier bei eigentlich allen Beiträgen, wird die gesamte Kommentarsektion nicht angezeigt. Also steht auch nicht überall „O Kommentare“, „Hier kommentieren“ und „Kommentare sind deaktiviert“.

8. Die Menüs

Das Menü, die Seitennavigation und die Widgets verstecken sich hinter netten Buttons. Mit leichter Animation öffnen sie sich. Unten ist ein GIF, das die Animation zeigt.

So funktioniert das Menü auf webanhalter.de - Animiertes Bild (gif)
So funktioniert das Menü auf webanhalter.de – Animiertes Bild (gif)

9. Mit Headline

Beiträge mit unterschiedlichen Postformats werden mit ihrer Überschrift angezeigt. Das war bei meinem alten Theme nicht der Fall. Es hat mich wirklich ein wenig gestört, besonders bei den Bildern.

10. No money

Es ist ein kostenloses WordPress-Theme. Ich bin durchaus bereit, für Themes Geld auszugeben (siehe Elmastudio). Schnelle Wechsel und Ausprobieren würde ich aber nicht machen, wenn ich jedes Mal zehn, fünfzehn Euro bezahlen müsste.

Download

Hexa findet sich im Theme-Verzeichnis von WordPress und kann dort heruntergeladen werden. Auch eine Live-Demo gibt es dort, für diejenigen, die Hexa erst ausprobieren wollen.