Sauberer WordPress Header

WordPress hat die unschöne Angewohnheit, sich mit nicht immer sehr nützlichen Meta-Tags im head-Bereich des HTML-Dokuments zu verewigen. Jetzt ist Datenballast nie sonderlich von Vorteil, so werden zum einen die HTML-Dokumente entsprechend größer, aber auch andere Probleme könnten dadurch zumindest begünstigt werden, beispielsweise Angriffe auf die Webseite durch die genaue WordPress-Version im Header.

Natürlich gibt es Plugins die einem da Abhilfe schaffen, allerdings sollte man es mit Plugins nicht übertreiben und zudem gibt es auch eine einfache Möglichkeit dies zu ändern. Einige PHP-Anweisungen in der „functions.php“ im aktuellen Theme-Verzeichnis genügen. Hier eine paar Beispiele von möglichen Einträgen, mit Erklärung was damit bewirkt wird.

Hinweis: Wie der Eintrag zu machen ist, hängt vom Aufbau eurer functions.php ab, ich spare mit zu erklären das die Anweisungen natürlich zwischen PHP-Tags zu setzen ist (<?php …. ?>). Wer einen RSS-Feed betreibt lässt natürlich die RSS-Einträge aktiv.

// WP-header bereinigen
//
// Really Simple Discovery Eintrag entfernen
 remove_action('wp_head', 'rsd_link');
// WordPress-Version entfernen
 remove_action('wp_head', 'wp_generator');
// Zeigt die Links zu den Haupt-Feeds, also Post und Comment Feed
 remove_action('wp_head', 'feed_links', 2);
// Zeigt links zu Extra-Feeds, z.B. Kategorien Feeds 
remove_action('wp_head', 'feed_links_extra', 3);
// index link entfernen
 remove_action('wp_head', 'index_rel_link');
// Windows Live Writer entfernen
 remove_action('wp_head', 'wlwmanifest_link');
// Entfernt die relationalen Links, ausgehend vom Start-Post
 remove_action('wp_head', 'start_post_rel_link', 10, 0);
// Entfernt die relationalen Links zum nächsten Post
 remove_action('wp_head', 'parent_post_rel_link', 10, 0);
// Entfernt die relationalen Links zum benachbarten Post
 remove_action('wp_head', 'adjacent_posts_rel_link', 10, 0);

 Entfernen per Plugin

Wie schon erwähnt gibt es auch die Möglichkeit diese Einträge per Plugin zu entfernen, hierfür könnte man zum Beispiel „WP Head Section Cleaner“ verwenden. Laut Plugin-Beschreibung entfernt er genau die genannten Einträge, getestet habe ich dies aber nicht, also ohne Gewähr.

So lässt sich der WordPress Header einfach, schnell und sicher von Ballast befreien.

Zeichnung Giftfrosch

Zeichnung eines giftigen Frosches der sich selbst vergiftet, quasi dadurch das er sich in die Zunge gebissen hat. Ich hab keine Ahnung, ob Frösche ihr Gift über die Zunge übertragen, mag aber die Idee. Wieder gezeichnet mit Öl- und Holzmalstiften auf Zeichenkarton.

Vorschau:

froschi_k

5 kostenlose Grid Themes für WordPress

Für CMS-Systeme gibt es unzählige Möglichkeiten ein Theme zu gestalten oder zu variieren. Erstes Kriterium ist natürlich der Einsatzzweck der Webseite oder der individuelle Geschmack. Auch der aktuelle Stand der Webentwicklung sollte berücksichtigt werden und diesen stelle ich heute in den Vordergrund. Den meisten ist Responsive Design ein Begriff, falls nicht, hier eine kurze Erklärung:

Bei Responsive Webdesign handelt es sich um eine Technik die Webseiten für verschiedenen Ausgabegrößen (Display-Größen) optimiert. Dies geschieht mit Hilfe der sogenannten CSS3 Media-Queries, meist in Verbindung mit HTML5 oder CMS-Systemen. Hierbei sind drei Größen relevant, nämlich die des herkömmlichen Computer Monitors,  ein Tablets und das Smartphones. Dabei wird das Layout entsprechend flexibel gestaltet und programmiert und bei Aufruf die entsprechende Ausgabe erkennt und das angepasste Layout aufruft. Natürlich hat jeder Monitor, jedes Tablet und erst recht jedes Smartphone eine unterschiedliche Auflösung, somit ist es unmöglich jede zu berücksichtigen, aber zumindest die Gängigsten.

