Tag Archives: Wordpress Plugins

Das WordPress Plugin Pixgridder ist eines der besten für die einfache Erstellung von Content mit frei, flexibel erstellbaren Spalten.
Leider ist es aber auch von Grundauf nicht für Bootstrap optimiert, und das letzte Update ein wenig her. Dadurch gibt es ab einer Spalten Anzahl von 12 verschiedene Fehler, die bei der Bearbeitung von Inhalten ziemlich nervig sein können.

Prinzipiell müssen bei der Verwendung von Pixgridder und Bootstrap für jede angelegte Reihe 12 Spalten eingestellt werden.

pixgridder-12-cols

Aber nun zu den Anpassungen um Pixgridder für Bootstrap anzupassen und verschiedene Bugs zu beheben.

STEP 1: Die functions.php

Die functions.php findet man im Plugin Root Ordner. Die erste Anpassung befindet sich in der Funktion admin_scripts

public function admin_scripts() {
	global $pagenow;
	if ( $pagenow == 'post.php' || $pagenow == 'post-new.php' ) {
		wp_enqueue_script( $this->plugin_slug . '-modernizr', PIXGRIDDER_URL.'scripts/modernizr.pix.js', array(), '2.6.2' );
		wp_enqueue_script( $this->plugin_slug . '-ui-touch-punch', PIXGRIDDER_URL.'scripts/jquery.ui.touch-punch.min.js', array('jquery-ui-mouse'), '0.2.2', false );
		wp_enqueue_script( $this->plugin_slug . '-livequery', PIXGRIDDER_URL.'scripts/jquery.livequery.js', array('jquery'), '1.1.1', false );
		wp_enqueue_script( $this->plugin_slug, PIXGRIDDER_URL.'scripts/gridder.js', array($this->plugin_slug.'-modernizr','jquery','jquery-ui-core',$this->plugin_slug.'-ui-touch-punch','jquery-ui-sortable',$this->plugin_slug.'-livequery','jquery-ui-resizable','jquery-ui-dialog') );
	}
	if ('options-general.php' == $pagenow && isset($_GET['page']) && $_GET['page']=='pixgridder_admin') {
		wp_enqueue_script( $this->plugin_slug . '-admin', PIXGRIDDER_URL.'scripts/admin.js', array('jquery'), $this->version );
	}
}

In dieser Funktion werden verschiedene Javascript Dateien geladen, die für die Verwendung von Pixgridder benötigt werden. Eine unserer Anpassungen betrifft nun aber die gridder.js. Diese ist minifiziert und eignet sich wenig zum bearbeiten. Daher schreiben wir diese Zeile um und nutzen die auch verfügbare gridder.dev.js

wp_enqueue_script( $this->plugin_slug, PIXGRIDDER_URL.'scripts/gridder.dev.js', array($this->plugin_slug.'-modernizr','jquery','jquery-ui-core',$this->plugin_slug.'-ui-touch-punch','jquery-ui-sortable',$this->plugin_slug.'-livequery','jquery-ui-resizable','jquery-ui-dialog') );

Die nächste Änderung betrifft nun die Funktion filter_content. Hier muss die Frontendausgabe für die Spalten angepasst werden.
Das Original sieht wie folgt aus

$column_open = apply_filters('pixgridder_column_open', "<div class=\"column\" data-col=\"$1\">");
$column_close = apply_filters('pixgridder_column_close', "</div><!--.column[data-col=\"<code>blockquote</code>"]-->");

Nach der Änderung sollten diese Zeilen wie folgt aussehen:

$column_open = apply_filters('pixgridder_column_open', "<div class=\"col-sm-$1\" data-col=\"$1\">");
$column_close = apply_filters('pixgridder_column_close', "</div><!--.column[data-col=\"$1\"]-->");

Im nächsten Artikel, Pixgridder Bootstrap fähig machen Part II, wird der größere Regex Bereich beleuchtet der Backendtechnisch einiges handelt.

Worpress bietet eine Fülle von Plugin. Wer seine Seite oder Blog mit WordPress beginnt steht gerne vor der Frage: „Was brauche Unsere 10 besten Plugins in einer Top Ten zusammengefasst:

 

 

 

 

  1. SEO Ultimate
    SEO Ultimate ist ein perfektes Tool für die Suchmaschinenoptimierung. Es gibt einen 404 Monitor, der anzeigt welche Seiten nichtmehr zu erreichen sind. Weiterhin besteht die Möglichkeit verschiedene Begriffe mit einzelnen Seiten zu verbinden. Weiterhin könne für alle Seiten Descriptions, Keywords und Robot Tags bearbeitet, eingetragen und verändert werden. Dies und eine Vielzahl anderer Möglichkeiten machen dieses Tool unseres Erachtens zu einem muss.
  2. Redirection
    Um die in SEO Ultimate gefunden 404er Seiten auf passende Seiten weiterzuverlinken gibt es das Redirection Plugin.
  3. Antispam Bee
    Wer einen WordPress Blog aufgesetzt hat und nutzt, wird recht schnell feststellen das ein Spam Schutz für die Kommentarfunktion ein MUSS ist. Hierfür gibt es Antispam Bee das mit vielen Einstellungsmöglichkeiten Spam effektiv ohne CAPTCHA verhindert.
  4. Contact Form 7
    Dieses Plugin vereinfacht die Erstellung unterschiedlicher Formulare ohne Programmierkenntnisse. Diese erstellten Formulare lassen sich einfach in jede Seite oder Widget einfügen.
  5. Google XML Sitemaps
    Der Name dieses Plugins spricht schon für sich. Mit diesem Plugin lassen sich automatisch eine google taugliche Sitemap generieren. Ein weiteres Highlight sind die mannigfaltigen Einstellungsmöglichkeiten.
  6. Slimbox
    Die Slimbox eignet sich um Vorschaubilder in einen Artikel einzugpflegen, dass mit einem Klick dann vergrößert wird.
  7. heise 2-Klick-Buttons
    Datenschutzrechtlich war der Facebook Button schon lange ein problematisches Thema. Mit dem heise 2-Klick-Buttons Plugin wird das Problem umgangen. Bevor man auf „gefällt mir“ klicken kann muss man erst bestätigen das man dies auch wirklich möchte.
  8. Buddypress
    Dieses Plugin ist für all diejenigen gut, die ihrer Facebook ähnliche WEB2.0 Community aufbauen möchten.
  9. Front Page Category
    Mit diesem Plugin werden auf der Startseite nur noch Artikel einer gewünschten Kategorie angezeigt.
  10. Twitter Tools
    Verbindet Ihr WordPress mit Twitter.