Was hat das nun mit Themes zu tun? Vieles, denn durch diesen Umstand haben sich Darstellungen und Aufteilungen entwickelt, die es vorher in dem Umfang nicht gab. Und um einen Vertreter dieser Darstellung geht es heute, sogenannte „Grid-Themes“. Dabei ist der Name Programm, der Englische Begriff „Grid“ bedeutet in deutsch soviel wie Raster oder Gitter, beides lässt sich auf die Gestaltung solcher Themes projizieren. Dieses Raster lässt sich dann natürlich aus alle Display-Ausgaben übertragen.

responsive

Wie man sofort erkennt wurden diese Themes getreu dem Motto „Form follows function“ erstellt, die Form der Webseite ist der Funktionalität untergeordnet. Sämtliche Inhalte folgen streng einem vordefinierten Raster, auch Bilder und Grafiken. So eignet sich dieser Aufbau hervorragend für Portfolio-, Fotografen- oder Blog-Webseiten, also Bereichen die viel mit Grafiken arbeiten.

Ich habe einige kostenlos erhältliche Themes dieser Form zusammen getragen und stelle sie nachfolgend schnell vor. WICHTIG! Wie und in welchem Umfang ihr die Themes nutzen dürft, erfahrt ihr auf den entsprechenden Webseiten der Anbieter! Hier nun die Übersicht:

Wembley-Theme von FabThemes

Minimalistisch gestaltetes Theme mit einigen vordefinierten Bereichen, z.B. die Änderbarkeit per Backend von Begrüßungstext, CSS-Attributen und Logo. Startseite mit einem Bilderraster, unter welchem Beitragsname und Kategorie zu finden ist. das Theme ist voll flexibel und passt sich an jede Bildschirmgröße an. Der Seiteninhalt erstreckt sich automatisch über die ganze, verfügbare Monitor oder Display-Breite.

wembley_theme

Cell-Theme von alienwp.com

Ebenfalls ein recht einfach gehaltenes Theme, allerdings mit variabler Bildgröße auf der Startseite. Außerdem verfügt das Theme über zwei verschiedene Beitrags-Formate, konfigurierbaren Hintergrund für den Kopfbereich und die Seite. Natürlich ist dieses Theme auch für mehrere Bildschirmgrößen optimiert. Nachfolgend die Demo-Seite des Themes und der Download.

cell_theme

Onion-Theme von goresponsive.in

Der Name ist Programm, ein sehr vielschichtiges Theme mit vielen. vielen Extras. So enthält das Theme unter anderem Social Icons, Google Webfonts, Menü über mehrere Ebenen, individueller 404-Seite, vordefinierten Widgets uvm. Die Seitenformatierungen lassen sich universal einsetzen und sorgen für maximale Flexibilität. Für ein kostenloses Theme selten, sind auch eine ganze Hand voll sogenannter „Shortcodes“ verfügbar. Mit ihnen lassen sich bestimmte Elemente schnell per entsprechenden Platzhalter integrieren. Ein wirklich ungewöhnlich umfangreiches Paket.

onion_theme

Pinbin-Theme von colorlib.com

Auch Pinbin ist ein waschechtes responsive Theme, welches allerdings mit einem ganz so minimalen Design daher kommt. Es zielt auf einen eher etwas edleren Eindruck, was ganz gut gelingt. Pinbin erstreckt sich ebenfalls über die gesamte Fensterbreite, is allerdings nicht zentriert angelegt. Details wie z.B. Logo lassen sich auch bequem per Backend ändern.

pinbin_theme

Grid Theme Responsive von dessign.net

Dieses Theme unterscheidet sich von seinen Vorgängern nur durch den endlosen  Bildlauf, welcher die Startseite fortsetzt solange Beiträge vorhanden sind. Ansonsten lassen sich auch hier beispielsweise Logo per Backend ändern. Insgesamt ein sehr stimmiges Theme.

grid_theme

Thats it! Ich hoffe der Artikel hilft euch bei der Wahl eines responsive Theme für WordPress. Noch ein kleiner Hinweis, bei der Installation der Themes unbedingt entsprechende Dokumentation oder ReadMe anschauen! Manche Funktionen erfordern ein wenig mehr als die gewohnte Installation.